i am using google map with jquery mobile .
i want to get user current location in google map...
in default page (Default page) there are links in footer...
in default page in footer when i click location it works it goes to location page gives user location...
but in default page in footer when i click another link such as map and then i click location
$('#map_canvas').gmap().bind('init' does not triggered...the page loads but map does not load .it goes to page in browser and
$(document).ready(function () {
works but $('#map_canvas').gmap().bind('init' not works
The reason for which it works the first time is that the anchors inside the navigation bar of your first page contain the rel=external attribute. This forces a full page refresh when changing page.
ex: <a href="Contact.htm" class="ui-btn-active ui-state-persist" rel="external">
But rel="external" is missing from the anchors inside your footer navigation bar included on the other pages.
I hope this helps.
Related
I have a website which contains an iframe to load another website. When a user is clicking a link in the iframe, the navigation is happening inside the iframe which is fine. However, when a user opens a link in a new tab (e.g. with the mouse wheel) the direct link is opened and the parent site is gone. The problem is that I need the new tab to open in the parent otherwise the page will fail over time (the parent page is for example handling authentication). Is there a possibility to achieve this? I have full control over both websites.
I created a Page using Microsoft 365 admin credentials . Page contains staff directory details .
I wanted to publish this page on another page as a web part .
So I clicked on + symbol and gave embedded page option and added the link of the page ,I created as a web part .
But when it appears on the published page it’s having a header content share point and also has the user who has logged in .
On clicking the share point header it navigates to my home page where in , I cannot come back to this page again unless I give back button .
Can anyone say ways to remove the share point header from the web part .
i managed to remove the header sharepoint which appears in blue colour as it appears at the top.
Below is the orange color search icon which i wanted to hide as well. On hiding that from iframe, right side there appears a serach box it disappears.
Do we have any ways to hide the orange colour search icon or any ways to make it dummy?
Step 1: Inspect the page and search for the css element. Get it's id/class
Step 2: With javascript prevent it from loading in the iframe.
As for the going back thing, you can style your iframe such that it appears over the button.
I'm creating single HTML5 page using bootstrap. I have some menu items like services, portfolio etc. When I click on one of these menu items, it scrolls down and display that particular section but it does not change the url.
for example:
suppose if I opens website, index.html will open. now if I click on "portfolio" link, it scrolls down and display the section "portfolio" but it does not change URL like index.html#portfolio. It remains index.html
refer: www.nuabikes.com/#/home
when you open this site, click on one of the menu item and check the url, it changes automatically. And also when page is scrolled down the URL changes automatically.
I want to add this feature in my page.
When you change the content with Javascript and you want the change to reflect in the address. Its called routing, check it up.
Basically you have three options:
Use a framework such as angularjs or ember who does the routing for you more or less
Us a Jquery plugin that does some this. Such as http://www.asual.com/jquery/address/
Handle the change yourself. See this for reference: Updating address bar with new URL without hash or reloading the page
i have a long page, where near the bottom I have a "post on facebook" button. when the user clicks this the FB.UI dialog from the facebook javascript sdk pops-up. This is all working fine except that the page scrolls back to the top of the page where the dialog is showing.
i have the set just under the tag as facebook recommends. I've tried moving this to the part of the page where i need it but the page keeps scrolling back to the top
Any idea how i can get the facbook dialog to show where the current page scroll position is?
You'll want to use the position:fixed; attribute within the element that contains the Facebook dialogue. Check out this link for further information and examples.
Okay, so - weird problem. Basically, I've created a PHP slideshow framework for my site which loads a whole new page each time somebody clicks to the next image. For a more "fluid" experience, I made the next/previous picture links load the next page so that the picture is at the top of the window (I put <a name='slide'></a> right above the slideshow image, and I link to that). However, when I do so, the page title disappears behind my banner at the top. They say a picture is worth a thousand words, so observe: This page looks fine, but click to go the next picture (broken page) and the album title (2010-05) disappears. If you remove #slide from the end of the broken page link, it works fine again. Any suggestions on why this is happening, or how to avoid it?
TIA! :)
In the page:
<a name='slide'></a>
...this an in-page bookmark. The #slide on the URL forces the page to scroll to this point.
If you want the page to load with it scrolled to the top every time, drop in this script:
<script type="text/javascript">
window.scrollTo(0,0)
</script>