Probleme mit DIVs... Ich kriegs nicht hin :(

-TS-design

moin zusammen...

bin mal wieder am verzweifeln

ich brauche nen ganz einfachen div, bin aber offensichtlich zu blöd dafür (wozu ich sagen muss, dass ich nie html oder ähnliches gelernt hab, ich stolper mich bei bedarf immer so einigermaßen durch, ohne es zu können (gesegnet sei dieses forum ))

einfach nur ne tabelle, eine spalte links, eine spalte rechts (das is noch nich das problem)

links in der spalte stehen untereinander 6 begriffe, klicke ich nun einen der begriffe an, erscheint in der rechten auch ein begriff, der sich natürlich dann ändert, wenn ich einen anderen anklicke...

sooooo einfach und doch hab ich n brett vorm kopf...

chris90night

Bevorzugst du eine Lösung mit PHP oder mit JavaScript?

PS: Das hat nichts mit div zu tun ... zumindest nicht, dass sich der Inhalt ändert.

-TS-design

eigentlich würd ich ne js-lösung bevorzugen...

wie gehts denn sonst? dachte immer das macht man mit divs...!?

also einfach nur ein wort auf der rechten seite, das sich auf klick immer ändert, mehr muss es garnich sein...

driver

also du hast die tabelle ? dann mach daneben n iframe

etwa so

Code

<table>
<tr><td>nr1</td><td rowspan="5"><iframe src="nr1.html width..height..></iframe></td></tr>
<tr><td>nr2</td></tr>
<tr><td>nr3</td></tr>
<tr><td>nr4</td></tr>
<tr><td>nr5</td></tr>
</table>

die table-links halt noch verlinken

gelöschter User

Wie Chris bereits gefragt hat womit möchtest du den Mouseover machen?
Sonst die Tabelle ist ja einfach

also als tabelle:
<table>
<tr>
<td>Begriff
</br>Begriff
</br>Begriff...</td>
<td>Das was sich ändert</td>
</tr>
</table>

Wie man das ändertń macht kommt drauf an wie dus wilst PHP oder Javascript...

mfg

-TS-design

driver:

dafür müsste ich ja pro wort, das sich ändern soll ne eigene kleine html-datei anlegen...

das is für meine zwecke etwas unpraktisch, da es diese tabelle öfter geben wird... und da wärs mir lieber, da eben schnell die "austauschwörter" in der ursprungshtml zu ändern, statt mir ständig neue zu machen...

geht das denn?

-TS-design

@ Josi...

kann man das nich mit JS und getEmelentById machen?

-TS-design

keiner mehr ne idee?

driver

na dann mach dort wo ich den iframe hatte das:

Code

<div id="text"></div>

ins js

Code

document.getElementById('text').InnerHTML = "[b]dein code[/b]";

-TS-design

ja, so irgendwie dacht ich mir das...

nur wie mach ich das mit dem JS bzw der tatsache, dass sich das wort für jedes in der liste ändert?

sorry, aber ich peils echt nich...

driver

bei den links

Code

[url='...']...[/url]

durch over rufst des js auf und füllst den div, im out löscht den inhalt

js:

Code

function on(name) {
if (name=="nr1") { document.getElementById('text').InnerHTML = "[b]dein code[/b]"; } 
if (name=="nr2") { document.getElementById('text').InnerHTML = "[b]dein code[/b]"; }
....
}


function off() {
if (name=="nr1") { document.getElementById('text').InnerHTML = ""; }
}

-TS-design

hmm.... irgendwie will das einfach nich...

driver

solla beim klick oder beim over ändern ?

-TS-design

beim klick...

synaptic

OK, ich bin ja nich so... deshalb opfere ich für dich minuten meiner arbeitszeit!

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<html>
<head>
	<title>Untitled</title>
<script type="text/javascript">
function showtext(text){
var obj= document.getElementById("targetX");
obj.innerHTML=text;
}
</script>
</head>


<body>




<table>
<tr>
<td>[url='javascript:showtext('die hochkommate nich vergessen, sonst geht´s net');']Begriff[/url]
</br>[url='javascript:showtext('hier könnte dann was anderes stehen!!');']Begriff[/url]
</br>[url='javascript:showtext('das beispiellayout is natürlich kacke!');']Begriff[/url]</td>
<td><span id="targetX">Das was sich ändert</span></td>
</tr>
</table>
</body>
</html>

Alles anzeigen

solltest du zusätzlich noch etwas verlinken wollen, mach im href den link rein und füge nen onclick-event-handler ins a-tag ein

-TS-design

jaaa es klappt

vielen, vielen dank!!!

synaptic

jo np, dafür sind wir hier!

Probleme mit DIVs... Ich kriegs nicht hin :(

Tags

Benutzer online in diesem Thema