|
|||
Mouseover per javascipt ändern
Servus,
Ich möchte gerne das mouseover eines div-containers per java script ändern. Im mouseover wird jedoch eine funktion ausgeführt. Die grösse und der Z-index lassen sich soweit ändern, leider das mouseover nicht: Code:
card = document.getElementById('t'+array[1]); card.style.top = 470; card.style.left = 270; card.style.zIndex = 200; card.onmousevver = 'Tip(\'test\')'; Grus Mike Geändert von mike-b (14.11.2007 um 11:36 Uhr) |
Sponsored Links |
|
|||
Im DOM verlangen Event-Handler eine Funktionsreferenz und nicht einen String. Wenn deraufzurufende Funktion keine Parameter ubergeben werden sollen, reicht eine direkte Zuweisung:
Code:
card.onmouseover = Tip; Code:
card.onmouseover = function() { Tip("test"); }; Hier gibt es übrigens auch ein JavaScrip Sub-Forum. Robin
__________________
CSS-Rauch! Nicht einatmen! |
Sponsored Links |
|
|||
hi danke soweit so gut.
Nun setz ich also die mouseovers per javascript. Wie lang ist das mouseover dann gültig? Das ursprüngliche element hat selber ja kein mouseover, denn es wird erst per javascriptfunktionsaufruf zugewiesen. Ich habe nun das problem, dass wenn ich die funktion 2 mal aufrufe, zwar das 2. element sein mouseover erhält, das erste es aber verliert ... (seite wird nicht neu geladen) Ausschnitt: Code:
function reveal_card(){ card = document.getElementById('card'+karten[1]); mouseovertext = document.getElementById('mouseovertext'+karten[1]); //set visible card.style.visibility = 'visible'; switch(picked) { case 1: card.style.top = target_t[picked]; card.style.left = 270; card.onmouseover = function() {Tip('<div align=center><b>1:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 2: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>2:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 3: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>3:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 4: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>4:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 5: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>5:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 6: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>6:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 7: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>7:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 8: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>8:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 9: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>9:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; case 10: card.style.top = target_t[picked]; card.style.left = target_l[picked]; card.onmouseover = function() {Tip('<div align=center><b>10:</b><br><br>' + mouseovertext.innerHTML + '</div>')}; break; } } Geändert von mike-b (14.11.2007 um 14:44 Uhr) |
|
|||||
Solange es nicht überschrieben wird.
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Ansonsten bräuchte ich eine vollständiges funktionierendes Beispiel, am besten als URL, wosie eine Erklärung was passieren soll. Robin
__________________
CSS-Rauch! Nicht einatmen! |
|
|||
"Das hört sich auch nicht besonders sauber an. Werden die mouseovertext-DIVs noch für was anderes verwendet? Wenn nicht wäre es meiner Meinung nach sinnvoller die Texte z.B. in einem JavaScript-Array unterzubringen."
Sind auch Bilder und Formatierungen: Ein solcher DIV sieht so aus: <div id="mouseovertext1" style="visibility: hidden;"> <img src="Bilder_gross/1g.jpg" border="0"><br><br><b>Karte 1:</b> Hier steht die Beschreibung der Karte 1. </div> "Dieser Switch ist auch etwas ungewöhnlich. Es müsste doch auch ohne gehen:" ->Sollte jedoch nicht den Fehler verursachen |
|
|||
Das ist kein Hindenis.
Zitat:
Code:
var mouseovertexte = [ "<img src=\"Bilder_gross/1g.jpg\" border=\"0\"><br><br><b>Karte 1:</b> Hier steht die Beschreibung der Karte 1.", "...", "..." ]; Zitat:
Robin
__________________
CSS-Rauch! Nicht einatmen! |
|
|||
habe nun ziemlich lange rumgeschraubt, die mouseoverbilder krieg ich einfach nicht hin.
Das Problem: Ab die zuletzt gezogene Karte überschreibt die mouseoverbilder der vorhergehenden Karten! Hier live: Tarot hätte jemand einen tip, wo der fehler liegt? Geändert von mike-b (26.11.2007 um 09:21 Uhr) |
Sponsored Links |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Lightbox per MouseOver | Swiper | Javascript & Ajax | 0 | 11.12.2008 18:03 |
Per Ajax ein JS Array aus Datenbank befüllen zur weiterverwendung per JS | stravid | Javascript & Ajax | 30 | 24.11.2008 13:52 |
mod_rewrite Performance bei vielen Regeln | fox | Serveradministration und serverseitige Scripte | 7 | 25.09.2008 02:02 |
Wort per Mouseover nach oben steigen lassen | megaquest | CSS | 2 | 11.09.2007 14:30 |
Ist absoluter container mit Höhe der ganzen Seite möglich? | amroth.calaelen | CSS | 8 | 15.06.2006 15:57 |