Reference web site: http://www.doneupsalon.com
Fancybox 2 works fine on Safari and other modern browsers. However, when viewing on the iPad and clicking a menu link (i.e. Services) the overlay appears (screen dims) but the dialog does not appear. Did I miss a configuration setting? Thanks in advance for your help.
Related
I have created some social icons using tag. To open the particular social icon ,i can either touch it or click it . It is working fine for desktop screen and in my ipad. Whereas it is not working when i tried to open the same link with touch in mobile device. Does anyone experienced this problem? if so, how to solve that?
I tested my site out on an iPhone and one of the many problems I encountered was the Colorbox close button not functioning because it would instead bring up some sort of Safari tray.
Is there any way around this without making the Colorbox smaller?
Version of Colorbox: 1.6.1
I have code what should detect mobile devices and do my code, if it mobile device (below regex) which contain cookie check and if it absent popup div with buttons which gives cookie when clicked.
But in mobile browser (android) and firefox when i click on button which should give cookie and hide div NOTHING HAPPENS. But in jsfiddle function which hide div works fine, in browser on my site - no. Yep i have jquery included in my page. I'm dissapointed, please help. I'm new in JS and sorry for my english
Function for hide div
hide_ask_div = function(){
$('#ask-user').hide();
}
jsfiddle with mobile devices check
jsfiddle with no mobile devices check, just for test
"googlechrome://www.lego.com" opened in mobile Safari will switch to Google Chrome iOS app to open the URL. This allows for scriptlets like the one below, which allows you to open the current page in Google Chrome iOS app, switching from mobile Safari:
(function()%7Bif(document.location.href.indexOf('http')===0)document.location.href=document.location.href.replace(/%5Ehttp/,'googlechrome');%7D)();
My question is, can the reverse be done? I tried "safari://www.lego.com", and it is simply an invalid URL. Can you make a scriptlet which switches from Google Chrome to mobile Safari to open the current page.
The answer is yes. Courtesy or MacStories (http://www.macstories.net/tutorials/chrome-for-ios-send-a-webpage-back-to-safari-via-bookmarklet/), I found this code:
window.location='googlechrome-x-callback://x-callback-url/open/?url='+encodeURIComponent(location.href)+'&x-source=Safari&x-success='+encodeURIComponent(location.href);
Execute that code, go to your homescreen, reopen Chrome, and there's a magical back button to go back to Safari. This may not be exactly what you want, but it works... Kink of.
Good luck!
Update:
Here's a screenshot:
Link (Sorry, I don't have enough reputation to put it right in the post): http://i.stack.imgur.com/OR175.jpg
Update:
It seems that the functionality to do this has broken. Thank you!
I am using a Javascript to have a link in my fixed header scroll the view down to a certain place on the page. Just an animated scroll basically.
When the page loads, all is fine and the link scrolls the page down. From then on, the buttons in the header do not work until the page in manually scrolled, even a tiny amount, by the user. After the content had been moved by the user, all the buttons work again.
Works as expected on Windows 7 using IE9, Chrome, FF, Safari and Opera; fails on Samsung GT-I9000 Android 2.6.32.9; fails on iPad and iPhone with iOS 5.1.1.
Any ideas? Thanks.