mit js ein menü realisieren - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > mit js ein menü realisieren

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > mit js ein menü realisieren

Pages: [1]

geschrieben von chainsaw81 am 09.05.2006 - 14:34

hallo leute.

brauche mal eure hilfe.

ich habe mir mit hilfe von css, javascript und einer einfachen html seite ein menü gebastelt. wenn man über ein menübild fährt, wird per mouseover das kleine script (s.u.) aufgerufen und ändert die style attribute. doch leider ändert er sie einfach und das bleibt dann so bis ich über ein anderes bildchen fahre. wie kann ich die 'manipulation' zeitlich beschränken? hat jemand ne idee?

vielen dank euch ...
chainsaw

mein code:
menue.js
######

function Home () {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;

lay1.display="inline";
lay2.display="none";
lay3.display="none";
lay4.display="none";

}

function links() {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;

lay1.display="none";
lay2.display="inline";
lay3.display="none";
lay4.display="none";

}

function contact() {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;

lay1.display="none";
lay2.display="none";
lay3.display="inline";
lay4.display="none";

}

function info() {
lay1=document.getElementById("Home").style;
lay2=document.getElementById("links").style;
lay3=document.getElementById("contact").style;
lay4=document.getElementById("info").style;

lay1.display="none";
lay2.display="none";
lay3.display="none";
lay4.display="inline";

}

er ändert also die style attribute und lässt so andere textlinks erscheinen bzw. verschwinden. ich möchte nun aber nach einiger zeit die ursprünglichen textlinks iweder sehen ohne erst auf den entsprechenden punkt zu fahren.

gruß

geschrieben von René am 09.05.2006 - 20:14

und noch einfügen onmouseout

geschrieben von chainsaw81 am 11.05.2006 - 09:01

hi!

muss euch noch mal belästigen ...

es war ja so gedacht dass der eintrag der im html code fest mit display:inline eingetragen ist sofort wieder erscheint sobald die anderen menüpunkte mit einer zeitfunktion eliminiert werden - so kann der user bequem nach 5min surfpause gleich sehen wo er ist ...

meiner logik nach gibt es 3 varianten das zu regeln, doch leider fehlen mir die richtigen funktionen dafür

variante 1:
die aufgerufene function zum änderen der display einstellung wird von anfang an zeitbegrenzt gestartet.

variante 2:
die aufgerufene function wird automatisch nach einer gewissen zeit eliminiert (timeout etc)

varinate 3:
die aufgerufene function wird durch eine andere function beendet, heisst nach 5sec startet sich eine andere function und liest die display einstellungen nochmals aus und ändert sie dementensprechend in der anzeige.

was kann man da im javascript verweden?
stop (), setTimout, setInterval, releaseEvent(), ...

bitte euch nochmals um hilfe.
vielen dank

gruß
chainsaw