Go Back   CodingForums.com > :: Client side development > JavaScript programming

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-21-2006, 09:04 PM   PM User | #1
qwicfingers
New to the CF scene

 
Join Date: Jan 2006
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
qwicfingers is an unknown quantity at this point
Help with a Javascript that works in almost all browser but IE

I have a javascript that works fine in almost every browsers with the exception of IE. the script is a function that allows you to click on a thumbnail and it loads the image by replacing an image. Does any one have an idea about how to get it to work in IE?

http://angryteeth.net/gallery.shtml

in the head:
<!--

function MM_findObj(n, d) { //v4.0
var p,i,x;

if(!d) d=document;

if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n);
return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;

for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null)
{
document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];
}
}

-->

in the body:

<td><a href="javascript:;" onclick="MM_swapImage('largeimg','','img/.../2.jpg',1)"><img src="img/.../2thumb.jpg" name="defeat" border="0" height="50" width="50" alt=""></a></td>

Thanks
qwicfingers is offline   Reply With Quote
Old 01-21-2006, 09:50 PM   PM User | #2
canadianjameson
Senior Coder

 
Join Date: Jul 2003
Location: My pimped-out igloo in Canadia
Posts: 1,966
Thanks: 36
Thanked 0 Times in 0 Posts
canadianjameson is an unknown quantity at this point
i dont know but on first glance this looks wonky: href="javascript:;"

i have never seen that link type before... maybe thats the cause of the issues

try href="#"
__________________
Before you criticize someone, you should walk a mile in their shoes. That way, when you criticize them, you're a mile away and you have their shoes :)
canadianjameson is offline   Reply With Quote
Old 01-21-2006, 10:01 PM   PM User | #3
Single Paradox
Regular Coder

 
Join Date: Feb 2005
Posts: 525
Thanks: 0
Thanked 0 Times in 0 Posts
Single Paradox is an unknown quantity at this point
It would be much simpler to:

Code:
<script>

function swapBig(theImg){
document.getElementById('bigviewer').src=theImg;
}
</script>
And id the big image bigviewer, so it looks like this:

Code:
<a href="javascript:swapBig('theImageurl1.gif');"><img src="thumb1.gif"></a><br>
<a href="javascript:swapBig('theImageurl2.gif');"><img src="thumb2.gif"></a><br>
<a href="javascript:swapBig('theImageur3.gif');"><img src="thumb3.gif"></a><br>
<img id="bigviewer" src="spacer.gif">
Try that
__________________
Single Paradox
My Site (Under construction)

Not too bad for a 15 year old
Single Paradox is offline   Reply With Quote
Old 01-21-2006, 10:24 PM   PM User | #4
qwicfingers
New to the CF scene

 
Join Date: Jan 2006
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
qwicfingers is an unknown quantity at this point
Thanks Single Paradox that is a lot simpler.
qwicfingers is offline   Reply With Quote
Old 01-23-2006, 10:56 AM   PM User | #5
glenngv
Supreme Master coder!


 
glenngv's Avatar
 
Join Date: Jun 2002
Location: Los Angeles, CA Original Location: Philippines
Posts: 10,241
Thanks: 0
Thanked 112 Times in 111 Posts
glenngv will become famous soon enough
To make the page friendly with javascript-disabled browsers.
Code:
function swapBig(theImg){
   document.getElementById('bigviewer').src=theImg;
   return false;
}
...
<a href="theImageurl1.gif" onclick="return swapBig(this.href);"><img src="thumb1.gif" /></a>
Even if javascript is disabled or not supported, the image will still be shown.
__________________
Glenn
_____________________________________________
Play Tower of Hanoi Android app (Ad-FREE!)
Play Tower of Hanoi Android app (FREE!)
Go to Tower of Hanoi Leaderboard
Play Tower of Hanoi Facebook app
glenngv is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 11:27 AM.


Advertisement
Log in to turn off these ads.