ein Button für hin und weg funktioniert nicht

stephanie-cgn

Grünschnabel
Hallo!

Auf der Seite soll beim Anklicken des Button *Info* eine Grafik
eingeblendet werden. Externes Stylesheet, die Visibility der Grafik
ist hidden. Der Button ist selber eine Grafik mit onClick-Funktion
und das Script liegt auch extern.


so funktioniert es:
Code:
function clickInfo() 
{ 
infopic.style.visibility='visible'; beginInterv(); 
} 
var setInterv; 
function beginInterv()  { setInterv = window.setTimeout('hideInfo()',5000); } 
function hideInfo()  { infopic.style.visibility='hidden'; }


aber so nicht mehr:
Code:
function clickInfo()  
{ 
if (infopic.style.visibility='visible')  { abortInterv(); hideInfo(); } 
else  { infopic.style.visibility='visible'; beginInterv(); } 
} 
var setInterv; 
function beginInterv()  { setInterv = window.setTimeout('hideInfo()',5000); } 
function abortInterv()  { window.clearTimeout(setInterv); } 
function hideInfo()  { infopic.style.visibility='hidden'; }
:confused:


verständlich erklärt?
Also beim ersten Klick soll die Grafik erscheinen weil sie ja
nicht zu sehen ist. Wenn man dann nochmal draufklickt, soll
sie wieder nicht mehr zu sehen sein. Wo ist der Fehler?

Stephanie
 
Zuletzt bearbeitet:
Hallo Stephanie,

du solltest dich einfach mal fragen, ob bei der ersten Abfrage der "style.visibility"-Eigenschaft dem Objekt diese Eigenschaft schon mal zugewiesen wurde.
 
Beim ersten Mal - also nach dem Laden - steht die Visibility
auf *hidden*. Somit glaubte ich, dass wenn ich mittels *if* die
Visibility abfrage und *visible* nicht vorfinde, die Funktion für
*else* - also *hidden* in diesem Fall - greifen müsste. Falsch?
 

Neue Beiträge

Zurück