[HaBo]

valenterry · 25.05.07, 15:23

Javascript Code

Code:

<div id="diewillichhaben">
<table>
	<tr>
		<th> text </th>
		<th onclick="tuwas(  id  );"> klickmich </th>
	</tr>
	<tr>
		<td> text </td>
	</tr>
</table>
</div>

Wenn das Wort "klickmich" angeklickt wird, soll eine javascript Funktion ausgeführt werden. Dieser soll ein Parameter übergeben werden und zwar die ID des <div> ganz oben. (Im Beispiel: ist die ID "diewillichhaben")
Nun ist diese ID aber nicht statisch sondern immer verschieden. Wie kann ich nun auf sie zugreifen?
Ich hab bis jetzt nur herausgefunden, wie man mit this auf das nächsthöhere Element zugreifen kann. Ich könnte also z.b. Attribute des <th> beinflussen, was mir aber nichts bringt.
Hat jemand eine Idee?

LX · 25.05.07, 16:06

Du könntest eine Funktion aufrufen, die dann im DOM-Tree so lange nach oben wandert, bis sie zu einem DIV gelangt, und dann dessen ID zurückgibt.

Irgendwas in der Form (ungetestet):

Code:

function getContainerID ( element ) 
{
    if ( element.tagName == 'DIV' )
        return element.id;
    else
        return getContainerID ( element.parentNode );
}


...


<th onclick="tuwas ( getContainerID ( this ) );">...</th>

Anzeige

- Anzeige -

loose · 25.05.07, 16:11

hallo erstmal,

es gibt verschiedene lösungen, um an die id zu kommen.
die erste:

document.getElementsByTagName('div')[0].id

die zweite:

this.parentElement.parentElement.parentElement.id

schau einfach mal auf SelfHTML
nach.

valenterry · 25.05.07, 20:50

Leider funktionieren beide Beispiele von euch nicht. Auch Selfhtml hat mir nicht weitergeholfen. Und ich möchte auf keinen fall über document.all gehen, weil das z.B. bei Firefox nicht korrekt funktioniert. Dazu muss man sich nur mal die Beispiele bei Selfhtml ansehen. Die funktionieren mit Firefox nicht korrekt, mit Opera schon.
Sonst noch jemand eine Idee? Da die gesamte Tabelle und das <div> ausgegeben werden sollen - könnte man da das nicht irgentwie als Objekt darstellen? Also mit OOP? Ich kenn mich da leider nicht aus.

LX · 25.05.07, 20:56

Mein Code funktioniert in FF und IE (und wüsste nicht, wieso in anderen Browsern nicht). Hab's eben getestet und die korrekten IDs zurückbekommen.

Poste doch sonst einfach mal'n Link zu einer Testseite, damit man anschauen kann, woran's scheitert.

valenterry · 29.05.07, 21:30

Hast Recht, er funktioniert doch. Ich muss vorher irgendwo einen Fehler gemacht haben.
Danke.

Anzeige

- Anzeige -

25.05.07, 15:23	#1 (permalink)
valenterry Registriert seit: 25.07.06 Likes: 0	dynamische ID eines herausfinden Anzeige Javascript Code Code: <div id="diewillichhaben"> <table> <tr> <th> text </th> <th onclick="tuwas( id );"> klickmich </th> </tr> <tr> <td> text </td> </tr> </table> </div> Wenn das Wort "klickmich" angeklickt wird, soll eine javascript Funktion ausgeführt werden. Dieser soll ein Parameter übergeben werden und zwar die ID des <div> ganz oben. (Im Beispiel: ist die ID "diewillichhaben") Nun ist diese ID aber nicht statisch sondern immer verschieden. Wie kann ich nun auf sie zugreifen? Ich hab bis jetzt nur herausgefunden, wie man mit this auf das nächsthöhere Element zugreifen kann. Ich könnte also z.b. Attribute des <th> beinflussen, was mir aber nichts bringt. Hat jemand eine Idee?

25.05.07, 16:06	#2 (permalink)
LX Moderator Registriert seit: 14.02.06 Likes: 21	Du könntest eine Funktion aufrufen, die dann im DOM-Tree so lange nach oben wandert, bis sie zu einem DIV gelangt, und dann dessen ID zurückgibt. Irgendwas in der Form (ungetestet): Code: function getContainerID ( element ) { if ( element.tagName == 'DIV' ) return element.id; else return getContainerID ( element.parentNode ); } ... <th onclick="tuwas ( getContainerID ( this ) );">...</th> __________________ "Ever tried. Ever failed. No matter. Try again. Fail again. Fail better." - Samuel Beckett JS BB LX UP

25.05.07, 20:56	#5 (permalink)
LX Moderator Registriert seit: 14.02.06 Likes: 21	Mein Code funktioniert in FF und IE (und wüsste nicht, wieso in anderen Browsern nicht). Hab's eben getestet und die korrekten IDs zurückbekommen. Poste doch sonst einfach mal'n Link zu einer Testseite, damit man anschauen kann, woran's scheitert. __________________ "Ever tried. Ever failed. No matter. Try again. Fail again. Fail better." - Samuel Beckett JS BB LX UP

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IP eines fremden Rechners herausfinden ?	I_Scalper	Virenschutz · Tools & Aggressive Software	1	03.06.09 16:13
PC Leistung eines Besuchers herausfinden	valenterry	(Web-) Design und webbasierte Sprachen	5	02.07.07 21:57
IP Adresse eines anderen herausfinden	dzenker	Doppelte Beiträge	0	23.02.07 17:08
Wie kann ich den Standort eines Rechners herausfinden	Sven	Applikationen	13	25.09.03 14:36

25.05.07, 16:11	#3 (permalink)
loose Registriert seit: 08.03.07 Likes: 1	hallo erstmal, es gibt verschiedene lösungen, um an die id zu kommen. die erste: document.getElementsByTagName('div')[0].id die zweite: this.parentElement.parentElement.parentElement.id schau einfach mal auf SelfHTML nach.

25.05.07, 20:50	#4 (permalink)
valenterry Themenstarter Registriert seit: 25.07.06 Likes: 0	Leider funktionieren beide Beispiele von euch nicht. Auch Selfhtml hat mir nicht weitergeholfen. Und ich möchte auf keinen fall über document.all gehen, weil das z.B. bei Firefox nicht korrekt funktioniert. Dazu muss man sich nur mal die Beispiele bei Selfhtml ansehen. Die funktionieren mit Firefox nicht korrekt, mit Opera schon. Sonst noch jemand eine Idee? Da die gesamte Tabelle und das <div> ausgegeben werden sollen - könnte man da das nicht irgentwie als Objekt darstellen? Also mit OOP? Ich kenn mich da leider nicht aus.

29.05.07, 21:30	#6 (permalink)
valenterry Themenstarter Registriert seit: 25.07.06 Likes: 0	Hast Recht, er funktioniert doch. Ich muss vorher irgendwo einen Fehler gemacht haben. Danke.

[HaBo]

dynamische ID eines herausfinden

dynamische ID eines
herausfinden