[senso]

hallo,

ich habe ein problemchen mit einer website die ich plane. sie besteht aus mehreren div containern die zu einem übergeordneten container zusammengefasst sind. in der finalen version möchte ich mehrere der übergeordneten container nebeneinander anordnen und so eine horizontal scrollende website erstellen. soweit die theorie

der unterste div container <div3> soll dabei einen link erhalten, welcher ein bild in <div1> einblendet.
dies habe ich bisher über ein javascript gelöst_

function loadimage(image){
document.getElementById("div1").innerHTML = '<img src="' + image + '" />';
}

während der html part in <div3> folgender massen aussieht_

<div id="div3"><a href="javascript:loadimage('klaus.png')">klick</a></div>


soweit funktioniert das auch super. das problem entsteht, wenn ich mehrere der übergeordneten container nebeneinander lege. nun ist die zuweisung nicht mehr 'einmalig' da es mehrere <div3> container gibt!

das script nun entsprechend oft zu kopieren macht sicherlich keien sinn! daher würde ich gerne fragen, ob jemand eine clevere möglichkeit kennt das vorhandene script entsprechend zu erweitern um sie wieder 'einzigartig' zu machen.

ich bin kein js und html profi, daher bitte für dummies


vielen dank,
senso

[fyll]

Erstmal: eine ID ist (wie der Name schon vermuten lassen sollte) einmalig und darf nicht mehrfach vergeben werden. Das sollte dir dein Editor/IDE oder zumindest deine Browser-Fehler-Konsole schon sagen, sobald du sowas baust - die Wahl deiner Arbeitswerkzeuge ist also suboptimal ...

Davon ab: du suchst nach "previousSibling" oder "parentNode".
Lies dir mal die Dokumentationen bzw ein paar Beispiele dazu durch.

[labrar]

Erst vor kurzem habe ich da für einen anderen Thread ein Demo gmacht.
Du brauchst dazu überhaupt keine JS Kenntnisse.

Die Verläufe an den Rändern kannst du deaktivieren

http://www.mediengestalter.info/forum/10/js-ein-element-soll-verschwinden-wenn-ein-anderes-scrollt-169998-3.html

Edit