Frage wegen div verstecken

[socressor]

Hi Leute,

hab hier ein Javascript

Javascript

PHP Code:

<script>

    function ein_ausblenden(wert){
        if(document.getElementById('layer01').style.display == "none"){
            document.getElementById('layer01').style.display = "block";
            
            
            }else{
            document.getElementById('layer01').style.display = "none";
    
        }
        if(document.getElementById('layer02').style.display == "none"){
            document.getElementById('layer02').style.display = "block";
            
            }else{
            document.getElementById('layer02').style.display = "none";
             
        }
        
        
    }
        
</script> 


HTML Code

<tr><td><a href="javascript:ein_ausblenden('layer01')"><img src="leer.png" id="mybody1" class="but1" /></a>    <a href="javascript:ein_ausblenden('layer02');"><img id="mybody1" src="leer.png" class="but2" /></a></td></tr>

Das mir 2 Divs versteckt. Ein Button heißt News und einer Events und wenn man den News drückt soll Layer01 ausgeklappt werden. Klappt auch wunderbar und wenn man Events drückt soll Layer02 ausgeklappt werden. Klappt auch wunderbar. Aber wenn ich z.B. 2mal auf News oder 2mal auf Events klicke geht auch jeweils der andere auf. Das heißt die müssen iwi so getrennt werden. Das wenn News geklickt wird wirklich auch nur News kommt und nicht Events und das auch umgedreht.

Kenn mich noch net sooo mit javascript aus. Hat jemand ne Tipp ...Vielen Dank im vorraus.

[Shadow992]

Originally Posted by socressor

Hi Leute,

hab hier ein Javascript

Javascript

PHP Code:

<script>

    function ein_ausblenden(wert){
        if(document.getElementById('layer01').style.display == "none"){
            document.getElementById('layer01').style.display = "block";
            
            
            }else{
            document.getElementById('layer01').style.display = "none";
    
        }
        if(document.getElementById('layer02').style.display == "none"){
            document.getElementById('layer02').style.display = "block";
            
            }else{
            document.getElementById('layer02').style.display = "none";
             
        }
        
        
    }
        
</script> 


HTML Code

<tr><td><a href="javascript:ein_ausblenden('layer01')"><img src="leer.png" id="mybody1" class="but1" /></a>    <a href="javascript:ein_ausblenden('layer02');"><img id="mybody1" src="leer.png" class="but2" /></a></td></tr>

Das mir 2 Divs versteckt. Ein Button heißt News und einer Events und wenn man den News drückt soll Layer01 ausgeklappt werden. Klappt auch wunderbar und wenn man Events drückt soll Layer02 ausgeklappt werden. Klappt auch wunderbar. Aber wenn ich z.B. 2mal auf News oder 2mal auf Events klicke geht auch jeweils der andere auf. Das heißt die müssen iwi so getrennt werden. Das wenn News geklickt wird wirklich auch nur News kommt und nicht Events und das auch umgedreht.

Kenn mich noch net sooo mit javascript aus. Hat jemand ne Tipp ...Vielen Dank im vorraus.

Sollte so funktionieren:

PHP Code:

    function ein_ausblenden(wert){ 
        if(document.getElementById(wert).style.display == "none"){ 
            document.getElementById(wert).style.display = "block"; 
             
             
            }else{ 
            document.getElementById(wert).style.display = "none"; 
     
        } 
        if(document.getElementById(wert).style.display == "none"){ 
            document.getElementById(wert).style.display = "block"; 
             
            }else{ 
            document.getElementById(wert).style.display = "none"; 
              
        } 
         
         
    } 


[socressor]

Danke erstmal aber jetzt geht nurnoch der erste...ne idee?

[bammes]

also ich machs ganz anders mit ein-ausblenden:

function move_in()
    {
        document.getElementById('new_set').style.top = 100;
        document.getElementById('new_set').style.left = 100;
        
        
     
        
    }
    
    function move_out()
    {
        document.getElementById('new_set').style.top = -900;
        document.getElementById('new_set').style.left = -900;
        
       
          
    }

dazu:

<div id="new_set" style="position:absolute; left:100; top:100">Guten tag</div>

die minus koordinate verschieben das element einfach in den bereich den man nicht sieht.

EDIT:

alles in einer funktion (noch net getestet)

function in_out()
{
if((document.GetElementById('new_set').OffSetLeft == -900) AND 

(document.GetElementById('new_set').OffSetTop == -900)){

document.getElementById('new_set').style.top = 100;
document.getElementById('new_set').style.left = 100;

}else{
document.getElementById('new_set').style.top = -900;
document.getElementById('new_set').style.left = -900;
}

}

[socressor]

Danke aber ich hät es gerne so ähnlich wie meins.
..hat noch jemand ne idee?