mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:53 Benutzername: Passwort: Auto-Login

Thema: DIV ein und ausblenden TOTAL VERZWEIFELT! vom 28.05.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> DIV ein und ausblenden TOTAL VERZWEIFELT!
Autor Nachricht
a-flow
Threadersteller

Dabei seit: 28.05.2008
Ort: Hessen
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.05.2008 14:24
Titel

DIV ein und ausblenden TOTAL VERZWEIFELT!

Antworten mit Zitat Zum Seitenanfang

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!!!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Psilo

Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht: Männlich
Verfasst Mi 28.05.2008 14:34
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
a-flow
Threadersteller

Dabei seit: 28.05.2008
Ort: Hessen
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.05.2008 14:48
Titel

Antworten mit Zitat Zum Seitenanfang

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???
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
a-flow
Threadersteller

Dabei seit: 28.05.2008
Ort: Hessen
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.05.2008 15:11
Titel

Antworten mit Zitat Zum Seitenanfang

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???
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst Mi 28.05.2008 15:21
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

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 Lächel


Zuletzt bearbeitet von Snifferdog am Mi 28.05.2008 15:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.05.2008 21:27
Titel

Antworten mit Zitat Zum Seitenanfang

Ansonsten, Suche: "javascript toggle", da findest du sicher einige Beispiele.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst Fr 30.05.2008 13:00
Titel

Antworten mit Zitat Zum Seitenanfang

Ist es nicht immer wieder schön zu erfahren ob mann dem Themenersteller helfen konnte ... ^^
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.