Ankündigung

Einklappen
Keine Ankündigung bisher.

JavaScript-Kalender löst <form> aus

Einklappen

Neue Werbung 2019

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

  • JavaScript-Kalender löst <form> aus

    Hallo an die Gemeinde

    ich habe ein JavaScript das bei einem Button oder Link einen kleinen Kalendar anzeigt.

    ich für Testzwecke den Link und den Button auf die Seite eingebaut

    Code:
    <button id="f_btn1">&nbsp;&nbsp;</button><br /> 
    <a id="f_btn1" href=""><img style="margin:-5px;" border="0" src="img/b_calendar.png" width="16" height="16"></a>
    beim anklicken wird folgender Code ausgeführt.

    Code:
        <script type="text/javascript">//<![CDATA[
          var cal = Calendar.setup({
              onSelect: function(cal) { cal.hide() },
              showTime: true
          });
          cal.manageFields("f_btn1", "plan_von", "%Y-%m-%d");
        //]]></script>
    nun zu meiner Frage

    Der Kalender erscheint nach dem Klick auf dem Button oder auf dem Link, der Klick löst gleich zeitig auch die Formularanfrage aus.
    wie kann ich den Kalendar aufrufen ohne das komplette Formular auszuführen, in dem Formuar gibt es noch mehr Felder die ausgefüllt werden können.

    Danke für eure Hilfe
    Gruß Jörg

  • #2
    der Klick löst gleich zeitig auch die Formularanfrage aus.
    Aus dem Code ist nicht ersichtlich, warum der Button das tun sollte.
    [COLOR="#F5F5FF"]--[/COLOR]
    [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
    „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
    [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
    [COLOR="#F5F5FF"]
    --[/COLOR]

    Kommentar


    • #3
      Der Button zeigt mir einen Kalendar an, der dann das ausgewählte Datum in das Formularfeld übergibt.

      Kommentar


      • #4
        Ja, das hast Du schon geschrieben. Ich rede vom Submit.
        [COLOR="#F5F5FF"]--[/COLOR]
        [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
        „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
        [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
        [COLOR="#F5F5FF"]
        --[/COLOR]

        Kommentar


        • #5
          Code:
          <button id="f_btn1">&nbsp;&nbsp;</button><br /> 
          <a id="f_btn1" href="javascript:void(0);"><img style="margin:-5px;" border="0" src="img/b_calendar.png" width="16" height="16"></a>
          "Dummheit redet viel..Klugheit denkt und schweigt.." [Amgervinus]

          Kommentar


          • #6
            Und nu? Habe ich oben schon gesehen. Ein <button> alleine erzeugt keinen Submit.
            [COLOR="#F5F5FF"]--[/COLOR]
            [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
            „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
            [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
            [COLOR="#F5F5FF"]
            --[/COLOR]

            Kommentar


            • #7
              Zitat von nikosch Beitrag anzeigen
              Und nu? Habe ich oben schon gesehen. Ein <button> alleine erzeugt keinen Submit.
              Ich weiß, ich denke nur, dass das Formular gar nicht bestätigt wird, sondern die Seite einfach nur neugeladen wir weil bei seinem href="" steht und wie du oben sehen kannst habe ich javascript:void(0) reingehauen.

              Das wäre das einzige was mir bei dem Code oben auffallen würde.

              cu
              Grüße
              Destruction
              "Dummheit redet viel..Klugheit denkt und schweigt.." [Amgervinus]

              Kommentar


              • #8
                Ach so, ja, das kann sein. Ein kurzer Text wäre nächstes mal vielleicht sinnvoller.
                [COLOR="#F5F5FF"]--[/COLOR]
                [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
                „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
                [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
                [COLOR="#F5F5FF"]
                --[/COLOR]

                Kommentar


                • #9
                  Ich habe den effect auch wenn der Button alleine steht.

                  die seite wird permant neu geladen sobald man auf HREF oder Button klickt.

                  PHP-Code:
                  <form method="POST" action="index.php?page_id=3" 

                  Kommentar


                  • #10
                    Dann hast Du irgendwo ein Javascript, das diese Funktionalität ergänzt.
                    [COLOR="#F5F5FF"]--[/COLOR]
                    [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
                    „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
                    [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
                    [COLOR="#F5F5FF"]
                    --[/COLOR]

                    Kommentar


                    • #11
                      im header steht:

                      Code:
                      <head>
                          <script src="jscal2.js"></script>
                          <script src="en.js"></script>
                          <link rel="stylesheet" type="text/css" href="jscal2.css" />
                          <link rel="stylesheet" type="text/css" href="border-radius.css" />
                          <link rel="stylesheet" type="text/css" href="steel.css" />
                        </head>
                      mit den beiden js-scripten wird die Kalender-funktion erstellt.
                      die css-scripte sind für den steel verantwortlich

                      Kommentar


                      • #12
                        Also ehrlich, Commo, mit diesen Infos kann man gar nichts sagen.
                        [COLOR="#F5F5FF"]--[/COLOR]
                        [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
                        „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
                        [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
                        [COLOR="#F5F5FF"]
                        --[/COLOR]

                        Kommentar


                        • #13
                          Online-Beispiel bitte - bevor wir dir hier alle relevanten Infos selber aus der Nase ziehen müssen.
                          [SIZE="1"]RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?[/SIZE]

                          Kommentar


                          • #14
                            Onlinebespiel

                            Beispiel

                            Kommentar


                            • #15
                              Ja. Da steht immer noch href="".
                              [COLOR="#F5F5FF"]--[/COLOR]
                              [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
                              „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
                              [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
                              [COLOR="#F5F5FF"]
                              --[/COLOR]

                              Kommentar

                              Lädt...
                              X