nicht angemeldet
Servus!
Ich habe ein Problem mit der Darstellung einer website, und zwar:
Die Seite soll zwei Tabellen beinhalten, eine Tabelle rechts mit Verweisen und eine Tabelle links, in der die Inhalte dann angezeigt werden. Zur Veranschaulichung mal der Link: http://www.bball-zell.de unter "Pics/Movies". Derzeit ist das Problem so gelöst, dass die Inhalte dann in einem neuen Fenster (window.open(...)) angezeigt werden. Mir wäre es aber lieber, wenn dies auch "dynamisch" zu lösen ist. Meine Gedankenansätze und Versuche sind wie folgt gewesen:
------------
a) mit getElementsById auf das <object>-Tag zugreifen.
function Neli() {
window.document.getElementById("ziel").data="media/davidneli.jpg";
window.document.getElementById("ziel").type="image/jpeg";
}
...
<tr><td style="background-color:#CC0000;">
<ul class="h3">
<li><a href="javascript:Neli()">Neli mit Vorbild ;-)</a></li>
</ul>
</td></tr>
...
<table width="20%" style="position:absolute; top:100px; left:30px;">
<tr><td>
<div><object border="0" align="middle" id="ziel"></div>
</td></tr>
</table>
aber es passiert einfach NICHTS!
----------
b) mit document.open(); - document.writeln(...); - document.close();
function Neli() {
document.write("<html><head><link rel="stylesheet" type="text/css" href="formate.css">");
document.write("<title>TG Zell Basketball</title></head>");
document.write("<body>");
document.write("<table width="500" height="500" style="position:absolute; top:100px; left:30px;">");
document.write("<tr><td>");
document.write("<div><object data="media/davidneli.jpg" type="image/jpeg" border="0" width="171" height="134" align="middle"></object></div>");
document.write("</td></tr>");
document.write("</table>");
document.write("<table width="30%" style="position:absolute; top:27px; right:50px;">");
document.write("<tr><th style="background-color:#E5E5E5;" align="center">");
document.write("<div class="h2">Pics / Movies</div></th></tr>");
document.write("<tr><td style="background-color:#CC0000;">");
document.write("<ul class="h3">");
document.write("<li><a href="javascript:Andi()">Andi Dunk</a></li>");
document.write("<li><a href="javascript:Neli()">Neli mit Vorbild</a></li></ul>");
document.write("</td></tr>");
document.write("</table>");
document.write("</body>");
document.write("</html>");
document.close();
}
document.open();
document.write("<table width="30%" style="position:absolute; top:27px; right:50px;">");
document.write("<tr><th style="background-color:#E5E5E5;" align="center">");
document.write("<div class="h2">Pics / Movies</div></th></tr>");
document.write("<tr><td style="background-color:#CC0000;">");
document.write("<ul class="h3">");
document.write("<li><a href="javascript:Andi()">Andi Dunk</a></li>");
document.write("<li><a href="javascript:Neli()">Neli mit Vorbild</a></li></ul>");
document.write("</td></tr>");
document.write("</table>");
document.close();
das funktioniert zwar einmal, dann ist aber logischerweise nur der neu erzeugte Text da! Ich müsste also die Funktion öfter verschachteln, als dass jemand klickt! (unlogisch!)
--------------
Ich würde gerne eine Seite erschaffen, die Elemente erhält, welche erhalten bleiben, und Elemente, welche bei einem Klick verändert werden... Geht das?
Danke schonmal!!!!!!!!!!
Gruß, Markus