ilch Forum » Allgemein » HTML, PHP, SQL,... » Aufklapp Javascript

Geschlossen
  1. #1
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Hey,

    ich habe eine aufklapp funktion die mir bei einen klick halt eine tabelle aufklappt.
    Dies funktioniert auch alles jedoch war dies ohne bild davon und ich hätte gern ein + bzw - gehabt.

    Nun hab ich also ein anderes javascript hinzugefügt die dies macht.
    Das funktioniert auch wenn man auf das Bild sprich der <img klickt aber nicht wenn man auf den link <a klickt

    Hätte gern das beides gehn würde was müsste ich also in der <a verlinkung einfügen das er es zu javascript übergibt?


    <script type="text/javascript">
    function swapArrow(bild){
      plus = new Image();
      plus.src = "include/images/icons/plus.gif";
      minus = new Image();
      minus.src = "include/images/icons/minus.gif";
      
      if(bild.src.indexOf('include/images/icons/plus.gif') == -1){
        bild.src = plus.src;
      }
      else{
        bild.src = minus.src;
      }
    }
    </script>
    
    <a href="javascript:toggle('spalte3')"><img name="BILD" id="BILD" src="include/images/icons/plus.gif" alt="" border="0" onClick="swapArrow(this)"> <b>Spalte3</b></a>
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    dein gepostetes Script gibt keinerlei Informationen aus. Es tauscht nur das Plus Zeichen gegen ein Minus und umgedreht aus. VOn daher kann dir keiner sagen was du ändern musst da ich nicht wieß was ausgegeben werden soll. Wie die Struktur ist und die FUnktion aufgebaut ist.
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Ach ich dachte dies würde reichen.

    Und ja da wird das plus mit den minus getauscht dies passiert jedoch nur wenn man auf den bild klickt nicht wenn man wie gesagt auf den link klickt.

    hier dann alles sry lächeln
    <script type="text/javascript">
    function toggle(control){
    	var elem = document.getElementById(control);
    	
    	if(elem.style.display == "none"){
    		elem.style.display = "block";
    	}else{
    		elem.style.display = "none";
    	}
    }
    
    function swapArrow(bild){
      plus = new Image();
      plus.src = "include/images/icons/plus.gif";
      minus = new Image();
      minus.src = "include/images/icons/minus.gif";
      
      if(bild.src.indexOf('include/images/icons/plus.gif') == -1){
        bild.src = plus.src;
      }
      else{
        bild.src = minus.src;
      }
    }
    </script>
    
    <a href="javascript:toggle('spalte3')"><img name="BILD" id="BILD" src="include/images/icons/plus.gif" alt="" border="0" onClick="swapArrow(this)"> <b>Spalte3</b></a>
    <br /><div id="spalte3" style="display: none">Ich bin aufgeklappt :)</div>



    Zuletzt modifiziert von Siggi am 29.04.2012 - 15:07:52
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    Okey, was ich nicht verstanden habe: möchtest du das das Plus und Minus sich ändert? Weil der Text auch ausgegeben werden müsste wenn du auf den Link klickst. Falls du einfach nur das plus und inus auch bei dem Link aktualisieren wilslt dann ersetzte folgende Zeile:
    <a href="javascript:toggle('spalte3')"><img name="BILD" id="BILD" src="include/images/icons/plus.gif" alt="" border="0" onClick="swapArrow(this)"> <b>Spalte3</b></a>


    durch

    <a href="javascript:toggle('spalte3')" onClick="swapArrow(document.getElementById("BILD"))"><img name="BILD" id="BILD" src="include/images/icons/plus.gif" alt="" border="0" onClick="swapArrow(this)"> <b>Spalte3</b></a>



    PS: ich hoffe du verwendest IDs nicht mehrfach den dann wird diese Lösung nicht funktionieren.
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    ah okay habs hab das onclick vom bild entfernt und nur auf den link gelegt und halt bild3,bild4 usw das passt schon so zwinker


    Zuletzt modifiziert von Siggi am 29.04.2012 - 16:43:59
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten