JavaScript-Kalender löst <form> aus

Commu

Dabei seit: 06.12.2007

Beiträge: 77
#1

JavaScript-Kalender löst <form> aus

03.07.2010, 08: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">  </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: -
nikosch

Dabei seit: 21.05.2008

Beiträge: 46002
#2

03.07.2010, 11:24

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
Commu

Dabei seit: 06.12.2007

Beiträge: 77
#3

03.07.2010, 12:01

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

Dabei seit: 21.05.2008

Beiträge: 46002
#4

03.07.2010, 12:05

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

Destruction

Dabei seit: 05.02.2009
Beiträge: 1604

03.07.2010, 13: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>

"Dummheit redet viel..Klugheit denkt und schweigt.." [Amgervinus]

Kommentar

nikosch

Dabei seit: 21.05.2008

Beiträge: 46002
#6

03.07.2010, 13:41

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
Destruction

Dabei seit: 05.02.2009

Beiträge: 1604
#7

03.07.2010, 13:57

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
nikosch

Dabei seit: 21.05.2008

Beiträge: 46002
#8

03.07.2010, 14:03

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
Commu

Dabei seit: 06.12.2007

Beiträge: 77
#9

03.07.2010, 15: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" >
Kommentar
nikosch

Dabei seit: 21.05.2008

Beiträge: 46002
#10

03.07.2010, 15:25

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

Commu

Dabei seit: 06.12.2007
Beiträge: 77

#11

03.07.2010, 15:56

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

nikosch

Dabei seit: 21.05.2008

Beiträge: 46002
#12

03.07.2010, 17:02

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
ChrisB

Dabei seit: 28.03.2010

Beiträge: 7468
#13

03.07.2010, 18:48

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
Commu

Dabei seit: 06.12.2007

Beiträge: 77
#14

04.07.2010, 10:11

Onlinebespiel

Beispiel
Kommentar
nikosch

Dabei seit: 21.05.2008

Beiträge: 46002
#15

04.07.2010, 13:40

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

Ankündigung

JavaScript-Kalender löst <form> aus

Neue Werbung 2019

JavaScript-Kalender löst <form> aus

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar