Autor |
Nachricht |
a-flow
Threadersteller
Dabei seit: 28.05.2008
Ort: Hessen
Alter: -
Geschlecht:
|
Verfasst Mi 28.05.2008 14:24
Titel DIV ein und ausblenden TOTAL VERZWEIFELT! |
|
|
Hallo,
ich bastel hobbymäßig an meiner Internetseite und habe da ein Problem.
Unter http://www.a-flow.de/testseite.htm könnt ihr meine Testseite bewundern.
Es geht um das Menü (Button 1, Button 2 und Button 3). Ich möchte, dass wenn ich einen der Buttons anklicke, die Seite nicht nach oben springt. Die Seite sollte sich überhaupt nicht bewegen.
Vom Verhalten der Buttons sollte es so ähnlich sein, wie auf dieser Seite: http://livepipe.net/projects/control_tabs/
Kann mir da jemand weiterhelfen?!?! Ich habe leider nicht so viele Ahnung...
VIELEN DANK!!!
|
|
|
|
|
Psilo
Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mi 28.05.2008 14:34
Titel
|
|
|
wieso downloadest du nicht einfach das script wenn der author es schon anbietet?
dann ein wenig abändern und fertig..
müsstest ja eigentlich nru die styles anpassen und die bilder ändern oder was auch immer du da machen willst.
also ich finde es schon mehr als gut erklärt vom author..
besser werden viele andere das auch ncih erklären können..
ich auf jeden fall nich.. mein rat.. machs alleine
|
|
|
|
|
Anzeige
|
|
|
a-flow
Threadersteller
Dabei seit: 28.05.2008
Ort: Hessen
Alter: -
Geschlecht:
|
Verfasst Mi 28.05.2008 14:48
Titel
|
|
|
ganz einfach...
ich habe mich schon an der Beschreibung usw. versucht, aber irgendwie steckt da der Wurm drin.
Mir ist es übrigens sehr wichtig, dass das Script nicht in einer externen Datei ist. Wenn ich also mit dem Script eine Seite erstelle, dann erscheint folgender Fehler: http://www.a-flow.de/testseite2.htm
Was läuft da falsch???
|
|
|
|
|
a-flow
Threadersteller
Dabei seit: 28.05.2008
Ort: Hessen
Alter: -
Geschlecht:
|
Verfasst Mi 28.05.2008 15:11
Titel
|
|
|
Ich habe vielleicht einen neuen Lösungsansatz:
Mein Menü besteht aus 3 Buttons:
BUTTON 1 - BUTTON 2 - BUTTON 3
Content: Button 1
Content: Button 2
Content: Button 3
Jetzt geht es darum den Inhalt zum jeweiligen Button anzuzeigen, wenn man auf diesen darauf klickt. Beim Klick auf einen anderen Button sollte sich der zuvor geöffnete Inhalt wieder schließen und des neue Inhalt angezeit werden, was er bisher aber nicht tut.
Code: | <script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>
<a href="#" onclick="anzeigen('1')">BUTTON 1</a>
<a href="#" onclick="anzeigen('2')">BUTTON 2</a>
<a href="#" onclick="anzeigen('3')">BUTTON 3</a>
<div id="1" style="display: none;"> Inhalt 1.... </div>
<div id="2" style="display: none;"> Inhalt 2.... </div>
<div id="3" style="display: none;"> Inhalt 3.... </div> |
Kann da jemand weiterhelfen???
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mi 28.05.2008 15:21
Titel
|
|
|
Hey ....
ich bin zwar selbst nicht so besonders fit in JS ... aber so rein logisch ..
du könntest doch einfach in deiner Funktion erstmal oben generell alle auf display: none setzen ... und dann den der gezeigt werden soll auf sichtbar ....
sollte doch gehen
Gruß
EDIT:
Habs mal schnell zusammen gekloppt ... ^^
Code: |
<script type="text/javascript">
function anzeigen(id){
document.getElementById('1').style.display = 'none';
document.getElementById('2').style.display = 'none';
document.getElementById('3').style.display = 'none';
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display='block';
} else {
document.getElementById(id).style.display='none';
}
}
</script>
<a href="#" onclick="anzeigen('1')">BUTTON 1</a>
<a href="#" onclick="anzeigen('2')">BUTTON 2</a>
<a href="#" onclick="anzeigen('3')">BUTTON 3</a>
<div id="1" style="display: none;"> Inhalt 1.... </div>
<div id="2" style="display: none;"> Inhalt 2.... </div>
<div id="3" style="display: none;"> Inhalt 3.... </div>
|
Funktioniert bei mir einwandfrei
Zuletzt bearbeitet von Snifferdog am Mi 28.05.2008 15:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 28.05.2008 21:27
Titel
|
|
|
Ansonsten, Suche: "javascript toggle", da findest du sicher einige Beispiele.
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Fr 30.05.2008 13:00
Titel
|
|
|
Ist es nicht immer wieder schön zu erfahren ob mann dem Themenersteller helfen konnte ... ^^
|
|
|
|
|
|
|
|
Ähnliche Themen |
{mini cms}total easy
Farben total verändert
total commander functions
php/js/mySQL/SPD/CDU chat verzweifelt gesucht
kontaktformular - hilfe verzweifelt gesucht
Textlauf in Browsern total unterschiedlich
|
|