Mouserover >> Objekt soll sichtbar werden...
Mel
- javascript
0 MankoFranko0 Mel
Hallo!
Ich hänge gerade gedanklich fest...
Ich will folgendes: wenn ich mit der Maus über einen Button fahre sollen andere Elemente (Buttons, direkt ÜBER den Ausgangsbutton angeordnet) SICHTBAR werden.
Beim Mouseout sollen sie wieder unsichtbar werden.
Das ganze soll möglichst einfach programmiert sein...
<script language="JavaScript" type="text/javascript">
<!--
function show() {
if(document.getElementById)
document.getElementById("Ueberschrift").style.visibility = "visible";
}
//-->
</script>
Das ist mein Ausgangspunkt ...
<div id="Ueberschrift" style="visibility:hidden"><a href="#">blabla</a></div>
<a href="javascript:show()"><img src="nwt_ref.gif" height="18px" width="110px" alt="Referenz" border="0" /></a>
so wenn ich also auf den Button klicke erscheint schon mal das richtige.
Ich will aber dass blabal nicht beim Klicken erscheint sondern beim Mouseover...
kann ich den Befehl javascript:show()" nicht irgendwie so einbinden:
onMouseOver="javascript:show"
Und falls ja >> wo kommt der onMouseOver hin??
bitte steinigt mich nicht falls ich hier fundamentale Programmierregeln verletzt habe. Bin noch ziemlich am Anfang.
Ach ja und ich kann auch nicht ein normales DropDownMenü irgendwo übernehmen denn die Besonderheit soll sein dass das Menü nach OBEN aufklappbar sein soll. Im Inet habe ich nur superschwierige aufwendige Programmierungen gefunden, ich brauch aber was einfaches;((
Vielen Dank für Eure Hilfe,
mel
Also ich bin mir jetzt auch nicht zu sicher, aber ich denke mal, der Code müsste theoretisch lauten:
<a href="irgendwohin_beim_klicken.html" onmouseover="show()">Hier rüber huschen</a>
Wo das onmouseover hinkommt kannst Du im Übrigen sehr gut bei SelfHTML finden:
Startseite -> HTML/XHTML -> HTML-Referenz -> Attributreferenz
Da findest Du schon mal alle Attribute zu allen Tags. Unter dem Link "Universalattribute" auch noch eben diese. Dort ist auch das onmouseover erläutert und wo man es ausnahmsweise nicht anwenden darf.
Hoffe, geholfen oder zumindest einen Anstoß gegeben zu haben.
MfG, M.F.
Hallo!
Ich hänge gerade gedanklich fest...
Ich will folgendes: wenn ich mit der Maus über einen Button fahre sollen andere Elemente (Buttons, direkt ÜBER den Ausgangsbutton angeordnet) SICHTBAR werden.
Beim Mouseout sollen sie wieder unsichtbar werden.Das ganze soll möglichst einfach programmiert sein...
<script language="JavaScript" type="text/javascript">
<!--
function show() {
if(document.getElementById)
document.getElementById("Ueberschrift").style.visibility = "visible";
}
//-->
</script>Das ist mein Ausgangspunkt ...
<div id="Ueberschrift" style="visibility:hidden"><a href="#">blabla</a></div>
<a href="javascript:show()"><img src="nwt_ref.gif" height="18px" width="110px" alt="Referenz" border="0" /></a>so wenn ich also auf den Button klicke erscheint schon mal das richtige.
Ich will aber dass blabal nicht beim Klicken erscheint sondern beim Mouseover...kann ich den Befehl javascript:show()" nicht irgendwie so einbinden:
onMouseOver="javascript:show"Und falls ja >> wo kommt der onMouseOver hin??
bitte steinigt mich nicht falls ich hier fundamentale Programmierregeln verletzt habe. Bin noch ziemlich am Anfang.
Ach ja und ich kann auch nicht ein normales DropDownMenü irgendwo übernehmen denn die Besonderheit soll sein dass das Menü nach OBEN aufklappbar sein soll. Im Inet habe ich nur superschwierige aufwendige Programmierungen gefunden, ich brauch aber was einfaches;((
Vielen Dank für Eure Hilfe,
mel
Doch das hat mir sehr geholfen! vielen vielen Dank!!!
Mel