javascript onMouseover funktioniert nicht
Eingetragen von ThomasSE (8)am 26.02.2012 - 16:43 Uhr in
Hallo,
ich (Drupal-Anfänger) habe gerade ein kleines Problem mit javasript.
Ich verwende Debian5, Drupal 6. und das Theme: Forest Floor
Der folgende Code war ursprünglich in einer reinen HTML-Webseite eingebettet, der dort auch einwandfrei funktionierte.
Die Webseite zeigte ein großes Bild, darunter ein Text und unter dem Text 6 kleine Bilder.
Wenn der Mauszeiger sich über eins der kleinen Bilder bewegte, wurde das kleine Bild im großen Bereich angezeigt.
Diesen Code wollte ich jetzt in meine (vorerst lokalen) Drupal6-Webseite integrieren.
Allerdings passiert gar nichts. (Nur der Mauszeiger ändert sich)
Ich weiß nicht woran das liegen könnte.
Das Eingabeformat steht auf "PHP-code". (Bei FULL-HTML passiert auch nichts)
Die template.php-Datei habe ich nicht verändert.
Vielleicht habe ich javascript-mäßig etwas vergessen einzubinden?
Wäre super, wenn jemand eine Idee oder eine Lösung hätte.
Hier nun der Code:
<script type="text/javascript" language="javascript">
Drupal.behaviors.tauschen_vorbereitung = function tauschen_vorbereitung(was, breite, hoehe, text)
{
hauptbild_vorbereitung.src=was;
hauptbild_vorbereitung.height=hoehe;
hauptbild_vorbereitung.width=breite;
text_bild_vorbereitung.innerHTML=text;
};
</script>
<!-- Hauptbild -->
<img border="1" align="left" width="800" height="600" alt="hauptbild vorbereitung" src="/Bilder/Irland/Detail/gepaeck_gross.jpg" id="hauptbild_vorbereitung" />
<!-- Text unter dem Hauptbild -->
<t id="text_bild_vorbereitung">Bild: Das alles musste mit.</t>
<!-- kleines Bilder 1 -->
<img border="1" align="left" width="75" height="57" onMouseover="tauschen_vorbereitung('/Bilder/Irland/Detail/gepaeck_gross.jpg','800','600','Bild: Das alles musste mit.')" style="cursor: n-resize;" alt="gepaeck" src="/Bilder/Irland/Detail/gepaeck_klein.jpg" />
<!-- kleines Bilder 2 -->
<img border="1" align="left" width="75" height="57" onMouseover="tauschen_vorbereitung('/Bilder/Irland/Detail/rad_gross.jpg','800','600','Bild: Das verpackte Rad.')" style="cursor: n-resize;" alt="verpacktes Rad" src="/Bilder/Irland/Detail/rad_klein.jpg" />
<!-- kleines Bilder 3 -->
<img border="1" align="left" width="75" height="57" onMouseover="tauschen_vorbereitung('/Bilder/Irland/Detail/buecher_gross.jpg','800','600','Bild: Bücher zur Erstellung der Route.')" style="cursor: n-resize;" alt="Buecher" src="/Bilder/Irland/Detail/buecher_klein.jpg" />
<!-- kleines Bilder 4 -->
<img border="1" align="left" width="75" height="57" onMouseover="tauschen_vorbereitung('/Bilder/Irland/Detail/karten1_gross.jpg','800','600','Bild: Karten mit der eingezeichnete Route.')" style="cursor: n-resize;" alt="Karten" src="/Bilder/Irland/Detail/karten1_klein.jpg" />
<!-- kleines Bilder 5 -->
<img border="1" align="left" width="75" height="57" onMouseover="tauschen_vorbereitung('/Bilder/Irland/Detail/karten2_gross.jpg','800','600','Bild: Detailierte Ansicht einer Karte.')" style="cursor: n-resize;" alt="Karte" src="/Bilder/Irland/Detail/karten2_klein.jpg" />
<!-- kleines Bilder 6 -->
<img border="1" align="left" width="75" height="57" onMouseover="tauschen_vorbereitung('/Bilder/Irland/Detail/lenkertasche_gross.jpg','800','600','Bild: Kartenmaterial an der Lenkertasche.')" style="cursor: n-resize;" alt="Lenkertasche" src="/Bilder/Irland/Detail/lenkertasche_klein.jpg" />- Anmelden oder Registrieren um Kommentare zu schreiben
JavaScript richtig einbinden
am 29.02.2012 - 17:50 Uhr
Guck doch mal, ob dir das weiterhilft: http://forward-media.de/tutorial/javascript-richtig-einbinden
Ansonsten mal unter JavaScript in Drupal 5 and Drupal 6 oder Drupal 7 JavaScript API.
Im Übrigen wird Drupal mit jQuery geliefert, da lassen sich viele Sachen wesentlich eleganter lösen als mit selbstgestricktem JavaScript.