38 users online (2 members and 36 guests)  


  Results 1 to 8 of 8

Related

  1. Iframe won't display in safari :(    Forum: HTML Forum
    Replies: 1
  2. script only half runs when called from php    Forum: CGI Perl Forum
    Replies: 2
  3. Safari Shutdown    Forum: Javascript Forum
    Replies: 1
  4. Alignment in Safari    Forum: CSS Forum
    Replies: 3
  5. Layout problem on Safari (Mac)    Forum: CSS Forum
    Replies: 3
  1. #1
    tubotonia's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    7

    Question Script runs in Firefox, Safari, but not IE5

    When it comes to Javascript, cut and paste is my only talent. I jazzed up my webpage with borrowed code, for thumbnail images that change onmouseover and activate links onclick. All browsers handled this just fine. Then I added some content (and javascript) to popup an additional image when the thumbnail is rolled over. This works in Firefox and Safari, but not in IE5. What's up with _that_?! (Advice much appreciated.)

  2. #2
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Script runs in Firefox, Safari, but not IE5

    Are you seriously trying to run it in IE5? There have been three versions since that one came out. My guess is that IE5 does not support the javascript you just installed. Again, that is just a guess, but I think it is pretty likely.

  3. #3
    tubotonia's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    7

    Re: Script runs in Firefox, Safari, but not IE5

    Quote Originally Posted by jthayne View Post
    Are you seriously trying to run it in IE5?
    Yeah, just on the assumption that there'd be viewers out there still using it. I wonder what percent of them actually do.
    My guess is that IE5 does not support the javascript you just installed. Again, that is just a guess, but I think it is pretty likely.
    What perplexes me is that IE5 would handle some jscript but not all, since the code I cribbed was pretty ancient itself. I certainly am not up-to-date on the history of java-- wonder where there'd be a chart that shows what IE6, say, will handle and IE5 won't.

    Thx for the feedback.

    tub

  4. #4
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Script runs in Firefox, Safari, but not IE5

    The farthest back I would bother going is IE 5.5. I am not aware of any charts that show the differences between JS versions although if you post either the script or a link to the problem script, I will see what I can find out about it.

  5. #5
    tubotonia's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    7

    Re: Script runs in Firefox, Safari, but not IE5

    Thanks for the offer, but the matter is fading to zero importance-- turns out it's IE5 _on the Mac_ that's not following the script. Now that's a niche market if there ever was one. So I'm ready to forget about it.

  6. #6
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Script runs in Firefox, Safari, but not IE5

    I don't blame you. I don't even have a Mac to test anything on.

  7. #7
    firmaterra's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Apr 2007
    Posts
    81

    Re: Script runs in Firefox, Safari, but not IE5

    I always shudder at the thought of debugging javascript between various browsers. Its a yechy business. Microsofts Script Debugger is the handiest debugger I've found for javascript.

  8. #8
    tubotonia's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2008
    Posts
    7

    Re: Script runs in Firefox, Safari, but not IE5

    My old problem has come back to haunt me, in a way. In IE and Safari, everything's cool. But now, in Firefox (on both PC & Mac), my page looks right when read from local file and also initially when uploaded and read. But if you hit Reload, the nasty symptoms appear: pix that are supposed to show on rollover are now displayed from the start, distorting the frame where only the thumbnails are supposed to be. This can be seen at http://tubotonia.freehomepage.com/Commercial1.html. What's strange is that reloading gives no problem when the table contains only two pix, but when you double the number it's always the third of the four pix that hangs out. And the pic, the code and the cell are identical for all four! In case anyone's attracted to the mysterious, here's the source code (somewhat condensed.) Thanks! LFM

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>Commercial WTB</title>
    <link rel="stylesheet" type="text/css" href="wtbstyles.css">
    <style type="text/css">
    a.roll{cursor: pointer;}
    a .rollContent{display: none;}
    </style>
    </head>
    <body background="Gallery/tintile2.gif" text="#000033" bgcolor="#0066ff" link="#330066" vlink="#660066" alink="#660066" >

    <div>
    <div id="rollPop" style="position:absolute; display:none;">x</div>

    <table border="2" align="center" cellpadding="6" cellspacing="2" width="600" bgcolor="#337599">
    <tr>
    <th colspan="12" align="center" valign="center"> <font class="first" >SOME COMMERCIAL MODELS</font><br><font class="third" >(Mouseover to enlarge thumbnail, click for link.)</font></th></tr>
    <tr bgcolor="#65929e">

    <td><font class="third">The Galvatone</td>
    <td align="center" valign="center">
    <a class="roll">
    <img src="Gallery/galt.jpg" width="51" height="86"
    onClick="MyWindow84=window.open('http://www.amediasys.com/galvatone.html','MyWindow84','toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=800,height=600,left=300,top=200'); return false;"/> <div class="rollContent">
    <img src="Gallery/galvatones.jpg"><br>
    <span style="font-weight: normal; color:#ffff00; font-family: Geneva,sans-serif; font-size: 12px; ">The GalvaTone</span>
    </div></a></td>
    <td align="center" valign="center"><font class="third">Havlena-Style Four-Stringer<br>by Bob Flesher</td>

    <!-- ABOVE TRIO OF CELLS REPEATED -->

    <!-- ABOVE TRIO OF CELLS REPEATED -->

    <!-- ABOVE TRIO OF CELLS REPEATED -->


    </tr>
    </table>
    </div>

    <script type="text/javascript">
    (function() {
    var pop = document.getElementById("rollPop");
    var popStyle = pop.style;
    var anchors = document.getElementsByTagName("a");
    function showRoll(e) {
    if(!e) e = window.event;
    var o = e.target? e.target: e.srcElement;
    while(!o.className || o.className!="roll") o = o.parentNode;
    o = o.lastChild;
    while(o.className!="rollContent") o = o.previousSibling;
    pop.replaceChild(o.cloneNode(true), pop.firstChild);
    popStyle.display = "block";
    popStyle.top = (e.pageY? e.pageY: e.clientY)-115+ "29px";
    popStyle.left = (e.pageX? e.pageX: e.clientX)-115 + "29px";
    }
    function hideRoll(e) {
    popStyle.display = "none";
    }
    function moveRoll(e) {
    if(!e) e = window.event;
    popStyle.top = (e.pageY? e.pageY: e.clientY)+ 20 + "px";
    popStyle.left = (e.pageX? e.pageX: e.clientX)+ 20 + "px";
    }
    for(var i=0, n=anchors.length; i<n; ++i) if(anchors[i].className=="roll") {
    if(window.addEventListener) {
    anchors[i].addEventListener("mouseover", showRoll, false);
    anchors[i].addEventListener("mouseout", hideRoll, false);
    anchors[i].addEventListener("mousemove", moveRoll, false);
    }
    else {
    anchors[i].attachEvent("onmouseover", showRoll);
    anchors[i].attachEvent("onmouseout", hideRoll);
    anchors[i].attachEvent("onmousemove", moveRoll);
    }
    }
    })();

    </script>
    </body>
    </html>



Tags for this Thread