JavaScript-Kalender löst <form> aus

Commu · 03.07.2010, 09:44

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

nikosch · 03.07.2010, 12:24

Zitat:

der Klick löst gleich zeitig auch die Formularanfrage aus.

Aus dem Code ist nicht ersichtlich, warum der Button das tun sollte.

Commu · 03.07.2010, 13:01

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

nikosch · 03.07.2010, 13:05

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

Destruction · 03.07.2010, 14:30

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>

nikosch · 03.07.2010, 14:41

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

Destruction · 03.07.2010, 14:57

Zitat:

Zitat von nikosch

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

nikosch · 03.07.2010, 15:03

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

Commu · 03.07.2010, 16:01

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" >

nikosch · 03.07.2010, 16:25

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

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Belegungsplan mit Kalender	bierfest	Scriptbörse	7	23.01.2012 19:29
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
Problem mit GB Smily javascript / <form>	lordcyphon	JavaScript, Ajax und mehr	4	10.11.2009 15:40
[Erledigt] Ersatz für Javascript	Mort1ferus	JavaScript, Ajax und mehr	6	12.10.2009 09:35
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
[Erledigt] Popup mit Kalender variable gestalten	Wortak	JavaScript, Ajax und mehr	0	10.05.2009 12:43
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Kalender ohne Neuladen der Seite PHP, Javascript, Ajax	Earl3000	JavaScript, Ajax und mehr	16	11.12.2008 22:07
Php Formular prüfen mit Javascript ohne <form>	0uhr15	PHP Tipps 2008	13	16.06.2008 11:26
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30

03.07.2010, 09:44
Commu Benutzer Registriert seit: 06.12.2007 Beiträge: 31	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">  </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


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.07.2010, 13:01
Commu Benutzer Registriert seit: 06.12.2007 Beiträge: 31	Der Button zeigt mir einen Kalendar an, der dann das ausgewählte Datum in das Formularfeld übergibt.

03.07.2010, 13:05
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja, das hast Du schon geschrieben. Ich rede vom Submit. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

03.07.2010, 14:30
Destruction Erfahrener Benutzer Registriert seit: 05.02.2009 Beiträge: 1.401 PHP-Kenntnisse: Fortgeschritten	Code: <button id="f_btn1">  </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]

03.07.2010, 14:41
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Und nu? Habe ich oben schon gesehen. Ein <button> alleine erzeugt keinen Submit. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

03.07.2010, 15:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ach so, ja, das kann sein. Ein kurzer Text wäre nächstes mal vielleicht sinnvoller. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

03.07.2010, 16:01
Commu Benutzer Registriert seit: 06.12.2007 Beiträge: 31	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" >`

03.07.2010, 16:25
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Dann hast Du irgendwo ein Javascript, das diese Funktionalität ergänzt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --