Variable Funktion zum Ausblenden von Divs

[PsYcHo232]

Hallo Liebe Javascriptler ;-)
Bin leider nicht sehr fit im Javascript-Programmieren, da ich eig fast alles mit PHP schreibe, jedoch möchte ich mittels Javascript meine Homepage aufpeppen. Dazu möchte ich gerne Div Container ein- und ausblenden... Habe im Net auch n paar Skripte gefunden, jedoch funktionieren die Funktionen nur für jeweils einen DIV. Hier mein Code:

<script language="javascript" type="text/javascript">  
<!--  
function div_show () {  
  document.getElementById ('d').style.visibility = 'visible';  
}  
  
function div_hide () {  
  document.getElementById ('d').style.visibility = 'hidden';  
}  
// -->  
</script>

Hier mein CSS-code:

<style>  
  #d {  
    background-color:lightgreen;  
    width:200px; height:8em;  
    border:1px solid black;  
    visibility:hidden;  
  }  
</style>  

Und hier zu guter letzt der DIV:

<a href="javascript:div_hide (d)" title="">DIV ausblenden / verstecken</a>  
<div id="d">In diesem DIV-Element stehen weitere Informationen</div>

Das Skript funktioniert super, jedoch würde ich gerne die JS Funktion Variabel schreiben, sodass ich mehrere Divs ein und ausblenden kann ohne jedes mal eine neue Funkion zu schreiben. Ich hoffe das sollte mit JS möglich sein ;-)

Danke für eure Zeit, MFG

PsYcHo232

[bleicher]

Grüße,
übergib den ID des ein/auszublendenden DIV als Paramter an die Funktion.
MFG
bleicher

[Felix Riesterer]

Lieber PsYcHo232,

<a href="javascript:div_hide (d)" title="">DIV ausblenden / verstecken</a>

<div id="d">In diesem DIV-Element stehen weitere Informationen</div>

  
ist die Variablen d irgendwo zuvor definiert worden? Ich hätte da jetzt eher 'd' anstatt d alleine erwartet...  
  
Was hindert Dich daran, in einem Link folgendes zu notieren?  
  
~~~html
<a href="javascript:  
    div_hide ('d');  
    div_hide ('x');  
    div_hide ('y');  
    div_hide ('nocheindiv');  
" title="">viele DIV ausblenden / verstecken</a>

Liebe Grüße,

Felix Riesterer.

[Kai345]

[latex]Mae  govannen![/latex]

Was hindert Dich daran, in einem Link folgendes zu notieren?

<a href="javascript:

div_hide ('d');
    div_hide ('x');
    div_hide ('y');
    div_hide ('nocheindiv');
" title="">viele DIV ausblenden / verstecken</a>

  
Der "schlechte" Stil? Daß es ein böser™ Link ist, der ohne Javascript ohne Funktion ist[1]  
  
SCNR  
  
Nee, mal im Ernst: psycho232 könnte [dieser Teil-Thread](http://forum.de.selfhtml.org/archiv/2008/8/t175548/#m1154112) sehr interessieren.  
  
Cü,  
  
Kai  
  
[1] Dagegen ist selbstverständlich nichts mehr einzuwenden, wenn dieser Link auch mit Javascript ins Dokument geschrieben wird und dann ohne JS auch nicht sinnlos herumhängt.  

-- 
Ash nazg durbatulûk, ash nazg gimbatul,ash nazg thrakatulûk, agh burzum-ishi krimpatul  
  
selfcode sh:( fo:| ch:? rl:( br:< n4:# ie:{ mo:| va:) js:) de:> zu:) fl:( ss:| ls:?

[Cybaer]

Hi,

Habe im Net auch n paar Skripte gefunden, jedoch funktionieren die Funktionen nur für jeweils einen DIV.

toggle() funktioniert für beliebige DIVs.

Gruß, Cybaer