Startseite Forum
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

Kalender mit weißem Rahmen und Hintergrund
(1 Leser) (1) Gast
Bitte beachten, dass es hier nur um Javascripts geht, die sich in unserem Archiv befinden.
  • Seite:
  • 1

THEMA: Kalender mit weißem Rahmen und Hintergrund

Kalender mit weißem Rahmen und Hintergrund 2 Jahre, 1 Monat her #8533

  • mckbrother
  • OFFLINE
  • Senior Boarder
  • Beiträge: 60
  • Karma: 1
Hallo ich habe gleich noch ein Problem
Und zwar liegt es bei dem Kalender mit Uhrzeit und Feiertagen.
Dort wo ich den Kalender einfügen möchte habe ich einen schwarzen Hintergrund, so dass man den Kalender fast garnicht erkennen kann.
Ich habe bereits versucht in der Ausgabe Tabelle die Angaben zu ändern, jedoch hat das nicht geklappt.
 document.write("<table width='15%' border='1' bordercolor='#000000' cellpadding='0' cellspacing='2'>");
  document.write("<tr bgcolor='blue'><th><font color='#FFFF00'>Mo</font><th><font color='#FFFF00'>Di</font><th><font color='#FFFF00'>Mi</font><th><font color='#FFFF00'>Do</font><th><font color='#FFFF00'>Fr</font><th><font color='#FFFF00'>Sa</font><th><font color='#FF0000'>So</font></tr>");
  document.write("<tr>");

Ich möchte einen weißen Rahmen um die Tabelle haben, Sie soll dann grau hinterlegt sein. Wäre es eventuell auch möglich, dass man die Anzeige auch mit in den Rahmen integriert( So dass ich ein Element habe, was von den anderen durch den Entsprechenden Rahmen getrennt ist) ?
Wäre sehr nett wenn Ihr mir helfen könntet

Aw: Kalender mit weißem Rahmen und Hintergrund 2 Jahre, 1 Monat her #8536

  • david97
  • OFFLINE
  • Expert Boarder
  • Beiträge: 130
  • Karma: 3
Der Link funktoniert nicht...

Aw: Kalender mit weißem Rahmen und Hintergrund 2 Jahre, 1 Monat her #8537

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Hallo,

ich hab dir das Script für den schwarzen Hintergrund umgeschrieben

Hier dein Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<form name="redtab" id="redtab">
<input type="text" name="redfens" id="TTime" size="35" />
</form>
<form name="Formular">
<input type="hidden" id="Eingabe" name="Uhrzeit" readonly="readonly" />
</form>

<script type='text/javascript'>
<!--
var Datum=new Date();
var Tag=Datum.getDate();
var Monat=Datum.getMonth();
var Monat1=Monat+1;
var Jahr=Datum.getYear();
var AT=Tag+"."+Monat1; //AT fuer aktueller Tag+Monat (unten fuer die Anlässe des aktuellen Tages zuständig[Feiertag/besondere Daten])
var AD=Tag+"."+Monat1+""+Jahr; //AD fuer aktuelles Datum (Tag+Monat+Jahr)..." " "

if (Jahr<1900)
{
Jahr+=1900;
}

//den Monaten Namen geben!(für die Box oben)
if (Monat1 == 1)Monat1="Januar";
else if (Monat1 == 2)Monat1="Februar";
else if (Monat1 == 3)Monat1="März";
else if (Monat1 == 4)Monat1="April";
else if (Monat1 == 5)Monat1="Mai";
else if (Monat1 == 6)Monat1="Juni";
else if (Monat1 == 7)Monat1="Juli";
else if (Monat1 == 8)Monat1="August";
else if (Monat1 == 9)Monat1="September";
else if (Monat1 == 10)Monat1="Oktober";
else if (Monat1 == 11)Monat1="November";
else if (Monat1 == 12)Monat1="Dezember";

var Kopf=" "+Monat1+" "+Jahr+"";

//Wochentag des 1. des Monats
Datum.setDate(1);
var A=Datum.getDay();
if(A == 0)A=7;
document.write("<table width='15%' border='1' bordercolor='#FFFFFF' cellpadding='0' cellspacing='2'>");
document.write("<tr bgcolor='blue'><th><font color='#FFFF00'>Mo</font><th><font color='#FFFF00'>Di</font><th><font color='#FFFF00'>Mi</font><th><font color='#FFFF00'>Do</font><th><font color='#FFFF00'>Fr</font><th><font color='#FFFF00'>Sa</font><th><font color='#FF0000'>So</font></tr>");
document.write("<tr>");
//erste Zeile
for(var B=1; B<A; B++) {
document.write("<td>");
}
for(B=1; B<32; B++) {
Datum.setDate(B );
if(Datum.getMonth() != Monat)break;
if(B == Tag) {
//der aktuelle Tag
document.write("<td bgcolor='#FFFF00'>", B, "");
} else {
document.write("<td><font color='#FFFFFF'>",B,"</font>");
}
A++;
if(A > 7) {
document.write("</tr><tr>");
A=1;
}
}
document.write("</tr></table>");
//-->
//Ende des Kalenderteils

//Beginn des Uhrbereiches
//die Uhr sie wird im Feld alle 9 sek aktuallisiert(die aktuelle Zeit wird in das Feld gesschrieben) !
function Uhr_anzeigen()
{
var Dat = new Date();
var std = Dat.getHours()
var min = Dat.getMinutes()
var sec = Dat.getSeconds()
Zeit = ((std < 10) ? " 0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec
Zeit += " Uhr"

document.getElementById('Eingabe').value = Zeit
timerid = setTimeout("Uhr_anzeigen()",1000)
}
//Ende des Uhrbereiches
//Anfang des "Feiertagsberiech"


//Die Tagesnews (Feiertag/besondere Daten)
//Wenn die Variable AT z.B.: 24.12 ist dann schreibe: Es ist Heiligabend
//Zuerst der Tag dann ein Punkt und dann der Monat
//Neue Daten fügt man so ein: else if (AT == Datum(1.1 oder 24.12 oder 5.6)Info="Hier steht der Text der an diesem Tag im Kächtchen mit der Uhrzeit stehen soll!";
//Hier stehen bis jetzt nur festen Feiertage + wenige andere Dinge z.B.:Beginn der Sommerzeit

if (AT == 1.1)Info="Neujahr";
else if (AT == 6.1)Info="Heilige Drei Könige";
else if (AT == 14.2)Info="Valentinstag";
else if (AT == 8.3)Info="Weltfrauentag";
else if (AT == 20.3)Info="Frühlinsanfang";
else if (AT == 25.3)Info="Mariä Verkündigung";
else if (AT == 29.3)Info="Judika: Beginn der Sommerzeit";
else if (AT == 1.5)Info="Maifeiertag";
else if (AT == 9.5)Info="Europatag";
else if (AT == 10.5)Info="Muttertag";
else if (AT == 21.6)Info="Sommeranfang";


else if (AT == 11.9)Info="11. September 2001 war der Anschlag auf das 'World Trade center'";
else if (AT == 20.9)Info="Weltkindertag";
else if (AT == 22.9)Info="Herbstanfang";
else if (AT == 3.10)Info="Tag der Deutschen Einheit";
else if (AT == 16.10)Info="Welternährungstag";
else if (AT == 25.10)Info="Ende der Sommerzeit";
else if (AT == 30.10)Info="Weltspartag";
else if (AT == 31.10)Info="Halloween";
else if (AT == 1.11)Info="Allerheiligen";
else if (AT == 11.11)Info="Martinstag+ Karnevalls Beginn";
else if (AT == 18.11)Info="Buß- und Bettag";
else if (AT == 21.12)Info="Winteranfang";
else if (AT == 23.12)Info="Morgen ist Heiligabend!";
else if (AT == 24.12)Info="Heiligabend";
else if (AT == 25.12)Info="1. Weihnachtsfeiertag";
else if (AT == 26.12)Info="2. Weihnachtsfeiertag";
else if (AT == 31.12)Info="Silvester";



//Wenn nichts zu dem Tag steht wird folgende Nachricht angezeigt:
else Info="Leider ist für heute nichts eingetragen";

//Ende des "Feiertagsbereich"


//Anfang des Bereiches fuer Tag+Monat+Jahr
//hierarschisch übergeordnet ist nun Tag+Monat+Jahr (wenn an jedem 24.12 immer die Nachricht X und nun in dieser Liste steht 24.12.2009 Y steht am 24.12.2009 die Nachricht Y und nicht X aber an den anderen 24.12 steht weiterhin die Nachricht X)
//Monat von Jahr kann man leider nicht trennen! sorry!
//Tag.MonatJahr also 24.122008


if (AD == 15.82009)Info="Mariä Himmelfahrt";

//Ende des Bereiches fuer Tag+Monat+Jahr


//Anfang des Bereiches für die Textbox ueber dem Kalender
//Festlegung der Variablen
var spr=new Array;
spr[0]=""+Kopf+"";
spr[1]=""+Info+"";


//
function rede()
{
num=Math.floor(2*Math.random());
document.redtab.redfens.value = spr[num];
window.setTimeout("rede()",3000);

}
window.setTimeout("rede()",3000);

function Uhr_Feld() {
var Ergebnis = ""+document.Formular.Eingabe.value+"";

document.getElementById('TTime').value = Ergebnis;
timerid = setTimeout("Uhr_Feld()",9001)

}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" target="_blank">Internetanbieter</a></div>
<br />
<script type="text/javascript" src="www.kostenlose-javascripts.de/startScrip...;></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Die umgeänderten Stellen im Code habe ich rot markiert.



Ich hoffe, ich konnte dir helfen
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
Letzte Änderung: 2 Jahre, 1 Monat her von Super_Mario.

Aw: Kalender mit weißem Rahmen und Hintergrund 2 Jahre, 1 Monat her #8541

  • mckbrother
  • OFFLINE
  • Senior Boarder
  • Beiträge: 60
  • Karma: 1
suuuper, vielen vielen Dank

Aw: Kalender mit weißem Rahmen und Hintergrund 1 Jahr, 8 Monate her #9018

  • Mac
Hallo,

ich finde den Kalender perfect!
Eine Frage dazu habe ich jedoch. Was muß ich ändern, damit in der Kopf und Info in 1 zu 5 Sekunden angezeigt werden. Die Uhrzeit habe ich schon entfernt. Ich denke mal, das hat etwas mit 2*Math.random()); zutun. Leider habe ich noch keine Ahnung von Javascript und brauche auch nur diese Anpassung. kann mir jemand auf die Sprünge helfen?

Viele Grüße
Mac

Aw: Kalender mit weißem Rahmen und Hintergrund 1 Jahr, 8 Monate her #9020

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Was genau soll angezeigt werden?
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Aw: Kalender mit weißem Rahmen und Hintergrund 1 Jahr, 8 Monate her #9023

  • Mac
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 2
  • Karma: 0
Ursprünglich wird ja die Uhrzeit, der Monat und der Feiertag-Text über dem Kalender angezeigt.
Das Anzeigen der Uhr habe ich schon entfernt.
Ich möchte nun gerne, das 2 Sek der Monat (+Kopf+) und 4 Sek der Feiertag-Text (+Info+) angezeigt wird.
Oder am besten nur der +Info+.
Geht das?


LG
Mac
Letzte Änderung: 1 Jahr, 8 Monate her von Mac.

Aw: Kalender mit weißem Rahmen und Hintergrund 1 Jahr, 8 Monate her #9032

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Sicher geht das

Ich hab dir den Code umgeschrieben. Jetzt wird abwechselnd das Datum und die Info angezeigt

Hier ist der neue Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<form name="redtab" id="redtab">
	<input type="text" name="redfens" id="TTime" size="35" />
</form>
<form name="Formular">
	<input type="hidden" id="Eingabe" name="Uhrzeit" readonly="readonly" />
</form>

<script type='text/javascript'>
<!--
var Datum=new Date();
var Tag=Datum.getDate();
var Monat=Datum.getMonth();
var Monat1=Monat+1;
var Jahr=Datum.getYear();
var AT=Tag+"."+Monat1; //AT fuer aktueller Tag+Monat (unten fuer die Anlässe des aktuellen Tages zuständig[Feiertag/besondere Daten])
var AD=Tag+"."+Monat1+""+Jahr; //AD fuer aktuelles Datum (Tag+Monat+Jahr)..." " "
var num = 0;

if (Jahr<1900)
{
	Jahr+=1900;
}

//den Monaten Namen geben!(für die Box oben)
if (Monat1 == 1)Monat1="Januar";
else if (Monat1 == 2)Monat1="Februar";
else if (Monat1 == 3)Monat1="März";
else if (Monat1 == 4)Monat1="April";
else if (Monat1 == 5)Monat1="Mai";
else if (Monat1 == 6)Monat1="Juni";
else if (Monat1 == 7)Monat1="Juli";
else if (Monat1 == 8)Monat1="August";
else if (Monat1 == 9)Monat1="September";
else if (Monat1 == 10)Monat1="Oktober";
else if (Monat1 == 11)Monat1="November";
else if (Monat1 == 12)Monat1="Dezember";

  var Kopf=" "+Monat1+" "+Jahr+"";

//Wochentag des 1. des Monats
  Datum.setDate(1);
  var A=Datum.getDay();
  if(A == 0)A=7;
  document.write("<table width='15%' border='1' bordercolor='#000000' cellpadding='0' cellspacing='2'>");
  document.write("<tr bgcolor='blue'><th><font color='#FFFF00'>Mo</font><th><font color='#FFFF00'>Di</font><th><font color='#FFFF00'>Mi</font><th><font color='#FFFF00'>Do</font><th><font color='#FFFF00'>Fr</font><th><font color='#FFFF00'>Sa</font><th><font color='#FF0000'>So</font></tr>");
  document.write("<tr>");
//erste Zeile
  for(var B=1; B<A; B++) {
    document.write("<td>");
  }
  for(B=1; B<32; B++) {
    Datum.setDate(B);
    if(Datum.getMonth() != Monat)break;
    if(B == Tag) {
//der aktuelle Tag
      document.write("<td bgcolor='#FFFF00'>", B, "");
    } else {
      document.write("<td>",B);
    }
    A++;
    if(A > 7) {
      document.write("</tr><tr>");
      A=1;
    }
  }
  document.write("</tr></table>");
//-->
//Ende des Kalenderteils

//Beginn des Uhrbereiches
//die Uhr sie wird im Feld alle 9 sek aktuallisiert(die aktuelle Zeit wird in das Feld gesschrieben) !
    function Uhr_anzeigen()
{
    var Dat = new Date();
    var std = Dat.getHours()
    var min = Dat.getMinutes()
    var sec = Dat.getSeconds()
    Zeit = ((std < 10) ? " 0" : " ") + std
    Zeit += ((min < 10) ? ":0" : ":") + min
    Zeit += ((sec < 10) ? ":0" : ":") + sec
    Zeit += " Uhr"

    document.getElementById('Eingabe').value = Zeit
    timerid = setTimeout("Uhr_anzeigen()",1000)
}
//Ende des Uhrbereiches
//Anfang des "Feiertagsberiech"


//Die Tagesnews (Feiertag/besondere Daten)
//Wenn die Variable AT z.B.: 24.12 ist dann schreibe: Es ist Heiligabend
//Zuerst der Tag dann ein Punkt und dann der Monat
//Neue Daten fügt man so ein: else if (AT == Datum(1.1 oder 24.12 oder 5.6)Info="Hier steht der Text der an diesem Tag im Kächtchen mit der Uhrzeit stehen soll!";
//Hier stehen bis jetzt nur festen Feiertage + wenige andere Dinge z.B.:Beginn der Sommerzeit

if (AT == 1.1)Info="Neujahr";
else if (AT == 6.1)Info="Heilige Drei Könige";
else if (AT == 14.2)Info="Valentinstag";
else if (AT == 8.3)Info="Weltfrauentag";
else if (AT == 20.3)Info="Frühlinsanfang";
else if (AT == 25.3)Info="Mariä Verkündigung";
else if (AT == 29.3)Info="Judika: Beginn der Sommerzeit";
else if (AT == 1.5)Info="Maifeiertag";
else if (AT == 9.5)Info="Europatag";
else if (AT == 10.5)Info="Muttertag";
else if (AT == 21.6)Info="Sommeranfang";


else if (AT == 11.9)Info="11. September 2001 war der Anschlag auf das 'World Trade center'";
else if (AT == 20.9)Info="Weltkindertag";
else if (AT == 22.9)Info="Herbstanfang";
else if (AT == 3.10)Info="Tag der Deutschen Einheit";
else if (AT == 16.10)Info="Welternährungstag";
else if (AT == 25.10)Info="Ende der Sommerzeit";
else if (AT == 30.10)Info="Weltspartag";
else if (AT == 31.10)Info="Halloween";
else if (AT == 1.11)Info="Allerheiligen";
else if (AT == 11.11)Info="Martinstag+ Karnevalls Beginn";
else if (AT == 18.11)Info="Buß- und Bettag";
else if (AT == 21.12)Info="Winteranfang";
else if (AT == 23.12)Info="Morgen ist Heiligabend!";
else if (AT == 24.12)Info="Heiligabend";
else if (AT == 25.12)Info="1. Weihnachtsfeiertag";
else if (AT == 26.12)Info="2. Weihnachtsfeiertag";
else if (AT == 31.12)Info="Silvester";



//Wenn nichts zu dem Tag steht wird folgende Nachricht angezeigt:
else Info="Leider ist für heute nichts eingetragen";

//Ende des "Feiertagsbereich"


//Anfang des Bereiches fuer Tag+Monat+Jahr
//hierarschisch übergeordnet ist nun Tag+Monat+Jahr (wenn an jedem 24.12 immer die Nachricht X und nun in dieser Liste steht 24.12.2009 Y steht am 24.12.2009 die Nachricht Y und nicht X aber an den anderen 24.12 steht weiterhin die Nachricht X)
//Monat von Jahr kann man leider nicht trennen! sorry!
//Tag.MonatJahr also 24.122008


if (AD == 15.82009)Info="Mariä Himmelfahrt";

//Ende des Bereiches fuer Tag+Monat+Jahr


//Anfang des Bereiches für die Textbox ueber dem Kalender
//Festlegung der Variablen
   var spr=new Array;
   spr[0]=""+Kopf+"";
   spr[1]=""+Info+"";


//
function rede()
{
  document.redtab.redfens.value = spr[num];
  
  if(num<1)
  {
  num++;
  window.setTimeout("rede()",2000);
  }
  else
  {
  num--;
  window.setTimeout("rede()",4000);
  }
}
rede();
//-->
</script>
<br />
<!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt werden -->
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter günstig" target="_blank">Internetanbieter günstig</a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Aw: Kalender mit weißem Rahmen und Hintergrund 1 Jahr, 8 Monate her #9033

  • Mac
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 2
  • Karma: 0
Du bist echt klasse!

Vielen, vielen Dank!
  • Seite:
  • 1
Ladezeit der Seite: 0.56 Sekunden

Login

Aktuell im Forum

mehr