fails in FF3 not in IE7

[logo66]

<div onclick="hilight(this.id);" id="tr3" style="height:55px;width:55px">Away</div>

<script type="text/javascript">
function hilight(b){
var trid = document.getElementById(b);
trid.style.background=(trid.style.background == "url(http:\/\/l.yimg.com\/i\/i\/uk\/any\/ylogo.gif)") ? "url(http:\/\/[URL unfurl="true"]www.google.co.uk\/intl\/en_uk\/images\/logo.gif)"[/URL] : "url(http:\/\/l.yimg.com\/i\/i\/uk\/any\/ylogo.gif)";
}
</script>

the code above works in IE7 but not FF3, any ideas ? ..thanks

 

[BillyRayPreachersSon]

Why are you escaping the slashes in the URLs? Try using normal slashes and see if it works.

Dan


Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[logo66]

desperately trying different ways, apostrophes no apostrophes, makes no odds, doesn't work.

thanks anyway.

 

[logo66]

I don't think I can install FF2 while FF3 is installed in this PC, so could someone please check that the following at leasts works in FF2 ?.

<div onclick="hilight(this.id);" id="tr3" style="height:70px;width:80px;background:url([URL unfurl="true"]http://i38.tinypic.com/6ss9w1_th.png);cursor:pointer;">&nbsp;</div>[/URL]

<script type="text/javascript">
function hilight(b){
var trid = document.getElementById(b);
trid.style.background=(trid.style.background == "url([URL unfurl="true"]http://i35.tinypic.com/2mp03ex.jpg)")[/URL] ? "url([URL unfurl="true"]http://i38.tinypic.com/6ss9w1_th.png)"[/URL] : "url([URL unfurl="true"]http://i35.tinypic.com/2mp03ex.jpg)";[/URL]
}
</script>
[code]

what you should see is, when clicking the image it goes from cross to tick and back again, in FF3 (3.01) it just goes to tick but not back again.

I'd appreciate anyone with FF2 that has the time to check it for me, thank you.

 

[logo66]

didn't work in FF2....

so for any future googlers, this worked in all three,

<div onclick="hilight(this.id);" id="tr3" style="height:70px;width:80px;background:url([URL unfurl="true"]http://i38.tinypic.com/6ss9w1_th.png);cursor:pointer;">&nbsp;</div>[/URL]
<script type="text/javascript">
var result=new Boolean("false");
function hilight(b){
var trid = document.getElementById(b);
result = (result=="false") ? "true" : "false";
if(result=="true"){trid.style.background='url("[URL unfurl="true"]http://i38.tinypic.com/6ss9w1_th.png")';}else[/URL]
{trid.style.background='url("[URL unfurl="true"]http://i35.tinypic.com/2mp03ex.jpg")';}[/URL]
}
</script>

no idea why it had to be done this way, but, .... so it goes...