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.
Related
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.
When a link is clicked and the browser redirects to another page the highlighting is maintained when revisiting the original page. This allows the user to know which links she has clicked even after they have left the page. Is it possible to apply this same functionality to a button?
I know this sounds petty, but whenever I switch from page to page, the facebook "like" button takes a little while to load. It looks ugly because once it DOES load, it pushes over the "follow" button on Twitter. The google custom search bar does the same thing usually, but faster.
I just want the search bar / facebook button / follow button to load quickly and NOT push each other around.
Here is the current website: http://www.blueskullgames.com
(if you click from page to page on the navbar you will see what I mean)
Any suggestions?
Side Note: I am using a single php custom header for all of my pages.
Thanks in advance!
The facebook button is in an iframe. Add a width to your CSS for the class fb-like. Make sure you do it so it can expand to 4 digits in the counter "balloon" For Rivals.com I did 132px width on the iframe so it does not show up and bully other tags around by displacing them.
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.
I am new to google extension..
What I want to do in my extension is to display an icon at somewhere in page (Not in the address part nor toolbar but in the left center of the page).
When user clicks on the icon, the new window should open with specific url.
I have already created to do the same by placing icon in toolbar and it works fine.. But I want to display the icon to left-center of the page..
then I tried to display an icon to left center of page by adding element to document.body.. That help me to display the icon but not able to call the browser action or to create new tab on it..
Any suggestion??
Thanks,
Mahesh
I'm just making the comment an answer...
Using target="_blank" on the anchor tag worked for me
<img src="icon.png" />