javascript: alle id's abfragen

23.10.2005, 20:26

hallo genossen der programmierkunst,

habe folgende frage:
wie kann man alle id's von tabellen abfragen, mit ausnahme der id, die ich in einem moment abfrage? klingt bestimmt komisch, kann es aber auch nicht besser beschreiben.

am besten schaust du dir erstmal das mein script an, und was ich damit vorhabe...

meine funktion zum aus- bzw. einblenden bei einem click auf tabellen-button:

Code:

function clickklapp(id)
{
 
 if(document.getElementById(id).style.display == 'none')
 {
  document.getElementById(id).style.display = 'block';
 }
 else
 {
  document.getElementById(id).style.display = 'none';
 }
}

und so wird sie ausgeführt:

Code:

zeigen/nichtzeigen

<table width="130" border="0" align="right" cellpadding="0" cellspacing="4" id="points" style="display:none;">
        <tr>
          <td align="right">point one</td>
        </tr>
        <tr>
          <td align="right">point two</td>
        </tr>
</table>

wenn ich nun auf "zeigen/nichtzeigen" klicke wird die tabelle angezeigt, bzw versteckt.

» wenn ich nun aber mehrere "zeigen/nichtzeigen"-buttons und tabellen habe komme ich auf mein problem: es soll immer nur eine tabelle gezeigt werden, die anderen sollen automatisch versteckt werden (display:none).

bsp wie es ausehen sollte:

topic 1 (id = 1)
» point one
» point two

topic 2 (id = 2)
» point one
» point two

topic 3 (id = 3)
» point one
» point two

klicke ich nun auf "topic 2" so soll von "topic 1" und "topic 3" die unterpunkte (points) ausgeblendet werden!

ich müsste also alle id's auf display:none stellen die nicht die aktuelle id (getElementById...) haben.

aber wie kann ich das machen?

Code:

function clickklapp_neu(id)
{
 
 if(document.getElementById(id).style.display == 'none')
 {
  document.getElementById(id).style.display = 'block';

  //alle anderen sollen display none bekommen:
     document.alleAnderen.style.display = 'none';
  //wie komme ich auf "alleanderen"?
 }
 else
 {
  document.getElementById(id).style.display = 'none';
 }
}

please help

ich danke jeden für denkanstöße.
mfg embee

bluebird · 23.10.2005, 22:43

Ähm. Den ID des ausgeklappten in einer eigenen JavaScript-Variable speichern, und den dann jeweils einklappen?

Aber du scheinst ja unbedingt _alle_ anderen anfassen zu wollen

ist zwar unnötig, aber bitte:

1. Erst alle einklappen, dann das eine wieder ausklappen
2.

Code:

for(i=1; i<4; i++)
{
if(i != id) document.getElementById(id).style.display = 'none'
else document.getElementById(id).style.display = "block";
}

bluebird

24.10.2005, 16:45

hallo.
als ich gestern aus dem internet raus bin hatte ich diese idee auch.
habs dann so umgesetzt:

Code:

function marie(id)
{
	for (i=1;i<=8;i++)
	{
		if(i == id)
		{
			//wenn die id = i
			if(document.getElementById(i).style.display = 'none')
			{
				document.getElementById(i).style.display = 'block';
			}
			else
			{
				document.getElementById(i).style.display = 'none';
			}	
		}
		else
		{
			//wenn die id != i -> alle i's werden auf none gestellt
			document.getElementById(i).style.display = 'none';
		}
	}
}

und jetzt guck ich nochmal rein... und da steht eigendlich das selbe. da hätte ich mir ja auch nicht den kopf zerbrechen müssen.

danke

mfg embee

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
http user mit Javascript abfrage	tennessee	HTML, Usability und Barrierefreiheit	3	31.10.2006 13:18
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Ist JavaScript OOP sinnvoll?	HStev	HTML, Usability und Barrierefreiheit	2	26.01.2006 12:11
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
Javascript durch PHP ausdrücken		PHP Tipps 2007	10	09.11.2005 20:04
[Erledigt] JavaScript & PHP (Bilderupload)		PHP-Fortgeschrittene	5	11.07.2005 17:08
[Erledigt] NewWindow mit JavaScript - Vor-Zurück Button automatisch ?		HTML, Usability und Barrierefreiheit	0	10.07.2005 15:43
JavaScript zeichenabfrage		HTML, Usability und Barrierefreiheit	5	23.06.2005 12:05
abfragen ob JavaScript aktiv	Juuro	PHP Tipps 2005	24	27.04.2005 15:12
Javascript ON/OFF	Connar	PHP Tipps 2005	3	03.04.2005 09:47
Wert des Attributs "class" mit JavaScript dynamisc	Stümper	HTML, Usability und Barrierefreiheit	1	08.09.2004 10:33
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

23.10.2005, 20:26
Gast Beiträge: n/a	javascript: alle id's abfragen hallo genossen der programmierkunst, habe folgende frage: wie kann man alle id's von tabellen abfragen, mit ausnahme der id, die ich in einem moment abfrage? klingt bestimmt komisch, kann es aber auch nicht besser beschreiben. am besten schaust du dir erstmal das mein script an, und was ich damit vorhabe... meine funktion zum aus- bzw. einblenden bei einem click auf tabellen-button: Code: function clickklapp(id) { if(document.getElementById(id).style.display == 'none') { document.getElementById(id).style.display = 'block'; } else { document.getElementById(id).style.display = 'none'; } } und so wird sie ausgeführt: Code: zeigen/nichtzeigen <table width="130" border="0" align="right" cellpadding="0" cellspacing="4" id="points" style="display:none;"> <tr> <td align="right">point one</td> </tr> <tr> <td align="right">point two</td> </tr> </table> wenn ich nun auf "zeigen/nichtzeigen" klicke wird die tabelle angezeigt, bzw versteckt. » wenn ich nun aber mehrere "zeigen/nichtzeigen"-buttons und tabellen habe komme ich auf mein problem: es soll immer nur eine tabelle gezeigt werden, die anderen sollen automatisch versteckt werden (display:none). bsp wie es ausehen sollte: topic 1 (id = 1) » point one » point two topic 2 (id = 2) » point one » point two topic 3 (id = 3) » point one » point two klicke ich nun auf "topic 2" so soll von "topic 1" und "topic 3" die unterpunkte (points) ausgeblendet werden! ich müsste also alle id's auf display:none stellen die nicht die aktuelle id (getElementById...) haben. aber wie kann ich das machen? Code: function clickklapp_neu(id) { if(document.getElementById(id).style.display == 'none') { document.getElementById(id).style.display = 'block'; //alle anderen sollen display none bekommen: document.alleAnderen.style.display = 'none'; //wie komme ich auf "alleanderen"? } else { document.getElementById(id).style.display = 'none'; } } please help ich danke jeden für denkanstöße. mfg embee


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.10.2005, 22:43
bluebird Benutzer Registriert seit: 17.05.2005 Beiträge: 57	Ähm. Den ID des ausgeklappten in einer eigenen JavaScript-Variable speichern, und den dann jeweils einklappen? Aber du scheinst ja unbedingt _alle_ anderen anfassen zu wollen ist zwar unnötig, aber bitte: 1. Erst alle einklappen, dann das eine wieder ausklappen 2. Code: for(i=1; i<4; i++) { if(i != id) document.getElementById(id).style.display = 'none' else document.getElementById(id).style.display = "block"; } bluebird