FireFox & IE Jquery not working

Question

I have created PHP GD image for captcha, file called image.php each time it generates a dynamic captcha image.

In signup.php I have

<img alt="" src="image.php"> 
<input type="button" id="btn" value="cant read captcha">
<!--btn is to load another captcha-->

jscript.js

$("#btn").click(function(){  
    $("img").attr('src','image.php');
});

Works in Chrome, Safari, and Opera but not in IE and Firefox.

How can I fix this or are there any alternative solutions?

Why is your javascript in a string in your js file? – Gabe Apr 05 '12 at 19:00 — Gabe, Apr 05 '12 at 19:00

score 3 · Answer 1 · answered Apr 05 '12 at 18:59

3

Is the code running after the dom loads? If not, try:

$(function(){
  $("#btn").click(function(){ 
    $("img").attr('src','image.php');  
  });
});

Is there an error in your console?

answered Apr 05 '12 at 18:59

Cal

7,067
25
28

$(function(){ $("#btn").click(function(){ $("img").attr('src','image.php'); alert(9);//works in all browsers }); }); – Fakhr Alam Apr 06 '12 at 04:42

score 2 · Answer 2 · answered Apr 05 '12 at 19:12

2

Try a adding random number at the end of the url , this might be cache issue e.g

$("#btn").click(function(){  
    $(this).prev("img").attr('src','image.php?rnd='+Math.random());
});

answered Apr 05 '12 at 19:12

sakhunzai

13,900
23
98
159

$("#captcha").attr("src","php/image33.php?timestamp=" + new Date().getTime()); worked for me – Fakhr Alam Apr 06 '12 at 04:49
good to hear , please accept on of the answer which works for you – sakhunzai Apr 06 '12 at 04:56

score 1 · Answer 3 · edited May 23 '17 at 10:34

1

Maybe try this approach of adding a query string to prevent the browser caching.

How to reload/refresh an element(image) in jQuery

edited May 23 '17 at 10:34

Community

1
1

answered Apr 05 '12 at 19:06

Paul

1,122
1
10
18

score 1 · Answer 4 · edited Apr 05 '12 at 19:27

1

Try this code

$(function(){

  $("#btn").live("click",function(){ 

       $("img").attr('src','image.php');  

  });
});

edited Apr 05 '12 at 19:27

gen_Eric

223,194
41
299
337

answered Apr 05 '12 at 19:08

Mahipal

126
5

score 0 · Accepted Answer · answered Apr 06 '12 at 04:53

$("image").attr("src","image.php?timestamp=" + new Date().getTime());

I think it was an issue of caching
firefox and ie does not pick image from source again and again
but it loads from its cache
by changing name of image it is now working for me in all browsers
thanx every one

FireFox & IE Jquery not working

5 Answers5