✔ Element einblenden und andere gleichzeitig ausblenden

[scherzkecks]

Hallo,

ich habe elememte mit der id = i
Wenn ich jetzt auf eines klicke dann soll das i-te element eingeblendet werden und die anderen != i ausgeblendet werden.
wie bekommt man das hin?

Wie kann ich als anstatt hartcodiert "1" angeben dass es !="1" heissen soll?
document.getElementById("1").style.visibility = "hidden";

 

[chmee]

Abgesehen davon, dass Zahlen in ids/classes nicht an erster Stelle stehen dürfen.

Die Namen hinter dem Punkt können Sie frei vergeben, Sie dürfen jedoch

* keine Leerzeichen und deutsche Umlaute enthalten,
* nicht mit einer Ziffer oder einem Bindestrich beginnen
* und sollten keinen Unterstrich enthalten und nicht zu lang sein.

Wie sieht es aus, wenn Du alle divs erstmal auf hidden stellst und im Anschluss jene id auf visible ?
Einfache Schleife und dann ein Einzelaufruf.

mfg chmee

 

[Sven Mintel]

Moin,



Was den ersten Teil der Frage betrifft:
Existiert ein fester Bereich, in dem diese IDs "durchnummeriert" sind?
(eine Zahl ist als ID übrigens nicht zulässig, du solltest ein Prefix davorsetzen)

zum anderen:

document.getElementById(i).style.visibility = "hidden";

 

[scherzkecks]

Also das mit der Zahl ist mir bekannt.
Ist nur als beispiel gedacht.

Z.B. xyz_1, xyz_2

ich möchte z.B. xyz_1 einblenden und alle anderen ausblenden?
kann man nicht irgendwie so machen:
Pseudocode:

if(xyz_1)
{
   einblenden
} else if(!yxz_1) {
   ausblenden
}

 

[Sven Mintel]

ich möchte z.B. xyz_1 einblenden und alle anderen ausblenden?

Deswegen fragte ich, obe es einen bestimmten "Bereich" gibt, in welchem diese IDs durchnummeriert sind...denn das Problem ist ja, die "anderen" anzusprechen.

Gäbe es diesen Bereich, wäre es kein Problem, hier ein Beispiel:

<script type="text/javascript">
<!--
function toggle(id,prefix,range)
{
  for(i=range[0];i<=range[1];++i)
  {
    document.getElementById(prefix+i).style.display=
      (i==id)
        ? 'block'
        : 'none';
  }
}
//-->
</script>
<a href="javascript:toggle(1,'xyz_',[1,3])">1</a>
<a href="javascript:toggle(2,'xyz_',[1,3])">2</a>
<a href="javascript:toggle(3,'xyz_',[1,3])">3</a>

<div style="display:none" id="xyz_1">xyz_1</div>
<div style="display:none" id="xyz_2">xyz_2</div>
<div style="display:none" id="xyz_3">xyz_3</div>

 

[scherzkecks]

Vielen Dank