Frage wegen div verstecken

11/02/2010 03:28 socressor#1
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
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.:)
11/02/2010 13:03 Shadow992#2
Quote:
Originally Posted by socressor View Post
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
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"; 
              
        } 
         
         
    } 
11/02/2010 13:16 socressor#3
Danke erstmal aber jetzt geht nurnoch der erste...ne idee?
11/02/2010 14:19 bammes#4
also ich machs ganz anders mit ein-ausblenden:


HTML Code:
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:
HTML Code:
<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)

HTML Code:
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;
}

}
11/02/2010 15:46 socressor#5
Danke aber ich hät es gerne so ähnlich wie meins.
..hat noch jemand ne idee?