I've a mapped image and jquery in the following code, works fine with Chrome and Safari, but Firefox doesn't recognize the onclick function.
<img id="menu" src="/imgs/home/menuOK.png" border="0" align="left" usemap="Map_Menu"/>
<map name="Map_Menu" id="Map">
<area shape="poly" coords="16,189,103,155,99,149,5,169" href="#" onclick="$('#contenuto').html('<iframe src=bio.php frameborder=no width=100% height=100% scrolling=no id=icontent><p>Your browser does not support iframes.</p></iframe>');" alt="Bio"/>
<area shape="poly" coords="112,111,61,29,44,43,107,115" href="#" onClick="$('#contenuto').html('<iframe src=video.php frameborder=no width=100% height=100% scrolling=no id=icontent><p>Your browser does not support iframes.</p></iframe>');" alt="Video"/>
<area shape="poly" coords="105,120,16,77,7,99,102,126" href="#" onClick="$('#contenuto').html('<iframe src=saundtrack.php frameborder=no width=100% height=100% scrolling=no id=icontent><p>Your browser does not support iframes.</p></iframe>');" alt="Saundtrack"/>
<area shape="poly" coords="101,134,4,125,5,150,99,142" href="#" onClick="$('#contenuto').html('<iframe src=disco.php frameborder=no width=100% height=100% scrolling=no id=icontent><p>Your browser does not support iframes.</p></iframe>');" alt="Disco"/>
</map>
I have an Ajax script which works fine in IE, Opera, etc, but not in FF 3.6. It appears the data sent is not recognized. My debug alert to display a simple variable sent is blank. In other browsers it displays fine. I'm developing on my PC so shouldn't have the cross domain issue, I don't think?
Here is the code function ajaxRequest() { $.ajax({ type: "POST", url: 'WTE_HTTP_Submit.cfm',
I am a newer user to javascript and jQuery and I have ran into a small problem. Here is my test [URL]..If you click the first link, everything works properly but if you click the link loaded from .load() the function fails to run.
I can't fire my function with onclick event in Firefox.My little piece of code works perfect inIE. but in firefox it just doesn't work and no error in firebug by theway.I'm using Firefox 3.0.9This is the code:
<script type="text/javascript"> function del(mesId) { $(document).ready(function() {
I want to know if how a javascript can recognize the name of a picture. Let say i have two pictures.
Picture A. name is "bubble.jpg" ...then Picture B. name is "duck.jpg"
When i hover the mouse using the onmouseover() function on one of the picture. The javascript should smart enough to recognize the name of the picture and display the name of that picture. Is this possible?
Unfortunately, if a user opens the link in a new tab (e.g right click->open in new tab), my onLinkClick function does NOT get called. This happens with Firefox (various versions, including the latest one - 1.5.0.1).
Does anyone know if there is a way to work around that and catch even the "open in new tab" clicks/events?
I am trying to use AJAX to do a simple thing of displaying the results in the same page. Clicking on the <a href tag should display the results in the same page. This is working correctly in IE but the onclick() function is not working in firefox and safari.
I am absolutely puzzled and am hoping some of you may be able to [code]...
for some reason, whenever I click on the relevant link the alert 'class not there' pops up, even though I think it's fairly clear it is. What am I doing wrong?
I'm trying to write a cinema seat selection page and I'm hitting a problem with a selector not recognising a 'booked' class that I've just been added via JSON. I wonder if anyone could tell me why it works ok when I hard code the 'booked' class in but not when I do it through jQuery. Should I just do it in PHP??? or is there a way around the problem.
I basically want to have a select element's options change when I add a class to an img element through a jquery UI droppable. For some reason even though I can see the class has been added, the alert will not display when it does change. I can't understand why.
I'm encountering errors with a form I have created. I feel confident that the issue is with my JS validation form because when I allow the form to submit without validating any of the fields, my php processor correctly uploads all the content into my database (but, I will need the form validation to prevent the user from skipping fields).
The issue (I believe) is with IE. In IE, both drop-downs seem to populate correctly but when I submit the form, I get a prompt to make a selection for the first drop-down menu.
The form does submit properly in FireFox and Safari but with some testing I noticed that I was getting a prompt to make a selection in the first drop-down in instances where a selection was already made but I just had not yet populated the second country/state drop-down.
Still, in Firefox and Safari, the form does pass validation upon submit.. So, I am hoping it's just IE specific issue.
I'm thinking the issue is with IE not recognizing my selection. The form had a drop-down menu where the user selects a letter, then that selection triggers (in JS using a function to process the selection) another drop-down to populate with all the countries or states that begin with the letter from the first selection.
I'm new to programming so please please bear with me. I found this code, and I saved it as a .js -Everything is working fine but what I would like is for the 'next' button, to recognize when the array has reached the last image, so that 'next' button becomes unclickable and it only allows the user to click on 'previous'. (and same goes for the previous button, when it reaches the first image, then the only option is to click on next)
Here is the code: (For javascript. Saved as a separate .js file) var num=0;
I've got some PHP and javascript working together to create a marginless image popup from another arbitrary image. This works perfectly in Firefox, but IE bombs and I'm not really knowledgable about Javascript to be able to tell immediately why. Here's the relevant code from the page:
<a href="#" onClick="window.open('http://www.somesite.com/popup.php?image=popup.jpg', 'popup', 'width=737,height=492, directories=no, location=no, menubar=no, scrollbars=no, status=no, toolbar=no, resizable=no, top=300, left=300'); return false" style="cursor:pointer"><img src="http://www.somesite.com/pics/thumb.jpg" alt="Click here to see a larger image"></a>
The script creates new fields with calendar in a form, if new information is added to a field and then a new field is created the information is lost in FF Live demo: [URL]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Calendar Text Input</title> <script language="javascript" type="text/javascript" src="datetimepicker.js"></script> <script type="text/javascript"> [Code]...
I am implementing Ajax for a new website and I've run into a hurdle.
It seems like Javascript does not 'see' any div elements that are loaded from external file with Ajax.
Is this a common issue, and is there a solution? Or am I overlooking something obvious?
What I'm doing is loading a simple external page via Ajax. The pages loads just fine, and it contains div's with unique id's. If I execute a Javascript function, it seems to not recognize these newly-rendered div's from the Ajax external file. Is this the case? Can Javascript be re-invoked on command, so it can see the new div's?
I finally got the below script working in Firefox and was really pumped about it until I realized it didn't load in Google chrome or Safari. What this script does is its a dual onclick event which makes a hidden div appear and loads an iframe within the now visible div. Here is the code, how to make this work in other browsers.
Here is the header code: <SCRIPT type="text/javascript"> <!-- var state = 'none'; function showhide(layer_ref) { if (state == 'block') { state = 'none'; } else { state = 'block'; } if (document.all) { //IS IE 4 or 5 (or 6 beta) eval( "document.all." + layer_ref + ".style.display = state"); } .....
Here is the code on the page where a link click shows the hidden div and loads the iframe contained. <p><a href="#" onclick="showhide('div1');return loadIframe('ifrm1', '[URL]'); ">show/hide me</a></p></td></tr> <div id="div1" style="display: none; position: fixed; z-index:4; width: 1010px; height: 500px; left: 5%; top: 15%; background-color: #f0f0f0; border: 1px solid #000; padding: 10px;"><iframe name="ifrm1" id="ifrm1" width="100%" height="90%" scrolling="yes" frameborder="0"> Sorry, your browser doesnt support iframes. </iframe><p><a href="#" onclick="showhide('div1')">close</a></div>';
I'm working on a image slider, which will slide left to right and vice versa on mouser over event. the images are dynamically loaded from the database using ASP script. I use mootools.svn.js for the sliding implementation. and Ajax to pass the id of the image to another page as a query string. this is implemented in a onclick="getValue('<%= id %>')" event. This works fine in IE8, but when I test in Firefox 3.6 and Chrome the onclick event doesn't work. when I comment the mootools.svn.js, the onclick event get fired.
I'm using a script (with inner HTML), to swap currencies. My onClick event calls two scripts to change the content of two cells. It works fine in IE, but Firefox... Nothing. I've run firebug, the error returned is "illegal character".
I am making a small gallery script. When a user clicks an image, I would like for a function to be called that tells the browser where that image is located in an object. For example:
[Code]...
It works, I just don't like it because it is messy and it seems sensible that some workaround exists.
How can I set a href or onclick function for an "a" element that passes information to the function?I have a function showpage() that is called whenever one of a number of buttons are clicked. I need to pass information from the button clicked to that function.
I have a jsp document,and a java class with some functions,i want that a button that located in the jsp document, will execute a function from the java call on click.