Ankündigung

Einklappen
Keine Ankündigung bisher.

JavaScript-Kalender löst <form> aus

Einklappen

Neue Werbung 2019

Einklappen
X
Einklappen
  • Seite von 2
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige 1 2 Weiter
  • Commu
    hat ein Thema erstellt JavaScript-Kalender löst <form> aus.

    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
    Stichworte: -
  • Commu
    antwortet
    gelöst

    vielen dank

    der type="button" war des Rätsels Lösung

    Gruß jörg

    Einen Kommentar schreiben:

  • ChrisB
    antwortet
    Also das sowas
    Code:
    <a href="" id="f_btn2">...</a>
    die Seite neu lädt, ist schon mal klar - der Link hat ein href-Attribut, dessen leerer Inhalt wird zur aktuellen Adresse aufgelöst - und bei Klick wird dann die verlinkte Seite aufgerufen.

    Code:
    <button id="f_btn2">&nbsp;&nbsp;</button>
    Der Button schickt natürlich das Formular ab - ein type-Attribut hast du nicht angegeben, also wird der Defaultwert "submit" angenommen.

    Einen Kommentar schreiben:

  • nikosch
    antwortet
    Ja. Da steht immer noch href="".

    Einen Kommentar schreiben:

  • Commu
    antwortet
    Onlinebespiel

    Beispiel

    Einen Kommentar schreiben:

  • ChrisB
    antwortet
    Online-Beispiel bitte - bevor wir dir hier alle relevanten Infos selber aus der Nase ziehen müssen.

    Einen Kommentar schreiben:

  • nikosch
    antwortet
    Also ehrlich, Commo, mit diesen Infos kann man gar nichts sagen.

    Einen Kommentar schreiben:

  • Commu
    antwortet
    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

    Einen Kommentar schreiben:

  • nikosch
    antwortet
    Dann hast Du irgendwo ein Javascript, das diese Funktionalität ergänzt.

    Einen Kommentar schreiben:

  • Commu
    antwortet
    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" > 

    Einen Kommentar schreiben:

  • nikosch
    antwortet
    Ach so, ja, das kann sein. Ein kurzer Text wäre nächstes mal vielleicht sinnvoller.

    Einen Kommentar schreiben:

  • Destruction
    antwortet
    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

    Einen Kommentar schreiben:

  • nikosch
    antwortet
    Und nu? Habe ich oben schon gesehen. Ein <button> alleine erzeugt keinen Submit.

    Einen Kommentar schreiben:

  • Destruction
    antwortet
    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>

    Einen Kommentar schreiben:

  • nikosch
    antwortet
    Ja, das hast Du schon geschrieben. Ich rede vom Submit.

    Einen Kommentar schreiben:

Vorherige 1 2 Weiter
Lädt...
X