Mit Javascript Klasse und Bildpfad ändern?

ben-pen

ben-pen

Aktives Mitglied
Thread Starter
Dabei seit
26.08.2005
Beiträge
1.500
Reaktionspunkte
9
Hallo,

ich ändere mit diesem Script eine Klasse meine Seite:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 12/02</title>
<style type="text/css">
<!--
.abc
{
  color: #00C;
  background-color: #FFC;
}
.xyz
{
  color: #F00;
  background-color: #EEE;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function KlassenTauschen()
{
  var obj=document.getElementsByTagName("p");
  for(i=0;i<obj.length;i++)
  {
    if(obj[i].className=="abc")obj[i].className="xyz";
  }
}
//-->
</script>
</head>
<body>
<p class="abc">Test mit Klasse</p>
<p class="abc">Test mit Klasse</p>
<p class="abc">Test mit Klasse</p>
<p class="abc"><img src="[COLOR="Red"]thumbs[/COLOR]/Bild1.jpg">Test</p>
<p class="abc">Test mit Klasse</p>
<form action="">
<input type="button" value="Klassen tauschen ..." onClick="KlassenTauschen()">
</form>
</body>
</html>

Wie kann ich, neben der Klasse, auch den Pfad für das Bild ändern?

Code:
<p class="abc"><img src="[COLOR="Red"]pics[/COLOR]/Bild1.jpg">Test</p>
 
Dem betroffenen img-Tag ein "name"-Attribut zuweisen.
Code:
<p class="abc"><img [COLOR="Red"]name="aendern"[/COLOR] src="pics/Bild1.jpg">Test</p>


Dann mit:
Code:
document.[COLOR="Red"]aendern[/COLOR].src="[COLOR="Red"]andererPfad[/COLOR]/Bild1.jpg";
 
Danke, aber

Bild1.jpg ändert sich ja.

Bild2.jpg
Bild3.jpg
...

nur der Bildordner soll sich ändern.
 
Dann musst du das ganze umständlicher über ne Variable machen, die anstelle des echten Pfads eingetragen wird und dann aber über JS geändert werden kann.

Dann allerdings würde ich die ganze Ausgabe der p–Tags über eine Funktion innerhalb des JS steuern. Ansonsten wird das zu kompliziert.

Du baust dir also eine Funktion, die den Pfad in einer Variable speichert.
Je nach Klasse (deine Funktion oben) wird dann der Bildname und der Pfad dynamisch zusammengebaut und über ein normales echo() ausgegeben.
 
Zurück
Oben Unten