Anzeige

JavaScript Fehler!! HILFEEE!!!

JavaScript Fehler!! HILFEEE!!! | PSD-Tutorials.de

Erstellt von OliverLibbertzxyz, 06.11.2008.

  1. OliverLibbertzxyz

    OliverLibbertzxyz Noch nicht viel geschrieben

    Dabei seit:
    22.06.2008
    Beiträge:
    15
    Geschlecht:
    männlich
    JavaScript Fehler!! HILFEEE!!!
    Bekomme beim aufrufen der galerie im firefox die fehlermeldung
    Fehler: document.getElementById(imgName + "_imgID") has no properties

    Hab schon alles ausprobiert. Kann mir bitte jemand helfen:'(

    <script type="text/javascript">
    <!--
    // Image-Preloader
    var arrImg = new Array();
    arrImg[0] = new Image();
    arrImg[0].src = "images/Principessa_mud.jpg"; // Pfad zum Bild
    arrImg[0].txt = "<b>Modell:principessaMud</b>   <b>Farben:plum, schwarz</b>   <b>Empf.VK:109,00 EUR</b><br><br>"; // Gewünschter Text
    arrImg[1] = new Image();
    arrImg[1].src = "images/Principessa_navy.jpg";
    arrImg[1].txt = "<b>Modell:principessaNavy</b>   <b>Farben:navy</b>   <b>Empf.VK:99,00 EUR</b><br><br>";
    arrImg[2] = new Image();
    arrImg[2].src = "images/small_daisy.jpg";
    arrImg[2].txt = "<b>Modell:Small_Daisy</b>   <b>Farben:plum, schwarz</b>   <b>Empf.VK:129,00 EUR</b><br><br>";
    arrImg[3] = new Image();
    arrImg[3].src = "images/Principessa_black.jpg";
    arrImg[3].txt = "<b>Modell:principessaBlack</b>   <b>Farben:schwarz</b>   <b>Empf.VK:129,00 EUR</b><br><br>";
    arrImg[4] = new Image();
    arrImg[4].src = "images/Bella_black.jpg";
    arrImg[4].txt = "<b>Modell:BellaBlack</b>   <b>Farben:schwarz</b>   <b>Empf.VK:89,90 EUR<br><br></b>";
    arrImg[5] = new Image();
    arrImg[5].src = "images/Plain_navy.jpg";
    arrImg[5].txt = "<b>Modell:plainNavy</b>   <b>Farben:plum</b>   <b>Empf.VK:119,00 EUR</b><br><br>";
    arrImg[6] = new Image();
    arrImg[6].src = "images/LongBeach_navy.jpg"; // Pfad zum Bild
    arrImg[6].txt = "<b>Modell:LongBeachNavy</b>   <b>Farben:plum</b>   <b>Empf.VK:109,00 EUR</b><br><br>"; // Gewünschter Text
    arrImg[7] = new Image();
    arrImg[7].src = "images/LongBeach_mud.jpg";
    arrImg[7].txt = "<b>Modell:LongBeachMud</b>   <b>Farben:navy</b>   <b>Empf.VK:99,00 EUR</b><br><br>";
    arrImg[8] = new Image();
    arrImg[8].src = "images/Bella_mud.jpg";
    arrImg[8].txt = "<b>Modell:BellaMud</b>   <b>Farben:plum</b>   <b>Empf.VK:129,00 EUR</b><br><br>";
    arrImg[9] = new Image();
    arrImg[9].src = "images/Clipper_1.jpg";
    arrImg[9].txt = "<b>Modell:Clipper</b>   <b>Farben:schwarz</b>   <b>Empf.VK:129,00 EUR</b><br><br>";
    arrImg[10] = new Image();
    arrImg[10].src = "images/City_mud.jpg";
    arrImg[10].txt = "<b>Modell:CityMud</b>   <b>Farben:schwarz</b>   <b>Empf.VK:89,90 EUR<br><br></b>";
    arrImg[11] = new Image();
    arrImg[11].src = "images/City_black.jpg";
    arrImg[11].txt = "<b>Modell:CityBlack</b>   <b>Farben:plum</b>   <b>Empf.VK:119,00 EUR</b><br><br>";
    // swapImage
    function swapImage(imgName, intImg){
    document.getElementById(imgName+"_imgID").src = arrImg[intImg].src;
    document.getElementById(imgName+"_outID").innerHTML = arrImg[intImg].txt;
    return false;
    }
    //-->
    </script>


    <div id="imageBox">
    <img src="images/Principessa_mud.jpg" alt="" name="start_imgID">
    </div>
    <div id="start_outID"><b>Modell:principessaMud</b>   <b>Farben:plum, schwarz</b>   <b>Empf.VK:109,00 EUR</b><br><br></div>

    <ul>
    <li><a href="#images/Principessa_mud.jpg" onclick="return swapImage('start', 0);"><img src="thumbs/Principessa_mud.jpg" alt="load pic01" height="65"></a></li>
    <li><a href="#images/Principessa_navy.jpg" onclick="return swapImage('start', 1);"><img src="thumbs/Principessa_navy.jpg" alt="load pic02" height="65"></a></li>
    <li><a href="#images/small_daisy.jpg" onclick="return swapImage('start', 2);"><img src="thumbs/small_daisy.jpg" alt="load pic03" height="65"></a></li>
    <li><a href="#images/Principessa_black.jpg" onclick="return swapImage('start', 3);"><img src="thumbs/Principessa_black.jpg" alt="load pic04" height="65"></a></li>
    <li><a href="#images/Bella_black.jpg" onclick="return swapImage('start', 4);"><img src="thumbs/Bella_black.jpg" alt="load pic05" height="65"></a></li>
    <li><a href="#images/Plain_navy.jpg" onclick="return swapImage('start', 5);"><img src="thumbs/Plain_navy.jpg" alt="load pic06" height="65"></a></li>
    <br>
    <li><a href="#images/LongBeach_navy.jpg" onclick="return swapImage('start', 6);"><img src="thumbs/LongBeach_navy.jpg" alt="load pic01" height="65"></a></li>
    <li><a href="#images/LongBeach_mud.jpg" onclick="return swapImage('start', 7);"><img src="thumbs/LongBeach_mud.jpg" alt="load pic02" height="65"></a></li>
    <li><a href="#images/Bella_mud.jpg" onclick="return swapImage('start', 8);"><img src="thumbs/Bella_mud.jpg" alt="load pic03" height="65"></a></li>
    <li><a href="#images/Clipper_1.jpg" onclick="return swapImage('start', 9);"><img src="thumbs/Clipper_1.jpg" alt="load pic04" height="65"></a></li>
    <li><a href="#images/City_mud.jpg" onclick="return swapImage('start', 10);"><img src="thumbs/City_mud.jpg" alt="load pic05" height="65"></a></li>
    <li><a href="#images/City_black.jpg" onclick="return swapImage('start', 11);"><img src="thumbs/City_black.jpg" alt="load pic06" height="65"></a></li>
    </ul>

    </div>
     
    #1      
  2. saila

    saila Moderatorle

    Dabei seit:
    21.06.2006
    Beiträge:
    2.239
    Geschlecht:
    männlich
    Ort:
    50°48'23.69" N 7°14'22.19" O
    Software:
    Eclipse, PHP5 OO, MySQL5, CSS(auch Barrierefrei), JS, Symfony
    JavaScript Fehler!! HILFEEE!!!
    Zuletzt bearbeitet: 06.11.2008
    #2      
  3. OliverLibbertzxyz

    OliverLibbertzxyz Noch nicht viel geschrieben

    Dabei seit:
    22.06.2008
    Beiträge:
    15
    Geschlecht:
    männlich
    JavaScript Fehler!! HILFEEE!!!
    AW: JavaScript Fehler!! HILFEEE!!!

    Danke! Aber kannst du mir das ein wenig genauer erklaeren. bin anf'nger js.

    habe es nun hinbekommen dass wenigstens schonmal der text angeyeigt wird wenn ich auf die thumbs klicke nur halt das bild nicht.
     
    #3      
  4. Christian

    Christian verpeilt & verschallert

    Dabei seit:
    03.03.2005
    Beiträge:
    853
    Geschlecht:
    männlich
    Kameratyp:
    Canon EOS 300D
    JavaScript Fehler!! HILFEEE!!!
    AW: JavaScript Fehler!! HILFEEE!!!

    Das was saila Dir damit vermitteln wollte ist, dass Du dich erstmal generell mit der Funktionsweise der JavaScript Funktion getElementById(); auseinandersetzt.
    Wenn man JavaScript einsetzen möchte sollte man sich 1. im Klaren drüber sein, was man damit erreichen möchte und 2. wie man das möglichst optimal umsetzt.
    Die Funktion der Methode getElementById ist folgende:
    Javascript durchsucht alle Tags des aktuellen HTML Quellcodes auf den Hinweis id="meinwert".
    Wenn es das nicht finden kann, kommt Deine Fehlemeldung zustande.
    Im realen Kontext (Beispiel):
    HTML:
    1.  
    2.  function getMyElement(id){
    3.   return document.getElementById(id);
    4.  }
    5. <img src="bild.jpg" id="abc" onMouseOver="getMyElement('abc');" />
    6. <!-- funktioniert! -->
    7.  
    HTML:
    1.  
    2.  function getMyElement(id){
    3.   return document.getElementById(id);
    4.  }
    5. <img src="bild.jpg" id="abcde" onMouseOver="getMyElement('abc');" />
    6. <!-- funktioniert nicht! -->
    7.  
    Ich hoffe ich konnte Dir die Funktionsweise und damit den Ansatz der Problemlösung näher legen.
    ( Für den Fall, dass Du es nicht verstanden hast: In Deinen <IMG>-Tags fehlen die IDS!)
     
    #4      
x
×
×
teststefan