Mouseover - Klick auslösen

Mani · Mrz 15, 2009

Hallo liebe Community,

ich brauch mal wieder eure Hilfe. Ich bastel gerade an einem neuen Blog für mich und wollte da ein wenig Java einfließen lassen.

Ich hatte mir überlegt das ich einen Button mache der beim überfahren (onmuseover) ausgeführt wird. Also ich will nicht auf den Button klicken sondern er soll beim überfahren ausgeführt werden.

Vllt. noch als Hintergrund wissen. Der Button ändert eine anzeige in einem anderen Frame.

bzw. Google hatte ich genutzt aber da ich leider gar nichts von Java, zumin. nicht viel, verstehe war das alles nicht so leicht zu verstehen.

Mani

odigo · Mrz 15, 2009

Code:

onmouseover="this.click()"

?

odigo

Mani · Mrz 15, 2009

Code:
Original von odigo

Code:

onmouseover="this.click()"

?

odigo

kann ich denn dort auch target="die-id-vom-frame" benutzen?

ich muss ja nämlich ein anderes frame verändern damit

odigo · Mrz 15, 2009

Naja, ein Button kennt afaik das Attribut target nicht.

Code:

<form action="" name="weiter">
<input type="button" value="Abschicken" onmouseover="document.getElementById('frame').src='http://hackerboard.de'">
</form>
<iframe src="http://www.google.de" id="frame">

Vielleicht hilft dir mein Beispiel-Code-Schnipsel als Denkanstoß.

odigo

Watchme · Mrz 15, 2009

iframe? das is ja bah

soweit ich weiss geht das mit: <div> mit IDs versehen und diese dann per JS (NICHT Java) visible und invisible schalten.

odigo · Mrz 15, 2009

Original von Watchme
iframe? das is ja bah

Das war doch nur zum Probieren. Ich würde sowas nie im "echten Leben" benutzen

Er solls ja auch nicht kopieren. Nur ein Denkanstoß. Ein bißchen Eigenleistung setze ich voraus.

odigo

Mani · Mrz 15, 2009

also nochmal um es zu verdeutlichen

so sieht das jetzt bei mir aus:

LINK:
<div align="center" id="news"><a href="../links/news.html" target="leftFrame">
<img src="button/news.png" alt="News" width="120" height="25"
onmouseover='javascript:this.src="button/news_o.png"' onmouseout='javascript:this.src="button/news.png"' border="0"></a></div>

so funktioniert ja alles per klick, nun möchte ich das ich zu dem ziel (../links/news.html) komme wenn ich mit der maus rüber fahre (onmousover).

@odigo, hatte dein probiert und dort richtig eingesetzt leider ohne wirkung

.:L · Mrz 15, 2009

Kleine Verständnisfrage:

Ein Klick beim Mouseover ausführen... ist da nicht einfach nur ein MouseOver-Event?
(Bin C#-Ler :>)

odigo · Mrz 15, 2009

Wie schaut denn die Zeile aus wo du das leftFrame deklarierst? Ist leftFrame die Id oder der Name des Frames?

odigo

Mani · Mrz 15, 2009

das ist meine index datei wo ich die frames erstelle:

<frameset rows="138,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="header/index.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="199,*" framespacing="0" frameborder="no" border="0">

<frame src="links/index.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />

<frame src="main/index.html" name="mainFrame" scrolling="No" noresize="noresize" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
<noframes>

odigo · Mrz 15, 2009

Code:

<div align="center" id="news"><a href="../links/news.html" target="leftFrame">
<img src="button/news.png" alt="News" width="120" height="25"
onmouseover="javascript:this.src='button/news_o.png'; document.getElementById('leftFrame').src='../links/news.html'" onmouseout='javascript:this.src="button/news.png"' border="0"></a></div>

Und das geht nicht oder wie?

odigo

rami · Mrz 15, 2009

Original von .:L
Kleine Verständnisfrage:

Ein Klick beim Mouseover ausführen... ist da nicht einfach nur ein MouseOver-Event?
(Bin C#-Ler :>)

Umgekehrt

Mani · Mrz 15, 2009

richtig, das funktionier leider nicht.
nicht im img tag und geschweige im a tag

odigo · Mrz 15, 2009

Sagt die Fehlerkonsole irgendwas über Javascriptfehler? Ich habs zwar nicht nochmal getestet, aber ich würde behaupten so müsste das gehen. Der Bilderwechsel funktioniert aber oder?

odigo

Mani · Mrz 15, 2009

es wird gar nichts ausgesagt, es passiert einfach nicht.

ja der Bilder wechsel passiert einwandfrei

odigo · Mrz 15, 2009

Der Button ist ja in einer anderen html-Datei wie das Frameset oder?
Also du hast eine index.html mit dem Frameset, ein Frame mit dem Button und halt das Frame wo die News hinsollen (leftFrame) oder?

Probier mal statt
document.getElementById('leftFrame').src='../links/news.html'"
das hier:
parent.document.getElementById('leftFrame').src='../links/news.html'"

Ich hab das bei mir mal ausprobiert und es ging 8)

odigo

Edit: Und wenn das noch geht (glaub schon), dann ändere doch noch den Titel deines Threads. Wenn ich da Java lese tut mir das als Javaentwickler in der Seele weh. Java hat mit Javascript so gar nichts zu tun

Mani · Mrz 15, 2009

ok er verändert das frame super, bloß leider sagt er immer das die seite nicht gefunden werden kann. ich habe sie mit dreamweaver per "durchsuchen" befehl eingesetzt, vorher deinen code kopiert. dann andere detein probiert darein zu verlinken aber immer sagt er, er findet die seite nicht obwohl es genau der pfad ist.

wegen dem JAVA das kann man leider nicht mehr ändern

man kann nur topic ändern

edit:

ok ich weiß wo der fehler ist
er sucht unter:
Die Dateien unter /C:/Dokumente und Einstellungen/Jona/Desktop/links/news.html konnten nicht gefunden werden.

aber es liegt unter:
Die Dateien unter /C:/Dokumente und Einstellungen/Jona/Desktop/my-blog/links/news.html konnten nicht gefunden werden.

komisch obwohl ich genau das übernommen habe mit dem ../links/news.html

Ordner Struktur von My-Blog-Ornder.

+links
-news.html (nach hier soll der link führen)
+header
-index.html (hier ist der link-button)
+main
index.html
Edit: Ok Fehler gefunden. ich bin aus dem ordner ausgegangen wo das normale frame drinne liegt und nicht aus dem wo das frame angewendet wird. argh also ich bedanke mich ganz herzlich bei dir, hast mir sehr geholfen 'daumen hoch'