Definition eines <span> für ein Javascript - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Definition eines <span> für ein Javascript

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Definition eines <span> für ein Javascript

Pages: [1]

geschrieben von Drehstabenverbucher am 26.12.2005 - 22:13

Hallo

ich möchte ein Script, dass mir zwei Texte, die in zwei verschiedenen <span>´s stehe auf Klick auf einen Link wechselt.
Dafür habe ich folgendes Javascript, was genau dies tut:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:

function show(id){
  if(document.getElementById(id+"_show").style.display == 'none') {
      document.getElementById(id+"_show").style.display = 'block';
      document.getElementById(id+"_hide").style.display = 'none';
  }
  else{
      document.getElementById(id+"_show").style.display = 'none';
      document.getElementById(id+"_hide").style.display = 'block';
  }
}

Im HTML-Dokument sieht es folgendermaßen aus:

	HTML-Quelltext
1: 2: 3: 4: 5: 6: 7:	<span id="1_show"> Text im ersten span </span> <span id="1_hide" style="display:none"> Text im zweiten span </span><br /> <a href="javascript:show(1);">Link zum wechseln</a>

Nun meckern diverse HTML-Validatoren über die Definitionen "1_show" und "1_hide". Ich soll stattdessen mit einem Buchstaben anfangen.

Wie bekomm ich nun aus "1_show" z.B. "span_1_show"?

Ich hoffe ihr könnt mir helfen.

mfg

geschrieben von weisnix am 27.12.2005 - 08:33

Eine Möglichkeit:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:

function show(idA,idB){
  if(document.getElementById(idA).style.display == 'none') {
      document.getElementById(idA).style.display = 'block';
      document.getElementById(idB).style.display = 'none';
  }
  else{
      document.getElementById(idA).style.display = 'none';
      document.getElementById(idB).style.display = 'block';
  }
}

	HTML-Quelltext
1: 2: 3: 4: 5: 6: 7:	<span id="x"> Text im ersten span </span> <span id="y" style="display:none"> Text im zweiten span </span><br /> <a href="javascript:show('x','y');">Link zum wechseln</a>

geschrieben von Drehstabenverbucher am 27.12.2005 - 13:05

bei mir funktioniert das script so nicht

geschrieben von weisnix am 27.12.2005 - 16:27

getestet mit FF und IE:

geschrieben von Drehstabenverbucher am 27.12.2005 - 23:15

och ich könnt mich hauen.
Ein kleines "<" hat es nicht funktionieren lassen.
Nun funktioniert es aber genauso wie ich es will
dankeschön