vlaCalendar einbinden

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

  • vlaCalendar einbinden

    Hi Leute,

    ich möchte gerne denn Kalender einbinden von der Seite:

    http://dev.base86.com/scripts/vista-....html#examples


    Aber irgendwie verstehe da nicht so recht was die von mir wollen, ich dachte ich müsste da vlaDatePicker das entsprechende einfügen, also einfach nur copy past. Aber leider funktioniert dies dann bei mir nicht, ich habe Example IV apple osx genommen!

    Hier mein Code:


    Code:
    <html>
    <head>
    <title>Titel</title>
    
    <script type="text/javascript" src="vlaCalendar/inc/mootools-release-v1.11.js"></script>
    <script type="text/javascript" src="vlaCalendar/inc/vlaCal-v2.js"></script>
    <link type="text/css" media="screen" href="vlaCalendar/styles/vlaCal-v2.css" rel="stylesheet" />
    
    
       
    <script type="text/javascript">
    window.addEvent('domready', function() {
          //Datepicker
          new vlaDatePicker('exampleIV-B',
            { style: 'apple_widget', offset: { x: 3, y: 1 } });
          new vlaCalendar('test');}); 
    
    </script>
    </head>
    <body>
    
    <input id="exampleIV-B" type="text" style="width: 80px;" maxlength="10" />
    <div id="test"></div>
    </body>
    </html>
    Was verstehe ich denn da falsch??
    Zuletzt geändert von BlackPerfect; 19.07.2008, 15:41.

  • #2
    Hast du es zufällig online?

    und auch die Mootools usw. online (die eingebunden werden)

    mfg

    Kommentar


    • #3
      Ja ich habe es online! und nun etwas abgeändert, hab mal ExampleI genommen, also die einfache Version!
      Aber bekomme da immer folgenden Fehler:

      Code:
      Fehler: missing ) after argument list
      Quelldatei: [url]http://snake87.alfahosting.org/cvjm/test/reservierung.html[/url]

      Ja hab ich alles, ist in jslib drin und nicht wie die geschrieben haben in inc, aber habe das schon abgeändert!!

      Hier der aktuelle Code:


      Code:
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
      
      
      <head>
      <title>Titel</title>
      
      <script type="text/javascript" src="vlaCalendar/jslib/mootools-release-v1.11.js"></script>
      <script type="text/javascript" src="vlaCalendar/jslib/vlaCal-v2.js"></script>
      <link type="text/css" media="screen" href="vlaCalendar/styles/vlaCal-v2.css" rel="stylesheet" />
      
      
         
      <script type="text/javascript">
      	window.addEvent('domready', function() 
      	{
      		new vlaDatePicker('exampleI');
      	}	
      		
      </script>
      </head>
      <body>
      
      <input id="exampleI" type="text" style="width: 80px;" maxlength="10" />
      </body>
      </html>
      Kannst du dir aber auch online anschauen, bei der Fehlermeldung ist der Pfad mit angeben!!!

      MFG

      Kommentar


      • #4
        Hallo,

        die Klammer fehlt bei:

        Code:
        	window.addEvent('domready', function()
        Zudem fehlen die Js-Dateien!

        http://snake87.alfahosting.org/cvjm/...lease-v1.11.js

        existiert nicht!

        mfg

        Kommentar


        • #5
          Danke dir und auch da hat die Doku nicht übereingestimmt! Weil ich habe die Dateinamen einfach so aus der Doku genommen ohne weiter nachzuschauen.
          Mit deiner Klammer hast du nicht ganz recht...

          Hier der Code wie es sein muss:

          Code:
          <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
          
          
          <head>
          <title>Titel</title>
          
          <script type="text/javascript" src="vlaCalendar/jslib/mootools-1.2-core.js"></script>
          <script type="text/javascript" src="vlaCalendar/jslib/vlaCal-v2.1.js"></script>
          <link type="text/css" media="screen" href="vlaCalendar/styles/vlaCal-v2.1.css" rel="stylesheet" />
          
          
             
          <script type="text/javascript">
              window.addEvent('domready', function() {
          
                new vlaDatePicker('exampleIV-B',{ style: 'apple_widget', offset: { x: 3, y: 1 }, filePath: 'vlaCalendar/inc/' });
          
          
              });
          </script>
          </head>
          <body>
          
          <input id="exampleIV-B" type="text" style="width: 80px;" maxlength="10" />
          </body>
          </html>

          Kommentar


          • #6
            Achja, die Funktion wurde gleich danach definiert.. hatte ich nicht weiter geguckt^^...

            Btw: Wie die namen sind etc. sind unrelevant. Du musst gucken, dass sie gleich sind. Das noch hinzuschreiben ist eigentlich nicht mehr notwendig, wenn man mitdenkt + ahnung hat ^^

            mfg

            Kommentar

            Lädt...
            X