Mit Javascript ein Bild einfügen

[lukgestach]

Guten Abend zusammen

Ich habe den Code einer Seite mit einer bzw. mehreren Tabellen. Ich will jetzt mit Javascript in ein td-Tag vor dem schon existierenden Link bzw. a-Tag ein Bild, also img-Tag, einfügen.

Da es sich um ein Greasemonkey-Script handelt kann ich den Quelltext nicht ändern - ich muss ihn so nehmen wie er ist.
Der Code sieht aber an dieser Stelle so aus:

<table class="navi-border" style="width: 1000px; border-collapse: collapse; margin:11px auto auto; text-align: left;">
    <tr>
	<td>
	    <table class="menu nowrap" width="1000">
		<tr id="menu_row">
		    <td><a href="/game.php?village=51802&amp;screen=&amp;action=logout&amp;h=60eb" target="_top">Ausloggen</a></td>
		    <td><a href="http://forum.staemme.ch/index.php" target="_blank">Forum</a></td>
		    <td><a href="help2.php" target="_blank">Hilfe</a></td>
		    <td><a href="/game.php?village=51802&amp;screen=settings">Einstellungen</a></td>
		    <td><a href="/game.php?village=51802&amp;screen=premium">Premium</a></td>
		    <td><a href="/game.php?village=51802&amp;screen=ranking">Rangliste</a></td>
		    <td> <a href="/game.php?village=51802&amp;screen=ally">Stamm</a></td>
		    <td><a href="/game.php?village=51802&amp;screen=report"> Berichte</a></td>
		    <td><a href="/game.php?village=51802&amp;screen=mail"> Nachrichten</a></td>
		    <td><a href="/game.php?village=51802&amp;screen=memo">Notizen</a></td>
		</tr>
	    </table>
	</td>
    </tr>
</table>

(es handelt sich um das Browsergame Die-Stämme, ich habe die Original-Links gelassen)

Also, der Ort, an dem ich eben ein Bild einfügen möchte, ist dieser:

<td> <a href="/game.php?village=51802&amp;screen=ally">Stamm</a></td>

Da in dem Leerraum zwischen <td> und <a href="">.

Mein Lösungsvorschlag bis jetzt ist folgender:

for(var x = 0, imgs = document.getElementsByTagName("td"); x < imgs.length; x++)
{
	if(imgs[x].innerHTML.match(/<a href=\"\/game\.php\?village=(.*)&amp;screen=ally\">/))
	{
		imgs[x].parentNode.insertData(0, '<img src="graphic/ally_forum.png />');
	}
}

Doch da passiert mal einfach gar nichts...

Daher meine Frage: Was mache ich falsch? Gibt es einfachere Möglichkeiten das zu realisieren? Es ist eben blöd, dass dieser <td> keine ID zugewiesen bekommen hat...

Danke schon jetzt für die Antworten ;)

Gruss Lukas

EDIT:
Ich habe gesehen, dass document.getElementsByTagName("td").length 0 als Wert ausgibt - dies kann ja wohl nicht sein, oder? Da sollte doch die Anzahl TD-Elementen als Zahl ausgegeben werden, oder täusche ich mich da?

[xlb]

Hallo ...

Wirf mal einen Blick auf die Doku bei SelfHTML :

http://de.selfhtml.org/javascript/ob...ts_by_tag_name

Den Beispiel-Quellcode müsstest du nur "etwas" umstricken ...


Lässt du einen JS-Debugger oder die Fehlerkonsole "mitlaufen" ?


Gruss,
Axel

[lukgestach]

Moin,

ja, ich habe die Fehlerkonsole offen. Die spuckt nichts aus...

Ich habe allerdings vorhin gerade bemerkt, dass das tr-Tag eine Id hat. Nun sieht mein Versuch so aus:

bereich = document.getElementById("menu_row");
for(var x = 0, imgs = bereich.getElementsByTagName("td"); x < imgs.length; x++)
{
	if(imgs[x].innerHTML.match(/<a href=\"\/game\.php\?village=(.*)&amp;screen=ally\">/))
	{
		imgs[x].parentNode.insertData(0, '<img src="graphic/ally_forum.png />');
	}
}

Nun gibt jedoch die Fehlerkonsole aus, dass bereich null sei...
Kann das daran liegen, dass es Frames hat?

Ansonsten habe ich es dem Beispiel da angepasst, bzw. das Beispiel von dir studiert, danke ;)

Gruss Lukas

[lukgestach]

Ich habs lösen können ;) Danke dir für die Hilfe - hat mir den genau richtigen Denkanstoss gegeben :)

Grüsse Lukas

EDIT: Für all jene, die es inetressiert hie der Code:

bereich = document.getElementById("menu_row");
for(var x = 0, imgs = bereich.getElementsByTagName("td"); x < imgs.length; x++)
{
	if(imgs[x].innerHTML.match(/ \<a href\=\"\/game\.php\?village=(.*)\&amp\;screen\=ally\">/))
	{
		text = imgs[x].innerHTML;
		imgs[x].innerHTML = '<img src="graphic/ally_forum.png">' + text;
	}
}

Da es ein Greasemonkey Script ist, spielen die Frames dann wiederum keine Rolle...