Terminkalender für Homepage

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Hein Blöd, 19. November 2005 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 19. November 2005
    Hi,

    ich suche einen Terminkalender den ich auf meiner HP integieren kann. Das ganze soll aber ohne einen Anbieter funktionieren.

    Wenn einer ein Script oder sonstiges hat um so einen Terminkaleder auf die HP zu integrieren, wärs cool wenn er des schnell uppen könnte.

    MfG,
    HeinBlöd
     
  3. 21. November 2005
    http://extcal.sourceforge.net/

    Ist Freeware, Voraussetzungen sind glaub php und MySQL.
     
  4. 21. November 2005
    Hier als Javascript....
    Du kannst hier auch bestimmte Tage mit einem Link versehen, schau dir das genau an, sollte ganz easy sein...

    Hoffe, das reicht für ne 10'er... :]

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Terminkalender mit Layern</title>

<style type="text/css">

#cal { position:absolute; left:150px; top:30px; }

#cont { position:absolute; left:380px; top:30px; width:190px; height:200px; border:none; }

#tips { position:absolute; left:5px; top:auto; font-family:Verdana,Helvetica,sans-serif; font-size:12px; border:none; }

td { font-family:Verdana,Helvetica,sans-serif; font-size:13px; }

.free,.d5,.d6,.d12,.d26 { color:#DC143C; }

</style>

<script type="text/javascript">
<!--

var dom = document.getElementById?1:0;
var ie = document.all?1:0;
var ns4 = document.layers?1:0;

var now = new Date();
var day = now.getDate();

document.writeln('<style type="text/css">');
document.writeln('.d' + day + ' { background-color:#DDDDDD; }');
document.writeln('</style>');

var info = new Array();

info[1] = '<b>1. Januar:</b><br>Unser Newsletter erscheint heute neu.<br>Falls noch nicht geschehen: <a href="">Hier anmelden</a><p>Nicht verpassen: Erstklassiger Film &quot;Vom Winde verweht&quot; um 20 Uhr auf Pro 7';
info[4] = '<b>4. Januar:</b><br>Chatabend ab 21:30 Uhr auf Chatcity<br><a href="">Mitmachen</a>';
info[7] = '<b>7. Januar:</b><br>Mac World Expo 2003.<br>Ort: San Francisco (bis 10.01.2003)';
info[9] = '<b>9. Januar:</b><br>Heute endet die Einsendefrist f&uuml;r unser Neujahrsr&auml;tsel. Alle <a href="">L&ouml;sungen</a>, die bis 24:00 Uhr eingehen, nehmen noch teil.';
info[10] = '<b>10. Januar:</b><br>Erscheinungstermin der neuen Internet Professionell<br><a href="">Online-Bestellung</a>';
info[11] = '<b>11. Januar:</b><br>Die neue Software der Firma XYZ gibt\'s ab heute <a href=""> als Download</a>';
info[15] = '<b>15. Januar:</b><br>15.00 Uhr: Promi-Chat mit Bj&ouml;rn Helwig<p>20.00 Uhr: Live-Stream des Konzerts der Gruppen X und Y';
info[19] = '<b>19. Januar:</b><br>Ab 13:30 Uhr: Bachus Bombus signiert sein neues Buch<br><a href="">Buch bestellen</a>';
info[22] = '<b>22. Januar:</b><br>Unsere Organisation feiert heute den 5. Jahrestag. Es gibt ein <a href="">Gewinnspiel</a> mit vielen tollen Preisen.';
info[23] = '<b>23. Januar:</b><br>HCT - Hamburger Computer Tage (bis 26.01.2003)<br><a href="">So kommen Sie hin</a>';


function showInfo(arg) {

 if(ie) {
 
 tips.innerHTML = info[arg];
 }

 else if(dom) {
 
 obj=document.getElementById('tips');
 obj.innerHTML = info[arg];
 }

 else if(ns4) {
 
 obj= document['cont'].document['tips'].document; 
 obj.open();
 obj.write(info[arg]);
 obj.close();
 }
}
//-->
</script> 

</head>

<body bgcolor="#FFFFFF" vlink="#009BA0">

<div id="cal">
<table border="0" cellpadding="2" cellspacing="2">
<tr>
<th colspan="7" bgcolor="#00CED1">Januar 2003</th>
</tr>

<tr align="right">
<td><b>So</b></td>
<td><b>Mo</b></td>
<td><b>Di</b></td>
<td><b>Mi</b></td>
<td><b>Do</b></td>
<td><b>Fr</b></td>
<td><b>Sa</b></td>
</tr>

<tr align="right">
<td colspan="3"> </td>
<td class="d1"><a class="free" href="#" onclick="showInfo(1)">1</a></td>
<td class="d2">2</td>
<td class="d3">3</td>
<td class="d4"><a href="#" onclick="showInfo(4)">4</a></td>
</tr>

<tr align="right">
<td class="d5">5</td>
<td class="d6">6</td>
<td class="d7"><a href="#" onclick="showInfo(7)">7</a></td>
<td class="d8">8</td>
<td class="d9"><a href="#" onclick="showInfo(9)">9</a></td>
<td class="d10"><a href="#" onclick="showInfo(10)">10</a></td>
<td class="d11"><a href="#" onclick="showInfo(11)">11</a></td>
</tr>

<tr align="right">
<td class="d12">12</td>
<td class="d13">13</td>
<td class="d14">14</td>
<td class="d15"><a href="#" onclick="showInfo(15)">15</a></td>
<td class="d16">16</td>
<td class="d17">17</td>
<td class="d18">18</td>
</tr>

<tr align="right">
<td class="d19"><a class="free" href="#" onclick="showInfo(19)">19</a></td>
<td class="d20">20</td>
<td class="d21">21</td>
<td class="d22"><a href="#" onclick="showInfo(22)">22</a></td>
<td class="d23"><a href="#" onclick="showInfo(23)">23</a></td>
<td class="d24">24</td>
<td class="d25">25</td>
</tr>

<tr align="right">
<td class="d26">26</td>
<td class="d27">27</td>
<td class="d28">28</td>
<td class="d29">29</td>
<td class="d30">30</td>
<td class="d31">31</td>
<td colspan="1"> </td>
</tr>
</table>
</div>


<div id="cont">
<div id="tips">
Klicken Sie bitte auf die als Link markierten Tage
</div>
</div>

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

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

</body>
</html>
     
  5. 21. November 2005
    Danke für euere Hilfe. Ihr habt beide eine 10 bekommen. Ihr habt mir sehr geholfen! :]
     
  6. 21. November 2005
    Na freut einen doch, wenn es klappt...
     
  7. 25. November 2005
    sowas habe ich auch gesucht, habt beide auchn 10ner
     
  8. 27. November 2005
    @babbal kannste irgendso nen code auch auftreiben für eine page die ich schon hab?
    also ich hab schon ne html page, und schoenes design usw. also sozusagen zum einbinden...
     
  9. 29. November 2005
     
  10. 29. November 2005
    Verstehe nicht, was du meinst?ß
    Willst du nur den Code und in eine bestehende Seite einbauen z.B. an einer bestimmten Stelle?

    Dann kopiere ab

    Code:
     #cal { position:absolute; left:150px; top:30px; }
    bis ganz unten, lass nur das hier weg...

    Code:
     </td>
</tr>
</table>

</body>
</html>
     
  11. 30. November 2005
    jo, ungefähr das meine ich. ich habe es nun in die HP eingefügt, aber folgendes geschieht:

    Zuerst STEHT
    Code:
    #cal { position:absolute; left:150px; top:30px; } #cont { position:absolute; left:380px; top:30px; width:190px; height:200px; border:none; } #tips { position:absolute; left:5px; top:auto; font-family:Verdana,Helvetica,sans-serif; font-size:12px; border:none; } td { font-family:Verdana,Helvetica,sans-serif; font-size:13px; } .free,.d5,.d6,.d12,.d26 { color:#DC143C; }
    Dann kommt ein Terminkalender mit paar klickbaren Orten, wo aber nichts kommt wenn man draufklickt, und unten steht noch blabla

    Wie kann ich machen dass der Code oben verschwindet, und ich und ALLE Besucher der Website etwas eintragen können an dem Kalender? Und natürlich nur ich per FTP etwas löschen?!

    MfG
     
  12. 30. November 2005
    Also, wenn du Einträge machen willst und auch andere, dann würde ich dir empfehlen, einen PHP Kalender zu nehmen..
     
  13. 30. November 2005
    kennste einen den man so einbinden kann?!
     
  14. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.