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


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.