Ich wollte meine HP etwas übersichtlicher gestalten, sprich eine Auswahl aus 6 Buttons und wenn man eines der Buttons anklickt, dass sich sozusagen ein "toggle" öffnet unter den Buttons welches den spez. Inhalt dafür ausgibt. Dies habe ich auch in etwa gelöst, nur dass die einzelnen Rubriken sich untereinander nun öffnen und nicht wie gewünscht, sobald man Bild 2 klickt content aus 1 verschwindet und der 2. content sich öffnet:
<div id="mydiv" style="display:none">Dies ist Content 1</div>
Hat jemand eine Ahnung wie ich das so setzen kann, dass sobald Bild 2 angeklickt wird, nicht Content 2 unter Content 1 erscheint, sondern Content 1 schliesst und sich Content 2 öffnet?
Alles ganz ohne doctype oder dergleichen.
Kannste anpassen wie du lustig bist.
have fun
sirleo
PHP-Code:
<html> <head> </head> <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*****> <body> <input type="submit" onclick="javas*****:testfunc(this);" value="id1"><br> <div id="id1" style="visibility:hidden"> This is fun </div> <input type="submit" value="id2" onclick="javas*****:testfunc(this);" value="id2"><br> <div id="id2" style="visibility:hidden"> this too </div> </html>
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.
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
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.
Also ich weiss zwar nicht was du mit dem letzten absatz sagen wolltest aber zu dem ersten:
arbeite mit den display properties von CSS.
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
Das führt zu nichts, gib ein Beispielcode, und sag wie es aussehen sollte.
Ich weiss nähmlich absolut nicht was du meinst.
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
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
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
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.
Ich rede von dem Platzieren der Bilder nicht von dem Platzieren der Links.
btw du hast sie untereinander gelegt nicht übereinander.
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
Ja das mit den Bildern ist Fast & Dirty, wird natürlich optimiert
Das Phänomän tritt auch auf, wenn ich alle DIVs in eine Zeile packe. Normalerweise sollte Content 2,3,4,5,6 in der gleiche Zeile wie Content 1 erscheinen.
hmm 2 möglichkeiten.
1.css
2. du benutzt <span>.
Unterschied zwischen div und span ist gering aber vorhanden, dank CSS aber nicht mehr sehr weitreichend.
mfg
sirleo
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
Nu isses in einer Reihe, nur lässt sich nu nicht positionieren Content 1 fängt von ganz links an, und Content 2 würde eher mittig anfangen, also da wo eigtl. Content 1 stoppen würde.
versteh deine aussage zwar gerade absolut nicht, aber meine kristallkugel sagt das du layoutprobleme hast ->CSS is your friend
__________________
Meine Rechtschreibfehler dürft ihr gerne behalten.
------------------------------------------------------------
Füttere keine Trolle!->Also unterstütz auch nicht Appel.
(Javas*****) getElementById
Linear-Darstellung
