www.webdeveloper.com
Results 1 to 2 of 2

Thread: Works in IE, but not FF?

  1. #1
    Join Date
    Jul 2009
    Posts
    1

    Unhappy Works in IE, but not FF?

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    
    
    <script language="javascript" type="text/javascript">
    
    var counter=0;
    var bildspel = new Array();
    bildspel [0] = 'bild0.png';
    bildspel [1] = 'bild1.png';
    bildspel [2] = 'bild2.png';
    bildspel [3] = 'bild3.png';
    bildspel [4] = 'bild4.png';
    bildspel [5] = 'bild5.png';
    
    
    var bildtext = new Array();
    bildtext [0] = 'bild0.png';
    bildtext [1] = 'bild1.png';
    bildtext [2] = 'bild2.png';
    bildtext [3] = 'bild3.png';
    bildtext [4] = 'bild4.png';
    bildtext [5] = 'bild5.png';
    
    //////////////////////////////////////////////
    function firstPic()
    {
    counter= 0;
    bild.src= bildspel[counter];
    text.innerText = bildtext[counter];
    }
    
    //////////////////////////////////////////////
    function prevPic(){
    
    
    
    counter = counter - 1;
     if(counter<0)
    {
    counter=0;
    }
    bild.src= bildspel[counter];
    text.innerText = bildtext[counter];
    
    }
    ///////////////////////////////////////////////
    
    function nextPic(){
    counter=counter + 1;
    if(counter>=bildspel.length-1)
    {
    counter=bildspel.length-1;
    }
    
    bild.src= bildspel[counter];
    text.innerText = bildtext[counter];
    }
    
    ///////////////////////////////////////////////
    
    
    function lastPic()
    {
    counter = bildspel.length-1;
    bild.src = bildspel[counter];
    text.innerText = bildtext[counter];
    }
    </script>
    
    
    </head>
    <body onLoad="firstPic()">
    
    
    
    
    <div align="center">
    
    <p><img id="bild" src="" width="300" height="200" alt=”Bild”> </p>
    <span id="text"> </span>
    <br />
    
     <input type="button"
    value=" << First "
    onClick="firstPic()">
    
     <input type="button"
    value=" <-Prev "
    onClick="prevPic()">
    
     <input type="button"
    value=" Next-> "
    onClick="nextPic()">
    
     <input type="button"
    value=" Last >> "
    onClick="lastPic()">
    </div>
    </body>
    </html>
    IE think it's ok, but FF can not make sense of it...any ideas?

  2. #2
    Join Date
    Jun 2004
    Location
    Portsmouth UK
    Posts
    2,668
    Code:
    //////////////////////////////////////////////
    function firstPic()
    {
    counter= 0;
    document.getElementById('bild').src= bildspel[counter];
    document.getElementById('text').innerHTML = bildtext[counter];
    }
    
    //////////////////////////////////////////////
    function prevPic(){
    
    
    
    counter = counter - 1;
     if(counter<0)
    {
    counter=0;
    }
    document.getElementById('bild').src= bildspel[counter];
    document.getElementById('text').innerHTML = bildtext[counter];
    
    }
    ///////////////////////////////////////////////
    
    function nextPic(){
    counter=counter + 1;
    if(counter>=bildspel.length-1)
    {
    counter=bildspel.length-1;
    }
    
    document.getElementById('bild').src= bildspel[counter];
    document.getElementById('text').innerHTML = bildtext[counter];
    }
    
    ///////////////////////////////////////////////
    
    
    function lastPic()
    {
    counter = bildspel.length-1;
    document.getElementById('bild').src = bildspel[counter];
    document.getElementById('text').innerHTML = bildtext[counter];
    }
    Vic

    God loves you and will never love you less.

    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles