JavaScript Link finden und ersetzten ?

michi12

Banned
Dabei seit
März 2008
Beiträge
1.030
Hi @ all,

Ich habe zur Zeit ein kleines Problem:
Ich möchte gerne eine Webseite Clientseitig verändern.

Was soll gemacht werden: In einer Bild-Leiste, welche vom Server geliefert wird, soll ein Bild "herausgenommen" werden, und durch ein festes Bild ersetzt werden.

Dabei ist das Bild, welches ersetzt werden soll, immer ein anderes, ist jedoch immer am Anfang der Bildleiste. Das Bild, durch welches es ersetzt werden soll, ist immer das gleiche.

Ich poste nun einmal den nötigen Quelltext, welcher verändert werden soll.

HTML:
<div id="abc">
	<div id="abc">
		<ul>
			<li>
				<a href="/bilder/123/4/"><img src="http://www.domain.de/bilder/123/28.gif"/></a>
			</li>
			<li class="highlight">
				<img src="http://www.domain.de/bilder/123/12.png"/>
			</li>
			<li>
				<a href="/bilder/123/6/"><img src="http://www.domain.de/bilder/123/4.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/7/"><img src="http://www.domain.de/bilder/123/5.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/8/"><img src="http://www.domain.de/bilder/123/6.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/9/"><img src="http://www.domain.de/bilder/123/7.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/10/"><img src="http://www.domain.de/bilder/123/8.png"/></a>
			</li>
		</ul>
	</div>
</div>
In diesem Quelltext soll nun automatisch beim Aufrufen der komplette Link inklusive Bild im ersten <li></li>-Tag geädert werden, sodass das erste Bild durch ein anderes (fest definiertes) Bild ersetzt wird.
Also diese Zeile:
HTML:
			<li>
				<a href="/bilder/123/4/"><img src="http://www.domain.de/bilder/123/28.gif"/></a>
			</li>
soll durch diese ersetzt werden:
HTML:
			<li>
				<a href="/bilder/123/"><img src="http://www.domain.de/bilder/festes_Bild.jpg"/></a>
			</li>
Ich habe mir einmal Greasemonkey im Firefox installiert.



Nun zu meiner Frage:
Ist es überhaupt möglich, mit Greasemonkey und JS mein Ziel zu erreichen ?
Wenn ja, wie ?

Wäre dankbar für Tipps !
Mfg, Michi.
 
Zuletzt bearbeitet:

Kantholy

Lt. Junior Grade
Dabei seit
Aug. 2006
Beiträge
323
Zauberwort:

Code:
var images = document.getElementsByTagName("img")
dann einfach

Code:
images[0].src = "http://asdf.com/picture.png";

//oder:

foreach(var img in images)
{
img.src = "/somepic.png";
}
 

michi12

Banned
Ersteller dieses Themas
Dabei seit
März 2008
Beiträge
1.030
Zauberwort: Danke ;)

Vielen Dank @ Kant-holz, klappt super.

Edit:
Zweites Problem gelöst ;)

Danke nochmal !
 
Zuletzt bearbeitet:
Top