Ankündigung

Einklappen
Keine Ankündigung bisher.

Downloadbutton mit AGB-bestätigung (Checkbox)

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Downloadbutton mit AGB-bestätigung (Checkbox)

    Hallo an alle,

    ich habe leider nichts der gleichen gefunden in der Suche, mein Problem ist das ich einen simplen Downloadbutton kreieren möchte der erst erscheint (vorher grau mattiert nicht klick bar ) wenn man bei der Checkbox die AGB bestätigt.

    Ich denke es ist recht einfach jedoch finde ich den richtigen weg gerade nicht

    ich habe einen Code der dafür, glaub ich geeignet ist, jedoch muss ich diesen etwas umbauen und weiß nicht wie:

    <form name="agb">
    <input type="checkbox" name="agb_check" onClick="check(this, document.agb.senden)"> Hiermit bestätige ich die bereitgestellten Preislisten nicht an Dritte weiterzugeben.
    <br><br>
    <input type="submit" name="senden" value="Stand: Dezember 2013" disabled>
    </form>

    dazu ein kleines JS:

    <script language="JavaScript">
    <!--
    function check(checkbox, senden) {
    if(checkbox.checked==true){
    senden.disabled = false;
    }
    else {
    senden.disabled = true;
    }
    }
    //-->
    </script>

    Könnt ihr mir sagen wie der Code lautet damit ich das realisieren kann?

    Gruß

    Sascha

  • #2
    Zitat von dersauer Beitrag anzeigen
    ich habe einen Code der dafür, glaub ich geeignet ist, jedoch muss ich diesen etwas umbauen und weiß nicht wie:
    naja das ist ja schon was.
    das hier?
    http://wiki.selfhtml.org/wiki/CSS/Se...abled,_checked
    oder einfach ein transparent graues div drüber legen?
    oder einfach serverseitig testen ob dser buitton geklickt ist, bei der anfrage des downloads. serverseitig rules.
    und bitte nimm code tags das nächste mal.

    Kommentar


    • #3
      Hallo Sascha,

      hierist ein kleines Script, dass die Aufgabe erfüllen sollte.
      Wie oben bereits erwähnt würde ich Serverseitig dennoch eine Prüfung durchführen.


      glg Ghost
      but we are hackers and hackers have black terminals with green font colors

      Kommentar


      • #4
        deine inputs müssen geschlossen werden, br wohl auch. jedenfalls sagt mir das das syntax highlighting. klicken kann ich übrigens trotzdem nicht.
        Code:
         .attr("disabled", false)
        fehlt mir.

        Kommentar


        • #5
          Sorry, ich habe die letzte Version nicht gespeichert.
          Hab ich gerade nachgeholt
          but we are hackers and hackers have black terminals with green font colors

          Kommentar


          • #6
            Nur mal so als Variante auf die Schnelle hingeklöppelt, sind ja eh auf der grünen Wiese:
            Code:
            <!DOCTYPE html>
            <html>
            <head>
            <title>HTML5 Test</title>
            <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
            <script type="text/javascript">
            
            $( document ).ready( function() {
            
              var _button = $( 'input[name="submitted"]' );
              var _checkbox = $( 'input[name="checkbox"]' );
              
              _button.attr( 'disabled', 'disabled' );
              
              _checkbox.change( function() {
                
                _enabled = ( $( this ).attr('data-enabled') == 'no' )? 'yes': 'no';
                $( this ).attr( 'data-enabled', _enabled );
            
                _button.attr( 'disabled', (_enabled == 'no')? 'disabled': false );
                
                return false;
            
              });
            
            });
            
            </script>
            </head>
            
            
            <body>
            
            <form name="html5test" action="" method="post">
              <input type="checkbox" name="checkbox" data-enabled="no" />
              <input type="submit" name="submitted" value=" jetzt kanns losgehen " />
            </form>
            
            </body>
            </html>
            Competence-Center -> Enjoy the Informatrix
            PHProcks!Einsteiger freundliche TutorialsPreComposed Packages

            Kommentar


            • #7
              EDIT zu #6
              Ich seh gerade die Variante von ghost-dergrosse ist besser. Hatte ich mir eben gar nicht angesehen.
              Competence-Center -> Enjoy the Informatrix
              PHProcks!Einsteiger freundliche TutorialsPreComposed Packages

              Kommentar


              • #8
                Zitat von ghost-dergrosse Beitrag anzeigen
                Sorry, ich habe die letzte Version nicht gespeichert.
                Hab ich gerade nachgeholt
                wieder was gelernt, prop: wobei das wohl nur beim lesen der entscheidende unterschied ist.
                bei deinem letzten input brauchts am ende nen leerzeichen, zumindest bei xml.

                Kommentar

                Lädt...
                X