Text wechseln - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Text wechseln

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Text wechseln

Pages: [1]

geschrieben von Tschoonsz am 01.01.2008 - 20:11

Hi,
kann mir jemand mit folgendem Problem helfen? Dürfe für Leute mit Java-Kenntnissen kein Problem sein.

Ich habe auf meiner Webseite eine Funktion, mit der ich ein Bild, welches ich in einer Auswahlbox anklicke, daneben in größerem Format darstellen kann.

<script language="JavaScript">

</script>

........................................und:

<div style="width:153px; height:440px; overflow:auto; border:1px solid #FFF;
position:absolute;left:380;width:150px;height:440px;z-index:-2;">
<table>
<tr>
<td span class="standard" >
 </td>
</tr>
<tr>
<td align="center">
<img src="../pics/nicht_lupefluegelueberdecktsm.jpg" width="50" height="100"
<a href="javascript:void(0)" Onclick="Zeigen('bild1')"><a>
</td>
</tr>
<tr>
<td align="center" style="font-size:12px;" class="standard">Ausführung Standardfüllung </td>
</tr>
<tr>
<td> 
</td>
</tr>
<tr>
<td align="center">
<img src="../pics/lupefluegelueberdecktsm.jpg" width="50" height="100"
<a href="javascript:void(0)" Onclick="Zeigen('bild2')"><a>
</td>
</tr>
..................................und:

<div style="width:153px; height:440px;
position:absolute;left:540;width:450px;height:440px;z-index:-1;">
<table align="right" bgcolor="002d73" border="1">
<tr>

<td border="1">
<img name="picture" src="../pics/s95.jpg" width="250" height="430" border="1">
</td>
<td border="1" span class="standard">
Diese Modelle sind wahrhaft Klassiker. blabalbal...
</td>

Nun möchte ich gerne den Text "Diese Modelle sind wahrhaft Klassiker. blabalbal... " mit dem Wechsel des Bildes mitwechseln.

Kann mir jemand sagen, wie ich den Code ergänzen muß?
Den kompletten Quellcode der Seite habe ich als Anhang mit hochgeladen.

Vielen Dank im Voraus.

Gruß
Tschoonsz

geschrieben von Michael am 08.02.2008 - 14:40

Verwende z.B.: diese Funktion, könnte schöner ausprogrammiert sein, erfüllt aber seinen Zweck:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28:

<script language="javascript" type="text/javascript">
<!--

function Zeigen(i_bildNR) {

	var a_Daten = new Array();
	
	a_Daten[0] = new Object();
	a_Daten[0]['bildSRC'] = "../pics/nicht_lupefluegelueberdeckt.jpg";
	a_Daten[0]['text']    = "Text zu Bild eins";

	a_Daten[1] = new Object();
	a_Daten[1]['bildSRC'] = "../pics/lupefluegelueberdeckt.jpg";
	a_Daten[1]['text']    = "Text zu Bild zwei";

	with(document) {
		getElementById("bild-container").innerHTML = "<img src='" +a_Daten[i_bildNR]['bildSRC']+ "' alt='' />";
		getElementById("text-container").innerHTML = a_Daten[i_bildNR]['text'];
	}
}

//-->
</script>

<a href="javascript:void(0)" onclick="Zeigen(0)">Bild 1</a> | <a href="javascript:void(0)" onclick="Zeigen(1)">Bild 2</a>

<div id="bild-container">&nbsp;</div>
<div id="text-container">&nbsp;</div>

Michael

geschrieben von Tschoonsz am 14.03.2008 - 20:03

Howdy Michael,

thx, besten Dank für die Hilfe. Sorry, daß ich mich so spät melde, war voll beschäftigt. Hab´s mittlerweile auch zusammengewurschtelt, aber werd es mit Deinem Code trotzdem nochmal probieren.

Vieleicht kannst Du mir mit einem Prob weiterhelfen, daß ich mit dem coolmenus3-Menu habe. Hab soweit alles angepasst, was ich brauche, funktioniert auch alles ganz super, lediglich die submenus (werden in Boxen als Text angezeigt, nicht wie das topmenu als button) krieg ich nicht so konfiguriert, wie ichs gerne hätte. Konkret: die Schriftart, Schriftstärke und Ausrichtung (sollten zentriert sein - sind zur Zeit links fixiert) krieg ich nicht geregelt, da ich keine Variable im Script finde, die ich entsprechend anpassen könnte.

Würde mich über Hilfe freuen.

So long und keep on rockin´

Tschoonsz

PS: zum Ansehen http://www.ep-con.de/tschoonsz