Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

javascript onMouseover funktioniert nicht

Eingetragen von ThomasSE (8)
am 26.02.2012 - 16:43 Uhr in
  • Anfängerfragen
  • Drupal 6.x oder neuer

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" />

‹ Wo wird der Inhalt eines Artikels oder Basic Page in der Datenbank gespeichert [gelöst]nice_menus-7.x-2.x-dev.tar.gz enthält keine .info-Dateien. ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

JavaScript richtig einbinden

Eingetragen von Frank Ralf (2135)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Bitte mein Bentzerkonto löschen
  • Beim Aufruf einiger Inhalte erhalte ich folgende Fehlermeldung
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
Weiter

Neue Kommentare

  • Danke ich werde mir die
    vor 4 Wochen 9 Stunden
  • Vielen Dank für Ihren
    vor 4 Wochen 3 Tagen
  • Composer ist sehr ratsam
    vor 4 Wochen 5 Tagen
  • Vielen Dank für den
    vor 5 Wochen 12 Stunden
  • Die alten CMS Vergleiche von contentmanager.de
    vor 5 Wochen 1 Tag
  • Gut gemacht
    vor 5 Wochen 1 Tag
  • Layout Builder etc. z.B. für Landing Pages
    vor 5 Wochen 1 Tag
  • Links
    vor 5 Wochen 3 Tagen
  • Moin,wow, sehr gutes
    vor 5 Wochen 4 Tagen
  • Dass ist eine spannende
    vor 5 Wochen 4 Tagen

Statistik

Beiträge im Forum: 250316
Registrierte User: 20566

Neue User:

  • Robertspaft
  • drupalthemes
  • rofilm

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 26 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association