Ergebnis 1 bis 9 von 9
  1. #1
    oliwol ist offline Eroberer
    registriert
    22-04-2006
    Beiträge
    54

    Box bei Klick auf Seite schliessen

    Hallo,

    durch Klick auf eine Bild:

    Code:
    <img src="test.gif" width="24" height="24" onclick="open_colorbox();" />
    ...wird ein Funktion aufgerufen:

    Code:
    function open_colorbox() {
    var doc = document.getElementById('color_box');
    doc.style.display=doc.angezeigt?'none':'block';
    doc.angezeigt=!doc.angezeigt;
    }
    Problem: Ich kann die Box nur schliessen wenn ich wieder auf das Bild klicke. Wie kann ich diese schliessen, bei klick auf irgendeinen Bereich?

    Gruß Oli

  2. #2
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: Box bei Klick auf Seite schliessen

    Code:
    <body onclick="document.getElementById('color_box').style.display='none'" ...

  3. #3
    oliwol ist offline Eroberer
    registriert
    22-04-2006
    Beiträge
    54

    AW: Box bei Klick auf Seite schliessen

    Hallo,

    danke erstmal, aber der body-tag unterstützt doch nicht den event onclick?

    Gruß Oli

  4. #4
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: Box bei Klick auf Seite schliessen

    Zitat Zitat von oliwol Beitrag anzeigen
    aber der body-tag unterstützt doch nicht den event onclick?
    Doch, tut es.

  5. #5
    oliwol ist offline Eroberer
    registriert
    22-04-2006
    Beiträge
    54

    AW: Box bei Klick auf Seite schliessen

    Hallo,

    wenn ich das in den Body Tag einfüge, funkioniert die Funktion open_colorbox(); nicht mehr??

    Gruß Oli

  6. #6
    oliwol ist offline Eroberer
    registriert
    22-04-2006
    Beiträge
    54

    AW: Box bei Klick auf Seite schliessen

    Hallo,

    habe jetzt noch eine Weile gesucht und selbst ausprobiert.
    Leider ohne erfolg

    Wenn mna nun auf den body-Tag ein onclick setzt dann zählt das ja für alle Tags. Sprich auch für das Bild, dass die Box öffnet. Kann man jetzt auch eine Funktion für eine ID ausschliessen?

    Oder hat sonst noch einer eine Idee, wie man die Box bei wahllosem klick auf die HP wieder schliessen kann?

    Gruß Oli

  7. #7
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: Box bei Klick auf Seite schliessen

    Code:
    <img id="switch" src="test.gif" width="24" height="24" />
    <script type="text/javascript">
    document.getElementById('switch').onclick = function(e) {
        var box = document.getElementById('color_box');
        box.style.display = box.style.display != 'none' ? 'none' : 'block';
        if (e) e.stopPropagation();
        else event.cancelBubble = true;
    };
    </script>

  8. #8
    oliwol ist offline Eroberer
    registriert
    22-04-2006
    Beiträge
    54

    AW: Box bei Klick auf Seite schliessen

    Hallo,

    erstmal Danke für deine Hilfe und Mühe

    leider bekomm ich mit dem Code kein neues Ergebnis. Sprich es öffnet sich jeweils nur die Box oder schliesst sich bei Klick auf das Bild. Ich habe dein Code mit der Funktion open_colorbox ersetzt und dem Bild die ID gegeben.

    Gruß Oli

  9. #9
    oliwol ist offline Eroberer
    registriert
    22-04-2006
    Beiträge
    54

    AW: Box bei Klick auf Seite schliessen

    Hallo mochmal

    jetzt bin ich endlich glücklich!

    Mein Fehler war, dass ich aus dem Body-Tag den eventHandler onclick rausgenommen hatte. Der muss aber stehen bleiben für diejenigen, die das auch mal vor haben.

    Sprich folgender Code:

    Code:
    <body onclick="document.getElementById('color_box').style.display='none'";>
    und..

    Code:
    <img id="switch" src="bild.gif" width="24" height="24" alt="Text wird farbig dargestellt" />
    <script type="text/javascript">
    document.getElementById('switch').onclick = function(e) {
    var box = document.getElementById('color_box');
    box.style.display = box.style.display != 'block' ? 'block' : 'none';
    if (e) e.stopPropagation();
    else event.cancelBubble = true;
    };
    </script>
    Also nochmal vielen dank.

    Grüße Oli

Ähnliche Themen

  1. Variablenwert auf ander Seite übertragen
    Von Sascha82 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 16-05-2006, 16:10
  2. Antworten: 7
    Letzter Beitrag: 20-12-2005, 13:05
  3. [PHP] "mehrseitiges" Formular auf einer Seite - Problem mit $_SESSION
    Von jump.blueberry im Forum Serverseitige Programmierung
    Antworten: 1
    Letzter Beitrag: 22-07-2005, 13:24
  4. Text auf einer HTM Seite einbelnden
    Von GeorgioMi im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 14-09-2004, 22:19
  5. Bilder auf server automatisch in seite einbinden
    Von Mr.Mo im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 28-03-2004, 00:38

Lesezeichen

Berechtigungen

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