Inline Javascript im Modul "Eigener HTML-Code" / erlaubte HTML Tags?

Hallo zusammen,

sitze gerade an einem Projekt und kommte mit meinem Latein einfach nicht mehr weiter :(. Ich hoffe, einer von euch kann mir hierbei behilflich sein:

Ich verwende für eine direkte Mouse-Over-Anzeige von Bildern ein Java-Script (overlib).

Diese Abfrage/Ansprache des Scripts erfolgt direkt im HTML Code (lokal funktioniert das auch) - hier ein Auszug meines Codes:

Zitat:

---

<ul class="picture">
<li>
<a href="#" onmouseover="return overlib('Ahorn<br><img src=tl_files/mediasprint/data/Dekore/Dekor_Ahorn.jpg width=150 border=0 class=name/>');" onmouseout="nd();" alt=""/>
<img src="tl_files/mediasprint/data/data/Dekore/Dekor_Ahorn.jpg" width="50"/>
</a>
</li>
...
</ul>

---

Die entsprechende .js-Datei habe ich natürlich via Template eingebunden und Pfade überprüft - hier passt alles.
Das Modul "Eigener HTML-Code" überschreibt mir jedoch regelmäßig diese Zeilen. Ich schätze mal, das liegt an "Erlaubte HTML Tags" unter Einstellungen?

Edit: Contao macht mir aus meinem Code oben übrigens Folgendes:

Zitat:

---

<ul class="picture">
<li><a href="#" onmouseover="return overlib('Ahornbrimg src=tl_files/mediasprint/data/Dekore/Dekor_Ahorn.jpg width=150 border=0 class=name/');" onmouseout="nd();" alt=""/>
<img src="tl_files/mediasprint/data/data/Dekore/Dekor_Ahorn.jpg" width="50"/>
</a>
</li>
</ul>

---

Meine Frage: Wie nehme ich denn dieses Script in meine "Erlaubte HTML Tags" Liste auf? <overlib> erscheint mir hier weder richtig noch kann ich mir vorstellen, dass es so einfach sein kann :eek:.

Viele Grüße und schonmal vorab danke für jeden sachdienlichen Hinweis!
Nils

Okay, das scheint wohl eine härtere Nuss zu sein, wie es mir scheint.

Dann frag ich mal anders:

Kennt einer von euch ein Script / eine Extension, die es mir ermöglich, Bilder via MausOver an der jeweiligen Mausposition anzuzeigen?
Brauche dies für einen speziellen Zweck und möchte das lästige Klicken via LightBox ersparen. Ich habe quasi eine Reihe von Thumbnails und beim MausOver erscheint dann das Bild in aussagekräftiger Größe.

Viele Grüße und schonmal vorab danke für jeden sachdienlichen Hinweis!
Nils

Probier mal, Dein JS unter /templates/meinjs.php abzulegen und in Deinem HTML-Code mittels {{file::meinjs.php}} zu referenzieren (einfach an der Stelle einsetzen wo Du das brauchst.

Alternativ kann ich mir vorstellen, dass man das auch mit CSS3 (#id:hover) hinbekäme.

Carolina.

Danke Carolina für die schnelle Antwort bzw. den guten Tip - werde ich doch direkt testen und Feedback geben ^^
Bezüglich CSS3 ist halt die Mauszeiger-Position wohl die Schwierigkeit, ansonsten hätte ich mir in der Tat den Stress mit JS nicht gegeben. Zumal ich ja mit der Verwendung von JS eh geizen möchte.

Fazit: probiere ich gleich aus - wenn's klappt hornoriere ich das gleich hier wieder!

Danke & VG
Nils

HTML-Code:

---

<div id="bild1_aussage">
  <img src="tl_files/omn-seiten-bilder/geschmacklos.jpg" border="0" alt="Manchmal ist empfindet es als geschmacklos" name="geschmacklos"
        onmouseover="this.src='tl_files/omn-seiten-bilder/geschmacklos-m-text.jpg'"
        onmouseout="this.src='tl_files/omn-seiten-bilder/geschmacklos.jpg'"/>
</div>

---

Also wenn du mit der Mouse hinkommst wird geschmacklos-m-text.jpg' angezeigt ansonsten..

Gruß

Zitat:

---

Zitat von lucina

Probier mal, Dein JS unter /templates/meinjs.php abzulegen und in Deinem HTML-Code mittels {{file::meinjs.php} zu referenzieren (einfach an der Stelle einsetzen wo Du das brauchst.

Alternativ kann ich mir vorstellen, dass man das auch mit CSS3 (#id:hover} hinbekäme.

Carolina.

---

Danke! So einfach kann die Lösung sein...
"Isch reg misch uff un es gäääähd!" http://www.youtube.com/watch?v=5VjJCo8UzRI

Tausend Dank und VG
Nils

Zitat:

---

Zitat von my-om

HTML-Code:

---

<div id="bild1_aussage">
  <img src="tl_files/omn-seiten-bilder/geschmacklos.jpg" border="0" alt="Manchmal ist empfindet es als geschmacklos" name="geschmacklos"
        onmouseover="this.src='tl_files/omn-seiten-bilder/geschmacklos-m-text.jpg'"
        onmouseout="this.src='tl_files/omn-seiten-bilder/geschmacklos.jpg'"/>
</div>

---

Also wenn du mit der Mouse hinkommst wird geschmacklos-m-text.jpg' angezeigt ansonsten..

Gruß

---

Auch Dir danke für den Ansatz! Hätte ich nach Caroline's Vorschlag als nächstes ausprobiert; jedoch funktionierte Ihr Lösungsansatz bestens!