Webpage Can Work Normally In IE But Not In Safari?
Mar 23, 2010
My 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?")
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 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]..
I am using javascript from wz_tooltips from WalterZorn.The tool tips work fine in FireFox and Internet Explorer but they do not work at all in Safari. The script on the Walter Zorn web site work in Safari so I'm really perplexed why I can't get it to work.
I 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?
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]
I wondered if two jQuery functions work at the same time on the web page. I did practice one with two jQuery functions, just one function work while other isn't. What is causing it? What should I do to prevent having one is working while others isn't ? Is there a code to put in there to prevent it? If so, where should it be at?
Really struggling trying to get 2 seperate sliders to work on my web page.
take a look at;
[URL]
not a spam its test site so nothing to gain from my end.
the slider at the top works fine, but the 3 boxes with the arrows underneath should scroll/slide back and forward when clicked. If I remove the js links for the top slider the bottom then works;
I have created a dummy web page with three text boxes and three buttons, Enable Disable and Reset. The enable disable buttons work as expected but the Reset button does not.
<html> <head> <script type="text/javascript"> function clear(){ document.getElementById("myForm").reset(); } function disable() { document.getElementById('txt1').disabled=true; document.getElementById('txt2').disabled=true; document.getElementById('txt3').disabled=true; } function enable() { document.getElementById('txt1').disabled=false; document.getElementById('txt2').disabled=false; document.getElementById('txt3').disabled=false; } </script></head><body><table> <form id = "myForm"> First Name<input type = "text1" id = "txt1" size = "20"><br><br> Last Name<input type = "text2" id = "txt2" size = "20"> <br><br> Contact Number<input type = "number" id = "txt3" size = "15"><br><br> <input type="button" onclick="disable()" value="Disable" /> <input type="button" onclick="enable()" value="Enable" /> <input type = "button" onclick="clear()" value = "Reset"> </form></table></body>
Since I put a JavaScript slideshow on a webpage the onMouseOvers in the menu don't work anymore: [URL] Menu titles on the left should become red with a MouseOver. When I remove the Slideshow the onMouseOvers start work.
I've used this plugin before and it worked just fine on all browsers. But on this assignment, it does not work on Safari. [URL] I am trying to get the banners at the bottom to animate. I don't understand why its not working
I'm setting position left to 100% and it works except in Chrome/safari. These browsers set it about 100px from the left not 100%obj.css('left', '100%');Setting the css by itself <img src="" style="left:100%;position:absolute" works fine.I don't know if this is a browser problem or a jquery problem.
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.
I have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries locnevent.preventDefault;[code].......
I have a script that runs a sprite animation on the canvas, adapted from here: [URL] After wondering why it wouldn't work on Safari or older versions of Firefox, I saw this: [URL] and implemented the suggested shim. However, I'm still getting some errors that I can't explain for the life of me. To make this easy for everyone, I threw it in a jsfiddle: [URL]
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
It launches in IE and give the user instructions, then at the click of a button, launches my setup.exe. I want my webpage to launch setup.exe then go to another webpage on my CD, congratulations.html, which says "installation is complete etc". Here's what I am trying to do through JAvascript. It doesn't work. Should the first instruction be flushed in order for the 2nd one to work?
I want to use the values of text boxes on my HTML webpage to create a webpage URL (like below):
<script type="text/javascript">
My text boxes are as follows:
Now this all works and the result webpage URL prints to id='ID1', but the big question is how do I use this resulting URL in another Javascript section as the src="?
I am trying to display a webpage from another domain and tried to access its elements and I am facing issues with this.
I tried using "iframes" and am facing cross domain issues.
All that I want to do is, set and get the attributes of the elements of the webpage from the other domain (eg: set text field value, get dropdown box values, click button etc)
Is there a way to get this job done?
I thought of browser addons however it will be a browser specific solution.
