Ergebnis 1 bis 12 von 12

Thema: onclick event

  1. #1
    Uddy ist offline Grünschnabel
    registriert
    25-02-2010
    Beiträge
    4

    onclick event

    Hallo jsler,

    Meine Frage ist einfach und desshalb präzise:

    Ich will beim Klicken auf einen Text ein Formular anzeigen/verstecken.
    Mein Code funktioniert soweit noch nicht. Hier der Aufruf und der Javascript code. Beide befinden sich in der selben Datei.

    Aufruf:
    Code:
    echo<<<Polls
    <small><a onclick="javascript:ShowPoll();">Umfragen anzeigen/ausblenden</a></small><br>
    
    <form id="polling">
    <div class="poll">
    <table border="1" style="width: 100%;"><tr><td><small>Umfrage:</small><br><strong>$__poll_name</strong></td>
    <td>$__poll_options</td></tr></table>
    </div>
    </form>
    
    Polls;
    Javascript:
    Code:
    <script type="text/javascript"> 
    
    function ShowPoll()
    {
    var show = false;
      if(!show){
        document.getElementById('polling').style.display='block';
        show=true;
      }else{
        document.getElementById('polling').style.display='none';
        show=false;
      }
    }
    
    </script>
    Edit:

    Beim Laden der Seite ist das Formular über css: "display: none;" versteckt.
    Geändert von Uddy (25-02-2010 um 19:25 Uhr)

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: onclick event

    Dein show ist eine lokale Variable und wird deswegen bei jedem Aufruf der Funktion auch wieder neu mit false belegt (ist ja auch irgendwie logisch, da die Zuweisung innerhalb des Funktionsrumpfes steht).
    Entweder du überprüfst direkt, ob das Element angezeigt wird (ELEMENT.style.display == "none") oder du arbeitest mit einer globalen Variablen.

  3. #3
    Uddy ist offline Grünschnabel
    registriert
    25-02-2010
    Beiträge
    4

    AW: onclick event

    Ich habe es jetzt mit folgender Funktion versucht:

    Code:
    <script type="text/javascript"> 
    
    function ShowPoll()
    {
      if(document.getElementById('polling').style.display=='')
      {
        document.getElementById('polling').style.display='block';
      }else{
        document.getElementById('polling').style.display='';
      }
    }
    
    </script>
    Edit:

    Leider funktioniert es damit immer noch nicht.

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: onclick event

    Der default ist "block" - du musst auf "none" stellen, wenn nichts drin steht.

  5. #5
    Uddy ist offline Grünschnabel
    registriert
    25-02-2010
    Beiträge
    4

    AW: onclick event

    Danke schonmal für den Tip, nur das hat mein Problem leider nicht gelößt.

    Hier ein ausschnitt meiner CSS Datei nach deinem Tip:

    Code:
        div.poll
        {
          background-color: #242424;
          text-align: middle;
          display: none;
        }
    Damit ist der neue Defaultwert des Formulars display: none;
    Natürlich habe ich auch die Funktion statt '' auf 'none' gestellt.

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: onclick event

    Dann ist klar, dass das nicht gehen kann - du hast mit CSS das Div versteckt, aber mit JS lässt du das form anzeigen - das Div ist dann natürlich immer noch versteckt.

  7. #7
    Uddy ist offline Grünschnabel
    registriert
    25-02-2010
    Beiträge
    4

    AW: onclick event

    danke, dies hat meine Frage beantwortet. Einfach aber musste mal geklährt werden

  8. #8
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: onclick event

    Jo - bitte.

  9. #9
    hamillton07 ist offline Grünschnabel
    registriert
    08-03-2010
    Beiträge
    2

    AW: onclick event

    Hi , Ich habe ein Problem:-( habe gegoogelt aber leider nicht schlauer geworden.
    Mein Problem ich habe zwie links mit versteckten Texte wenn ich auf einem Link glicke soll sein Text angezeigt werden und der Text der anderen Link soll versteckt werden. Mein Code:
    <a href="test_index.html" onclick="showHideLayer('meinLayer');return(false);" >Anzeigen1</a>
    <a href="test_index.html" onclick="showHideLayer('meinLayer2');return(false);" >Anzeigen2</a>


    <div id="meinLayer" style="display:none;">
    Mein verstecktes Layer 1

    </div>
    <div id="meinLayer2" style="display:none;">
    Mein verstecktes Layer 2

    </div>
    function showHideLayer1(id){
    if(document.getElementById('meinLayer1')){
    document.getElementById('meinLayer1').style.display = "block";
    document.getElementById('meinLayer2').style.display = "none";

    } else if(document.getElementById('meinLayer2'){
    document.getElementById('meinLayer'2).style.display = "block";
    document.getElementById('meinLayer1').style.display = "none";
    }
    else{
    document.getElementById('meinLaye1').style.display = "none";
    document.getElementById('meinLayer2').style.display = "none";
    }

    }
    Es funktioniert leider nicht. Kann mir jemand bitte helfen? Danke

  10. #10
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

  11. #11
    hamillton07 ist offline Grünschnabel
    registriert
    08-03-2010
    Beiträge
    2

    AW: onclick event

    Es gibt keine Fehlermeldung in der Fehlerkonsole.

  12. #12
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: onclick event

    Sicher? Ich sehe schon mindestens 3 Fehler (oder der Code oben ist nicht der mit dem du testest -> Testlink).
    Und "funktioniert nicht" ist keine Fehlerbeschreibung.

    PS: Und du übergibst deiner Funktion einen Parameter den du dann überhaupt nicht verwendest.

Ähnliche Themen

  1. onclick event verhindern
    Von MeisterGlanz im Forum JavaScript
    Antworten: 16
    Letzter Beitrag: 23-03-2011, 20:36
  2. Antworten: 7
    Letzter Beitrag: 05-02-2010, 22:31
  3. OnClick Event aufheben bei OnMouseMove
    Von silent321 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 21-06-2009, 16:07
  4. Antworten: 6
    Letzter Beitrag: 13-05-2008, 16:54
  5. onClick event aus 2.Fenster setzen
    Von Thommy714 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 13-10-2006, 19:33

Stichworte

Lesezeichen

Berechtigungen

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