[JS] Austausch von HTML Code per Link

**Stefan** · 25.02.2007 16:59

Guten Tag

Ich würd gern diesen Code

HTML-Code:

<a href="#"><img src="test.bmp"></a>

gegen diesen

HTML-Code:

<div id="links">
<form mathod="post">
<input style="height: 12px;" name="username" type="input" size="8">
<input style="height: 12px;"name="username" type="password" size="8">
<input style="height: 12px;"alt="abschicken" type="image" src="button.bmp" value="Einloggen" >
</form>
</div>

hier austauschen. Also praktisch soll durch den Link auf die Grafik ein Forumlar eingeblendet werden. Zusätzlich soll die Grafik mit dem Link verschwinden.

Hab' bereits n paar Scripte ausprobiert, aber so richtig meinen Anforderungen entsprach keins - und meine JS-Kenntnisse sind gleich null ...

Bin für jede Antwort dankbar

Gruß Stefan

**Malleus** · 25.02.2007 18:22

Hallo Stefan,
versuch' mal folgendes:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<title>Malleus' Test</title>
<script type="text/javascript">
function doIt(myImage)
{
	myImage.style.display='none';
	document.getElementById('links').style.display='block';
}
</script>
</head>

<body>
<a href="#"><img src="pics\thGretel01.jpg" onclick="doIt(this);return false"></a>
<div id="links" style="display:none"> <form mathod="post"> <input style="height: 12px;" name="username" type="input" size="8"> <input style="height: 12px;"name="username" type="password" size="8"> <input style="height: 12px;"alt="abschicken" type="image" src="button.bmp" value="Einloggen" > </form> </div>
</body>
</html>

tschau

Frank

**Stefan** · 25.02.2007 18:25

Boah vielen Dank für die Mühe, werd's nachher testen

Hast was gut bei mir

zur Startseite vom TP

Thema: [JS] Austausch von HTML Code per Link

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

[JS] Austausch von HTML Code per Link

Aktive Benutzer

Aktive Benutzer