Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Divs wechseln

  1. #1
    Unregistriert
    Gast

    Standard Divs wechseln

    Hallo zusammen,

    Könnt iht mir helfen? und zwar möchte ich per Link ein div ausblenden und dafür ein anderes einblenden lassen. an der selben stelle...Wie könnte ich das anstellen?

    Danke schonmal im Vorraus!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Divs wechseln

    JavaScript ist dein Freund. Siehe z.B. http://www.cssnewbie.com/showhide-co...ss-javascript/

  3. #3
    Samurai Avatar von Bleistift
    Registriert seit
    20.03.2012
    Alter
    21
    Beiträge
    235
    Danke
    0
    Bekam 4 mal "Danke" in 4 Postings

    Standard AW: Divs wechseln

    #Bandit war schneller


  4. #4
    Unregistriert
    Gast

    Standard AW: Divs wechseln

    Aber das ist nicht genau das, was ich suche... Das zweite div soll genau an der selben stelle angezeigt werden, wie das erste! Und das erste soll verschwinden und das ganze sollte auch mit mehr als nur mit 2 divs funktionieren!!??

  5. #5
    Bandit
    Gast

    Standard AW: Divs wechseln

    Das kannst du alles mit der Funktion machen! Verstehe dein Problem deshalb nicht.

  6. #6
    Unregistriert
    Gast

    Standard AW: Divs wechseln

    <html>
    <head>
    <title></title>
    <meta name="author" content="User">
    <meta name="editor" content="html-editor phase 5">
    <style type="text/css">
    .content1 {
    width: 200px;
    height: 200px
    position: absolute;
    left: 20px; top: 20px;
    border: 1px solid green; }

    .content2 {
    display: none;
    width: 200px;
    height: 200px
    position: absolute;
    left: 20px; top: 20px;
    background-color: black; }

    </style>
    <script type="text/javascript">
    function showHide(shID) {
    if (document.getElementById(shID)) {
    if (document.getElementById(shID+'-show').style.display != 'none') {
    document.getElementById(shID+'-show').style.display = 'none';
    document.getElementById(shID).style.display = 'block';
    }
    else {
    document.getElementById(shID+'-show').style.display = 'inline';
    document.getElementById(shID).style.display = 'none';
    }
    }
    }
    </script>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <div id="example" class="content1"><p>...This is all visible content... </div>
    <a href="#" class="links"
    onclick="showHide('example');">Links.</a>
    </p>
    <div id="example" class="content2">
    <p>...This content is hidden by default...</p>
    </div>
    <p><a href="#" class="rechts"
    onclick="showHide('example');">Rechts</a></p>
    </body>
    </html>

    Ich bin halt nicht so der java experte...Könnt ihr mir nicht dabei helfen? Wie bekommen ich das denn jetzt hin, dass mit Klick auf Links das andere div (content2) angezeigt wird?

  7. #7
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Divs wechseln

    Als erstes solltest Du dem Quellcode auch noch einen Doctype geben. Die ID "example" ist zudem doppelt vergeben - so kann kein JavaScript auf irgendein Element mit dieser ID zugreifen. Somit kann das was Du vor hast auch nicht funktionieren.

    Also: korrigiere den HTML-Code.

    Und du musst kein Java-Experte dafür sein. Das was Du suchst ist JavaScript - Himmelweiter Unterschied.

    Und wenn Du Quellcode hier postest wäre es gut, wenn Du Code-Tags verwendest. Dann ist er deutlich lesbarer.

  8. #8
    Unregistriert
    Gast

    Standard AW: Divs wechseln

    Sorry, aber wie das mit den code-tags funktioniert habe ich nicht gescheckt!

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title></title>
    <meta name="author" content="User">
    <meta name="editor" content="html-editor phase 5">
    <style type="text/css">
    .content1 {
    width: 200px;
    height: 200px
    position: absolute;
    left: 20px; top: 20px;
    border: 1px solid green; }

    .content2 {
    display: none;
    width: 200px;
    height: 200px
    position: absolute;
    left: 20px; top: 20px;
    background-color: black; }

    </style>
    <script type="text/javascript">
    function showHide(shID) {
    if (document.getElementById(shID)) {
    if (document.getElementById(shID+'-show').style.display != 'none') {
    document.getElementById(shID+'-show').style.display = 'none';
    document.getElementById(shID).style.display = 'block';
    }
    else {
    document.getElementById(shID+'-show').style.display = 'inline';
    document.getElementById(shID).style.display = 'none';
    }
    }
    }
    </script>
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <div id="erster" class="content1"><p>...This is all visible content... </div>
    <a href="#" class="links"
    onclick="showHide('example');">Links.</a>
    </p>
    <div id="zweiter" class="content2">
    <p>...This content is hidden by default...</p>
    </div>
    <p><a href="#" class="rechts"
    onclick="showHide('example');">Rechts</a></p>
    </body>
    </html>

  9. #9
    Bandit
    Gast

    Standard AW: Divs wechseln

    Also, ich behaupte mal, Copy/Paste kannst du, aber mal den Quellcode richtig durchzulesen und zu verstehen, kannst du nicht. Selbst wenn man kein Fachmann bzgl. JavaScript ist (bin ich auch nicht), so kann man doch aus dem Beispiel relativ gut erkennen, dass es dort ID's gibt, mit denen gearbeitet wird. und wenn man die ID's im HTML-Code ändert, muss man natürlich auch darauf achten, dass diese im JavaScript-Teil auch gefunden werden können. Auf SelfHTML kannst du mal nachsehen, was getElementById macht, vielleicht verstehst du dann, was ich meine.

  10. #10
    Unregistriert
    Gast

    Standard AW: Divs wechseln

    Also..Div ein/ausblenden is eig kein problem! aber wie bekomme ich es jetzt hin, dass das eine div verschwindet und GLEICHZEITIG das andere eingeblendet wird?

Ähnliche Themen

  1. Audiausgänge wechseln
    Von Pat_92525 im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 27.04.2008, 22:00
  2. Wechseln mehrer divs bei Link
    Von firefigther im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 23.11.2007, 16:23
  3. Button's mit css wechseln ?
    Von malawi im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 04.02.2007, 13:41
  4. Sprache wechseln
    Von d.hahn im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 07.11.2006, 18:05
  5. Umlaute per php wechseln
    Von blub` im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 15.09.2005, 23:13

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •