(Javas*) getElementById

sirleo · 16.06.11, 23:01

Alles ganz ohne doctype oder dergleichen.
Kannste anpassen wie du lustig bist.
have fun
sirleo

edit :
ich gehe mal davon aus das du HTML 4 oder 5 nimmst, solltest du dich zu XHTML hinreißen lassen musst du den JS-Code entweder ganz speziell ausklammern oder in eine extra datei auslagern.

Emskopp23 · 16.06.11, 23:35

Vielen Dank für deine Antwort, vll. habe ich einen Denkfehler, aber ich habe den IMG-Tag etwas geändert, da deine Preview mit INPUT war:

Code:

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

Bilder werden korrekt angezeigt, unten ist nun enorm viel Platz, da er wohl den Content und meine gesetzten <br /> für 6 Contents anzeigen will. Ansonsten erfolgt jedoch keine Funktion.

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

(Javas*****) getElementById

(Javas*) getElementById