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.
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'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>
Whenever I use onclick in javascript (not with onclick attribute in html) it doesn't work. I've never been able to get it to work... ever! Here is the code I'm using Code: el = document.getElementById("foo"); el.onclick = function () { return false; }; Am I doing something wrong?
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>
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() {
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 bringing up a list of movies in a separate window where each one has an "onclick" function which is suppose to call a procedure and pass in the variables and display the details of the selected record. When I click on a record nothing happens. Code:
I'm using a javascript file to switch out items when a thumbnail is clicked. This includes photo, title, description, price, size, quantity and add to cart button....
The original code on the html file works fine, but as soon as it is swapped by onclick, the 'add to cart' button does nothing! code...
and that adds the item to the cart just fine, but when a thumbnail is clicked on, activating the javascript file to switch out the item/elements, the 'add to cart' button no longer does anything... by the way, I am using simpleCart.js.
I have identical code in my index that works, so I'm just guessing the error is somewhere else, I know IE is not the best target to aim for - but I really want this to work in the windows default browser....
Here is the php page... <HTML> <HEAD> <TITLE>[code].... and here is the javascript that works in the index but not here... function Abort() { document.location="AddFamilyMember.php"; };
When I load the page everything looks ok, but click on the abort button, and all that happens is that the little error symbol pops in the lower left of IE. The names of the two files are "AddFamilyMember.php" and "AddFamilyMember.js".
And the file called puts the data in the database..This all workes fine, but if I click the link again, it doesn't work... It works in Firefox, if I click the link or button or whatever it puts data in the database multiple times...But in IE7 and 8 it only works on the first click, and when you have to close the browser window and and go to the url again make it count one more click...
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 have a website at [URL] and i want to allow access to only internet explorer and firefox users. I've heard Javascript is good for this. The reason i want to do this is because in Google Chrome my site messes up on several pages.
I have some Javascript that takes the input from some textboxes and then puts them all into a sentance automatically. It works perfectly in IE but not with FireFox... does anyone know how to make it work with both browsers?
HTML Code: <script type="text/javascript"> function Text_Change() { var TxtFName = document.getElementById("TxtFName"); var TxtSName = document.getElementById("TxtSName"); var TxtAge = document.getElementById("TxtAge"); var TxtLoc = document.getElementById("TxtLoc");
var SpnDisp = document.getElementById("SpnDisp");
var FName = TxtFName.value == "" ? "?" : TxtFName.value; var SName = TxtSName.value == "" ? "?" : TxtSName.value; var Age = TxtAge.value == "" ? "?" : TxtAge.value; var Loc = TxtLoc.value == "" ? "?" : TxtLoc.value;
SpnDisp.innerHTML = "Hello " + FName + " " + SName + ", " + "you are " + Age + " years old and " + "at the moment you live in " + Loc; } </script>
I am using this code for an HTML form and I am using Javascript to do form validation:
<form name = "Reginfo" method="post" action="/cdcsreg/procdata.php" onSubmit = "return verify_data();">
In the "verify_data" (javascript), it processes the instructions when I use Firefox and the processing stops, like it should. However, when I use IE the processing continues to "procdata.php".