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 - 15: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 - 16: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

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Tagen 16 Stunden
  • Hey danke
    vor 3 Tagen 11 Stunden
  • Update: jetzt gibt's ein
    vor 4 Tagen 5 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 1 Tag
  • Da scheint die Terminologie
    vor 1 Woche 1 Tag
  • Kannst doch auch alles direkt
    vor 1 Woche 6 Tagen
  • In der entsprechenden View
    vor 1 Woche 6 Tagen
  • Dazu müsstest Du vermutlich
    vor 1 Woche 6 Tagen
  • gelöst
    vor 4 Wochen 2 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 1 Benutzer und 18 Gäste online.

Benutzer online

  • dinmikkith

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