The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>[code]......
I'm developing a website and I need the browser to scroll to an anchor. It MUST be animated, so I tried to use jQuery for that. Tried this:
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
It works perfectly on Firefox and Safari(on the Mac). On Mobile Safari it first goes to the top of the page, then it scrolls to the anchor I want it to scroll to. What's the trick to make it work?
First off, a quick THANK YOU for making cluetip! I'm using it and loving it but I have an issue with it under iPhone/ Mobile Safari. Basically, when I view a page with a desktop browser, cluetip activates on hover and does what I want. However, on the iPhone, cluetip displays whenever a link is tapped that would normally display the cluetip hover in a desktop browser. So, is there a way to fix this behavior in cluetip? If not, can I disable cluetip (or stop it from loading) when an iPhone requests the page?
View 1 Replies View RelatedI am making a mobile version for our bulletin board website. Users often post photo's by hotlinking and on the desktop this is no problem.But on a mobile phone (I test with an iPhone) these images are just waaay to large to load.First of all: The size of the photo. It's dimentions. They are way to big for a mobile screen to display they fully, so I now have a javascript that shrinks all loaded images to a max width.
Problem is: The have to load first and while loading they mess up de rest of the text. It stretches the browsers viewport so people need to swipte to the left and back to the right UNTIL the photo is loaded. Only then the javascript puts the large images back in proportion. Is there a way that, while on loading a page with a lot of large photo's (postes by users), the photo's are resized WHILE loading? Even setting the max-width in css is not enough. The css property only applies after load.
I've got some problem with more then one plugin from jQuery.
My Problem is: if I use some "resizable background"-script (it works on IE7+/FF/Chrome), and the content is longer then 100% height of the screen (ipad/iphone), there's a white place at the bottom of my background-image.
The solution was, to fix the background, but it still doesn't work on mobile devices.
Script:[url]
I want use $.ajax to read some infomation from xml file,here is my js code :
$
.
ajax
({
[Code].....
However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?
I'm trying to hide a few options in a dropdown box using .hide(). This works perfectly fine in firefox and chrome, but it doesn't work in IE and Safari. My original code is more complex but I've narrowed it down to this.I've tried several combinations and nothing has worked.hide() works, but not for things within option tags for some reason.[code]
View 1 Replies View RelatedI have a form that should be submitted via ajax; it works of ff and ie, but doesn't in safari 3.2.1.
I've simplified every page to isolate the problem:
The html:
View this message in context: [url] Sent from the jQuery General Discussion mailing list archive at [url].
I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.
View 2 Replies View RelatedI have made a website that you need a password to get into. The following javascript code works in Internet Explorer but, I need it to work in Safari also. Can anyone please rewrite this code, as simple as possible, to work in both Safari and Internet Explorer?
]<!--//
function mainpass()
{
[code]...
I tried to apply jCarousel on Ajax loaded content. It works on Firefox/IE/Opera, but not on Safari/Google Chrome. Can somebody help me finding where the problem isP.S. On IE, when you close the Ajax content there will be a alert message shows 'Jcarousel: No width/height set for items. This will cause an infinite loop. Aborting ...', but it doesn't matter as the alert function can be shut off.
View 1 Replies View RelatedWe are using some old java script framework, which is not working on tablets(we are targetting android, ipad) but working fine on IE, Firefox. Even this is not working on desktop safari. We decided to move to higher version of java script framework so that it can work in all desktop browsers and tablet browsers (atleast in ipad, android). We are not targetting mobiles now. My question is if I move to Jquery without mobile plugin, does it going to work in both browsersof desktop and tablets (I am not looking for touch screen functionality like expanding the screen.. but looking forhorizontal, vertical scrolls to work, equivalent of mouse onclick should work).
View 1 Replies View RelatedFor my Dreamweaver program I want to update to the latest version so I can build within it, but I'm confused as to what are the latest versions of jquery.mobile-min.js and jquery.mobile-min.css. The site has 1.0 as the latest stable build. But Dreamweaver's third-party folder (the place that houses jQuery mobile scripts) has 1.0a3 for the css and 1.5 for the mobile.min file. I was told by Adobe that they do not update jQuery scripts when updating their program. I think that's a mistake, myself. Whether it is or not, it sure would be useful now.
View 1 Replies View RelatedHere is a simple version of the relevant line of my code:
[Code]....
There is no response for onmouse down, but onmouseup generates the appropriate alert. why onmousedown doesn't work?
In firefox, this script works just fine. But in safari, it doesn't do anything and I can't figure out why.code...
View 7 Replies View RelatedMost of the Javascript I see has some sort of time limit on page reload and is not really what I am trying to accomplish:
<meta http-equiv="Refresh"
content="10; URL=http://coffeeandtealtd.com/buynow.html" />
I am trying to make our buy page reload after clicking the Paypal "continue shopping" button in Paypal Website Standards. The pop up Paypal shopping cart window closes after clicking the button but our buy page doesn't reload. It doesn't reload in Safari although it seems to be fine in FF and IE. how to make the page reload in this specific instance only.
I've got this code that needs to load a .wmv file - the client is adamant about using .wmv files and not Flash files - and the client insists that it use variables for the width and height parameters.I've now got the code working correctly in IE (it's always worked in Firefox) but I've just noticed that it's not working in Safari. I'm sure it's got something to do with the <object> but am not sure how to fix it.I've tried including the safari object code for wmv files and then using an if/else statement to only load the object code for safari but my javascript skills aren't that great.As it stands right now, both Firefox and IE try to load the quicktime object after they load the wmv movie object.
View 5 Replies View RelatedI wrote a little clock with JS and...The clock worked fine until i chose to dynamically add the DIV with createElement to the BODY with appendChild and the clockString to the DIV using innerHTML...and so now when i open it after about 20 seconds safari begins to stall and/or not respond...
START-CODE:
Also just fyi i use some CSS to style the DIV and font-size ect and use the BODY element's onload attribute to run the functions...
I have a function defined in my document's <head> section which adds a <script> tag to a specified <div> tag. The added <script> has a src="" attribute pointing to a PHP file, which dynamically returns JavaScript. In Safari, the src file isn't downloaded. Neither is any code contained within the new script tag [such as alert()]. In IE(6) and Firefox, this works as expected. Here's my code:
View 4 Replies View RelatedMy webpage can work normally in IE but not in Safari(e.g. when I clicked on some buttons like 'Delete' button, the page opened in Safari stays the same while it should delete the object chosen).When I tried debugging on Safari, after clicking the 'update' button, this message error appeared: "TypeError: Result of expression 'this.form.fireEvent' [undefined] is not a function". I believe this code makes the incompatability between the 2 browser:
function DeleteClick()
{
var frmSWO = document.getElementById("form");
var answer = confirm("Do you really want to delete?")
[code].....
Does anyone knows a method to measure the scrollbar's width, which works in Safari/Chrome.
The innerWidth function doesn't seem to take the scrollbar's width into account when measuring the innerWidth of the child element of a scrollbared element.
I having a hard time to know how to present checkboxes injava script.
If you take a look here :
If you notice, each checkbox has a different id than the other. how i represent them in javascript or get them together as one for one id. also, how do i represent them in mysql. As you know in simple html form, the checkboxes has one id.
Have someone experience with javascript programming on windows mobile. the event.keycode will not work.
View 3 Replies View RelatedJust wondering if anyone knows if it is possible to identify if a user is accessing a web page with a device suc as a blackberry?
View 5 Replies View Relatedcode messing up their page view-ability in Safari on a Mac?
View 3 Replies View RelatedI try to use jquery to manage a little hierarchical menu. It seems easy, and after 1 hour of scripting (first time that I use Jquery) it's working in FF, Safari and Opera. It's not working in IE.[URL]..
View 1 Replies View Related