(Javas*) getElementById

sirleo · 16.06.11, 23:42

Also ich weiss zwar nicht was du mit dem letzten absatz sagen wolltest aber zu dem ersten:
arbeite mit den display properties von CSS.

Emskopp23 · 16.06.11, 23:46

Ich muss das Bild ja iwie verlinken, deswegen habe ich IMG -> onclick gesetzt.

Bei mir wird aktuell nur leerer Content aus allen 6 Contents ausgegeben mit dem Code aus meinem 2. Post.

Gruss

sirleo · 17.06.11, 08:13

Das führt zu nichts, gib ein Beispielcode, und sag wie es aussehen sollte.
Ich weiss nähmlich absolut nicht was du meinst.

Emskopp23 · 17.06.11, 14:11

So soll es später ausschauen:

PHP-Code:


			
<s***** type="text/javas*****">

            var before = "";

            function testfunc(variable){

                if(before != "")

                    document.getElementById(before).style.visibility = "hidden";

                document.getElementById(variable.value).style.visibility = "visible";

                before = variable.value;

                }

        </s*****>

<table>

    <tr>

<th class="c" colspan="3"><b>Titleheader</b></th>

                </tr>

                <tr>

<td colspan="1" class="l"><br>



<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id1"><img src="styles/images/content1.png" alt="Conetnt">&nbsp;&nbsp;&nbsp;</a>

<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id2"><img src="styles/images/content2.png" alt="Content">&nbsp;&nbsp;&nbsp;</a>

<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id3"><img src="styles/images/content3.png" alt="Content">&nbsp;&nbsp;&nbsp;</a>

<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id4"><img src="styles/images/content4.png" alt="Content">&nbsp;&nbsp;&nbsp;</a>

<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id5"><img src="styles/images/content5.png" alt="Content">&nbsp;&nbsp;&nbsp;</a>

<a href="javas*****:;" onclick="javas*****:testfunc(this);" value="id6"><img src="styles/images/content6.png" alt="Content"></a>



<div id="id1" style="visibility:hidden"><br><br>Content 1</div>

<div id="id2" style="visibility:hidden"><br><br>Content 2</div>

<div id="id3" style="visibility:hidden"><br><br>Content 3</div>

<div id="id4" style="visibility:hidden"><br><br>Content 4</div>

<div id="id5" style="visibility:hidden"><br><br>Content 5</div>

<div id="id6" style="visibility:hidden"><br><br>Content 6</div>



</td></tr></table>

sirleo · 17.06.11, 20:14

Weil das Element a kein Attribut value besitzt.
Du musst immer dran denken, das HTML dafür ausgelegt ist robust zu sein,dh
es wird dir viele Fehler verzeihen.

Hier der Code, und noch ein kleiner designvorschlag:
Du kannst mittels CSS alle Elemente Übereinanderlegen, und dann nur das ausgewählte Anzeigen, das erlaubt dir eine bessere Platzausnutzung deiner Seite und sieht schicker
aus da der Benutzer nicht immer das neue Element auf der Seite neu Suchen muss.
Und, verwende keine Tables, mit CSS biste flexibler.
So long

Emskopp23 · 17.06.11, 22:22

Vielen Dank für deine Hilfe,... kleines Problem gibt es leider noch:

Das wechseln des Contents klappt mit deiner Hilfe nun einwandfrei, leider legt er pro <DIV> einen sogenannten Platzhalter, sodass Content 2 eine Zeile tiefer angezeigt wird und Content 3 wiederum eine Zeile tiefer.

Bei Content 6 wäre man dann schon bei der 6. Zeile, was im Endeffekt kein Platzersparnis bringen würde.

(Javas*****) getElementById

(Javas*) getElementById