Datepicker im Kontaktformular

[tomathen]

Ok nettesekel, wenn du motiviert bist  , ich lade mal eine zweite Seite des in Arbeit befindenten Projektes hoch, da funktioniert der button wunderbar.

Das wäre der link wie du ihn hast, und anstatt von kontakt.php dann athenaufenthalt.html

Ich brauche da gar keine Energie verschwenden. Ich komme da nicht drauf. Das macht für mich keinen Sinn, weshalb es einmal geht und einmal nicht (also mit dem button). Und den Einfliuß auf den datepicker verstehe ich beim besten Willen schon gar nicht mehr. 

[nettesekel]

Der Button geht nicht weil das von NOF generierte Formularscript (im Body) in die Suppe spuckt. Picker und Button zusammen klappen nicht, weil sich die Scripts in die Quere kommen. Trotzdem geht beides zusammen. 

Link per PN, Erklärung kommt hier damit der alte Mann beim nächsten Mal eine Gedächtnisstütze findet... 

[tomathen]

Hm, muss ich schon wieder stolz auf dich sein! Das wird ja langsam zur Gewohnheit  . Ja das musst du nochmal erläutern wie du das gemacht hast (in Wort und Schrift) unbedingt!!!!!
Thanks nettesekel

[nettesekel]

Ich habe mal ein wenig zwischen deinen head-Tags geräumt...

Das ist das, was ich aktuell da noch drin habe.

Code: HTML5

1. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
2. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
3.  
4. <!-- Beginn SwissKnife SecureForm-->
5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
6. <script type="text/javascript" src="../javascript/secure_form.js"></script>
7. <!-- Ende SwissKnife SecureForm -->
8.  
9. <link rel="stylesheet" type="text/css" href="../assets/datepicker/datepicker.css">
10.  
11. <script type="text/javascript" language="javascript" src="./lytebox.js"></script>
12. <link rel="stylesheet" href="./lytebox.css" type="text/css" media="screen">
13.  
14. <script>
15.  
16.  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function()
17. {
18.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
19.  Date();a=s.createElement(o),
20.  
21.  
22.  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(
23. a,m)
24.  
25.  
26.  })(window,document,'script','//www.google-analytics.com/analytics.js','ga')
27. ;
28.  
29.   ga('create', 'UA-22941822-1', 'naxos-apartments.de');
30.   ga('send', 'pageview');
31.  
32. </script>
33.   <style type="text/css">
34.     #smoothup {
35.        height: 40px;
36.        width: 40px;
37.        position:fixed;
38.        bottom:50px;
39.        right:100px;
40.        text-indent:-9999px;
41.        z-index:200;
42.        display:none;
43.        background: url("./gototop.png");
44.        -webkit-transition-duration: 0.4s;
45.        -moz-transition-duration: 0.4s;
46.        transition-duration: 0.4s;
47.     }
48.     #smoothup:hover {
49.        rotate(360deg);
50.        -moz-transform: rotate(360deg);
51.        -ms-transform: rotate(360deg);
52.        -webkit-transform: rotate(360deg)
53.     }
54.  
55.     html {
56.        overflow-y: scroll;
57.     }
58.     </style>
59.  
60. <link rel="stylesheet" href="../cssmenu/stylesmenu.css">
61. <link href="./footer.css" media="all" rel="stylesheet" type="text/css"/>

Die Pfade  musst du ggf noch anpassen.

Den CSS-Teil würde ich wenns meine Seite wäre in einer der anderen CSS-Dateien einfügen und ganz aus den Head-Tags rausnehmen, so wirds was übersichtlicher.

Am Body-Ende habe ich nun die Einfügung ein wenig modifiziert, so dass das Script für den Button erst dort geladen wird, also nach dem Formularscript und als allerletztes wird das Script für den Picker geladen...

Code: HTML5

1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
2. <a href="#top" id="smoothup" title="Back to top"></a>
3.     <script type="text/javascript">
4.     jQuery(document).ready(function($){
5.             $(window).scroll(function(){
6.             if ($(this).scrollTop() < 200) {
7.                            $('#smoothup') .fadeOut();
8.           } else {
9.                            $('#smoothup') .fadeIn();
10.           }
11.       });
12.            $('#smoothup').on('click', function(){
13.                    $('html, body').animate({scrollTop:0}, 400);
14.                    return false;
15.                    });
16.    });
17.    </script>
18. <script src="../assets/datepicker/jquery-datepicker-de.js" type="text/javascript"></script>

Ach und am Body-Ende hast du einen schließenden div-tag zu viel...