• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ausfühlicher Kalender!

Status
Für weitere Antworten geschlossen.
A

Anonymous

Neues Mitglied
Ausfühlicher Kalender!

Tach Leutz!!
Ich suche einen ausführlichen Kalender!! Wo die Tage als Quadrat abegildet sind und ich dann als Admin Termine eintragen kann!! Noch schöner wäre es dann,wenn man Verweise als Buttons als Kalendertage macht und dann sich ein kleines Pop-Up Fenster öffnet!! Mit näheren Informationen!!
Kennt da irgendwer was?? Wäre echt toll,enn ihr mir helfen könnt!!
BYe Manu
 
also ich hatte da mla irgendso ein riesenteil gefunden, dass mit mysql und perl läuft; weiß aber leider nich mehr wo!
das war dann sogar mit adressbuch, mehreren berechtigungen für termineinträge...
aber wo war das nochmla?! :evil:
 
Na!! Gefunden??
Hab da jetzt einen,aber wie kriege ich jetzt da das ganze so Pop Up mäßig rein??
Code: 
<html> <head>


<title>Javascript Kostenlos - Kalender</title>

<LINK rel="SHORTCUT ICON" href="http://www.gif-bilder.de/ball.ico">
<meta name="GENERATOR" content="HomeSite 4.5">
<meta NAME="keywords" CONTENT="javascript, java, java-script, kalender">
<meta NAME="description" CONTENT="Javascript - Kalender">
<meta NAME="page-topic" CONTENT="Private Page">
<meta NAME="audience" CONTENT="Alle">
<meta NAME="expires" CONTENT="NEVER">
<meta NAME="page-type" CONTENT="Web Design">
<meta name="language" content="de">
<meta NAME="robots" CONTENT="INDEX,FOLLOW">
<meta name="revisit" content="after 14 days">
<meta name="revisit-after" content="14 days">
</head>


<body background="night.gif" text="white">

<center>
<font size="4" style="verdana" color="white"><u>Javascript - Kalender</u></font>
</center>






<div align="center">


<SCRIPT language="javascript">

<!-- Begin
//  SET ARRAYS
var day_of_week = new Array('So','Mo','Di','Mi','Don','Fr','Sa');
var month_of_year = new Array('Jannuar','Februar','M&auml;rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember');

//  DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();

var year = Calendar.getYear();	    // Returns year
var month = Calendar.getMonth();    // Returns month (0-11)
var today = Calendar.getDate();    // Returns day (1-31)
var weekday = Calendar.getDay();    // Returns day (1-31)

var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week
var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month
var cal;    // Used for printing

Calendar.setDate(1);    // Start the calendar day at '1'
Calendar.setMonth(month);    // Start the calendar month at now


/* VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your caledanr's look. */

var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20>[B]<CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE>[/B]';
var TD_start = '<TD WIDTH="30"><CENTER>';
var TD_end = '</CENTER></TD>';

/* BEGIN CODE FOR CALENDAR
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
tags to customize your calendar's look.*/

cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER>[B]';
cal += month_of_year[month]  + '   ' + year + '[/B]' + TD_end + TR_end;
cal += TR_start;

//   DO NOT EDIT BELOW THIS POINT  //

// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{

// BOLD TODAY'S DAY OF WEEK
if(weekday == index)
cal += TD_start + '[B]' + day_of_week[index] + '[/B]' + TD_end;

// PRINTS DAY
else
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  // RETURNS THE NEXT DAY TO PRINT
  week_day =Calendar.getDay();

  // START NEW ROW FOR FIRST DAY OF WEEK
  if(week_day == 0)
  cal += TR_start;

  if(week_day != DAYS_OF_WEEK)
  {

  // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
  var day  = Calendar.getDate();

  // HIGHLIGHT TODAY'S DATE
  if( today==Calendar.getDate() )
  cal += highlight_start + day + highlight_end + TD_end;

  // PRINTS DAY
  else
  cal += TD_start + day + TD_end;
  }

  // END ROW FOR LAST DAY OF WEEK
  if(week_day == DAYS_OF_WEEK)
  cal += TR_end;
  }

  // INCREMENTS UNTIL END OF THE MONTH
  Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

//  PRINT CALENDAR
document.write(cal);

//  End -->


</SCRIPT>












<font size="2" style="verdana" color="white"><u>zwischen &lt;BODY&gt; und &lt;/BODY&gt;</u></font>

<textarea cols="60" rows="10"><SCRIPT language="javascript">

<!-- Begin
//  SET ARRAYS
var day_of_week = new Array('So','Mo','Di','Mi','Don','Fr','Sa');
var month_of_year = new Array('Jannuar','Februar','M&auml;rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember');

//  DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();

var year = Calendar.getYear();	    // Returns year
var month = Calendar.getMonth();    // Returns month (0-11)
var today = Calendar.getDate();    // Returns day (1-31)
var weekday = Calendar.getDay();    // Returns day (1-31)

var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week
var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month
var cal;    // Used for printing

Calendar.setDate(1);    // Start the calendar day at '1'
Calendar.setMonth(month);    // Start the calendar month at now


/* VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your caledanr's look. */

var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20>[B]<CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE>[/B]';
var TD_start = '<TD WIDTH="30"><CENTER>';
var TD_end = '</CENTER></TD>';

/* BEGIN CODE FOR CALENDAR
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
tags to customize your calendar's look.*/

cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER>[B]';
cal += month_of_year[month]  + '   ' + year + '[/B]' + TD_end + TR_end;
cal += TR_start;

//   DO NOT EDIT BELOW THIS POINT  //

// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{

// BOLD TODAY'S DAY OF WEEK
if(weekday == index)
cal += TD_start + '[B]' + day_of_week[index] + '[/B]' + TD_end;

// PRINTS DAY
else
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  // RETURNS THE NEXT DAY TO PRINT
  week_day =Calendar.getDay();

  // START NEW ROW FOR FIRST DAY OF WEEK
  if(week_day == 0)
  cal += TR_start;

  if(week_day != DAYS_OF_WEEK)
  {

  // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
  var day  = Calendar.getDate();

  // HIGHLIGHT TODAY'S DATE
  if( today==Calendar.getDate() )
  cal += highlight_start + day + highlight_end + TD_end;

  // PRINTS DAY
  else
  cal += TD_start + day + TD_end;
  }

  // END ROW FOR LAST DAY OF WEEK
  if(week_day == DAYS_OF_WEEK)
  cal += TR_end;
  }

  // INCREMENTS UNTIL END OF THE MONTH
  Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

//  PRINT CALENDAR
document.write(cal);

//  End -->


</SCRIPT></textarea>








</div>



<center>
<FORM>
	<INPUT type="BUTTON" value="Quelltext" onClick='window.location = "view-source:" +
window.location.href'>
</FORM>
<FORM>
	<INPUT type="button" name="Speichern" value="Datei speichern" onClick="alert('Zum Speichern der Datei: 1. Quelltext aufrufen -- 2. ´Datei´ anklicken -- 3. ´Speichern unter´ anklicken -- 4. Verzeichnis ausw&auml;hlen -- 5. abspeichern -- Fertig!')"</>
</FORM>

<font size="3" style="verdana" color="white">
[b]
Internet Explorer: Ja

Netscape: Ja
</font>
[/b]
</center>





<table align="center" border="0">
<tr>
	<td><script type="text/javascript"><!--
google_ad_client = "pub-0381955921320508";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "300x250_as";
google_ad_channel ="2811957683";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>




</td>
</tr>
</table>

          

</font mstheme></font></td>

          <td width="26" bgcolor="#FFFFFF" valign="top" height="532"><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>
    [img]../../_images/cleardot.gif[/img]</font mstheme></font></td>

          <td width="100%" bgcolor="#FFFFFF" valign="top" height="100%"><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>
          <p align="center">
    <a href="http://landkarten.laenderservice.de/cia/CO-map.jpg" target="_blank" style="text-decoration: none">
    [img]http://landkarten.laenderservice.de/cia/CO-map.jpg[/img]</a></p>
          


          <iframe NAME="I3" WIDTH="100%" HEIGHT="3500" SRC="http://glyde.lexas.de/baseline2.asp?land=Kolumbien" </font border="0" frameborder="0" marginwidth="1" marginheight="1" target="_blank">
          Lexas Länderinformationen - Kolumbien - Auf einen Blick</iframe>


          </font mstheme></font></td>

          <td width="100%" bgcolor="#FFFFFF" valign="top" height="100%"><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>
          


    [img]../../_images/cleardot.gif[/img]


          </font mstheme></font></td>

          <td width="150" bgcolor="#EBEBEB" valign="top" align="center" height="532"><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>

          
<p align="right">

          
          [img]../../_images/breakout1.gif[/img]



<div align="right">
  </font mstheme></font><table border="0" cellpadding="10" cellspacing="0" width="150">

                    <tr>

                         <td bgcolor="#EBEBEB"><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>
<p align="center">

          
          [url="http://landkarten.laenderservice.de/cia/CO-map.jpg"][img]http://landkarten.laenderservice.de/focus/k/kolumbien-focus-map.gif[/img][/url][b]<font color="#9DB1C1" size="2">
</font>[/b]
<font color="#9DB1C1" size="1">Geographische Lage:
</font>
          <font color="#9DB1C1" size="1">4 00 N, 72 00 W</font><p align="center">

          
          <iframe name="I4" src="http://weltzeit.laenderservice.de/k/kolumbien.htm" width="120" border="0" frameborder="0" marginwidth="1" marginheight="1" height="170" scrolling="no" target="_blank">
          Lexas Information Network - Ausführliche Informationen zu allen Ländern der Welt </iframe>
 

                         </font mstheme></font></td>

                    </tr>

               </table><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>
</div>

          
          <p align="right">

          
          [img]../../_images/whitefiller.jpg[/img][img]../../_images/breakout1.gif[/img]



          <div align="right">
            </font mstheme></font><table border="0" cellpadding="10" cellspacing="0" width="150">

                    <tr>

                         <td bgcolor="#EBEBEB"><font face="Arial, Arial, Helvetica"><font face="Arial, Arial, Helvetica" mstheme>
                          <p align="center"><script type="text/javascript"><!--
</body>
</html>
Bitte helft mir!! MAnu :shock:
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben