Adventskalender für meine Weihnachtszauber

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7203
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume » Mi 15. Dez 2021, 12:38

Alles gut Jürg! Mir gehts ja auch manchmal so!
herzliche Grüße und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de

Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 219
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von HTML-Laie » Mi 15. Dez 2021, 15:41

Werde mal deine Seite nachbasteln und ein wenig testen. Dauert ein wenig.

LG Hape :D
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7203
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume » Mi 15. Dez 2021, 17:41

Hallo hape,
Ich kann dir die seite auch rüberschicken? Musst mir nur sagen was du brauchst und wohin ich das schicken soll!

Wenn dass mit den einzelnen tagen nicht so geht, dann mache ich da ein zurück button drauf!
herzliche Grüße und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de

Benutzeravatar
HTML-Laie
Moderator
Moderator
Beiträge: 219
Registriert: So 19. Nov 2017, 12:42
Mein Vorname: Hape
Wohnort: Wesermarsch
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von HTML-Laie » Do 16. Dez 2021, 20:55

Ich versuche es mal verständlicherweise rüberzubringen. Das Script bitte so in eine Textseite integrieren wie du normalerweise Text in deinen anderen Unterseiten erstellst. Also nur das Script:

Code: Alles auswählen

<link rel="stylesheet" href="kalender-2021-03b.css">

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

// Datumsfunktionen Anzeige Fusstext

var Kalnow = new Date();
var Kalyear = Kalnow.getFullYear();

// aktuelles Datum
function Datum() {

var TageLang = new Array ("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var MonateLang = new Array ("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
var date = ((Kalnow.getDate()<10) ? "0" : "")+ Kalnow.getDate();
heute = TageLang[Kalnow.getDay()]+ " "  + date + ". " + MonateLang[Kalnow.getMonth()] + " " + Kalyear ;
document.write("" +heute);
document.write("&#160;&#160;-&nbsp;&nbsp;");
}


function Warten01() {

var KalZiel = new Date("December 24, " + Kalyear);
var diff = KalZiel.getTime() - Kalnow.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));

if (days > 1)
document.write(" Noch " + (days+1) + " Tage bis Weihnachten");
else if (days == 1)
document.write("Morgen ist Heiligabend!");
else if (days == 0)
document.write("Heute ist  Heiligabend!");
else if (days == -1)
document.write("Frohe Weihnachten");
else if (days == -2)
document.write("Frohe Weihnachten");
else if (days < -2)
document.write(" Weihnachten ist vorbei!");
return
}


function Warten02() {
var KalStart = new Date("December 1, " + Kalyear);
var diff = KalStart.getTime() - Kalnow.getTime();
var Tage = Math.floor(diff / (1000 * 60 * 60 * 24));

var monat = Kalnow.getMonth() + 1;
if (monat != 12) {
  //document.write("Sie m&uuml;ssen sich noch ein wenig gedulden!");
  if (Tage >= 1)
  document.write("Noch " + (Tage+1) + " Tage bis zum ersten Fensterchen");
  else
  document.write("Morgen wird das erste Fensterchen ge&ouml;ffnet.");
  }

if (monat == 12 && Tage <= -1 && Tage >= -24){
document.write('&Ouml;ffnen Sie das Fensterchen für heute!');
}
if (monat == 12 && Tage <= -24){
document.write('&nbsp;&nbsp;Alle Fensterchen d&uuml;rfen ge&ouml;ffnet werden.');
}
return
}


// ::::::::::  Ende Datumsfunktionen :::::::::::::





// ::::::::  Dateien öffnen Version 2021 :::::::::

// PopUp-Window Eigenschaften
Attribute02 = "left=40,top=40,screenX=40,screenY=40,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=700,height=600";



// Edit-Marker Pfad (Ordner der Dateien)
// pfad = "http://www.web-toolbox.net/kalender/";
// pfad = "tagesdateien/";
// bleibt leer wenn die Dateien im gleicher Ordner stehen
// pfad = "";

pfad = "tagesdateien-02/";


var KlickDatum = new Date();
var KlickMonat = KlickDatum.getMonth();
var KlickTag = KlickDatum.getDate();



// Edit-Marker ::::  Zum Testen   ::::::::::::::::
// Monat-Datumswert setzen (0 = Januar, 11 = Dezember)
// Tages-Datumswert setzen (1 - 31)
// 4 Slashes "//" entfernen zum Testen

//KlickMonat = 11;
//KlickTag = 31;



function zeigeDatei(KlickZahl) {

// zu früh Feb - Nov
if(KlickMonat > 0 && KlickMonat < 11) {
Datei = pfad + "0.php";
window.open(Datei,'_blank');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// zu früh im Dezember
else if(KlickZahl > KlickTag && KlickMonat == 11) {
Datei = pfad + "00.php";
window.open(Datei,'_blank');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// Tagesdatei anzeigen
else {
var Datei = pfad + KlickZahl + ".php";
window.open(Datei,'_blank');
}

}

//  End -->
</script>
<div class="Titeltext">Adventskalender</div>
<div id="Advent0">
<div id="Advent1">


<!-- Kalendergrafik -->

<div id="AdventGrafik"><img src="block-120x80-transparent.png" width="100%" alt=""></div>

<!-- Anfang Kalender   -->
<table id="Tabelle2" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:zeigeDatei(23);"><img src="../images/adventskalender/rot/23.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(14);"><img src="../images/adventskalender/rot/14.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(16);"><img src="../images/adventskalender/rot/16.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(21);"><img src="../images/adventskalender/rot/21.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(5);"><img src="../images/adventskalender/rot/5.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(12);"><img src="../images/adventskalender/rot/12.png" alt="" border="0" width="100%" height="100%"></a></td>
</tr>

<tr>
<td><a href="javascript:zeigeDatei(20);"><img src="../images/adventskalender/rot/20.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(13);"><img src="../images/adventskalender/rot/13.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(1);"><img src="../images/adventskalender/rot/1.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(24);"><img src="../images/adventskalender/rot/24.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(2);"><img src="../images/adventskalender/rot/2.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(11);"><img src="../images/adventskalender/rot/11.png" alt="" border="0" width="100%" height="100%"></a></td>
</tr>

<tr>
<td><a href="javascript:zeigeDatei(15);"><img src="../images/adventskalender/rot/15.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(17);"><img src="../images/adventskalender/rot/17.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(3);"><img src="../images/adventskalender/rot/3.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(6);"><img src="../images/adventskalender/rot/6.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(22);"><img src="../images/adventskalender/rot/22.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(7);"><img src="../images/adventskalender/rot/7.png" alt="" border="0" width="100%" height="100%"></a></td>
</tr>

<tr>
<td><a href="javascript:zeigeDatei(19);"><img src="../images/adventskalender/rot/19.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(9);"><img src="../images/adventskalender/rot/9.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(8);"><img src="../images/adventskalender/rot/8.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(18);"><img src="../images/adventskalender/rot/18.png" alt="" border="0" width="100%" height="100%"></a></td>
<td><a href="javascript:zeigeDatei(4);"><img src="../images/adventskalender/rot/4.png" alt="" border="0" width="100%" height="100%"></td>
<td><a href="javascript:zeigeDatei(10);"><img src="../images/adventskalender/rot/10.png" alt="" border="0" width="100%" height="100%"></td>
</tr>
</table>
<!-- Ende Kalender -->
</div>
</div>


<p class="Fusstext">

<script type="text/javascript" language="JavaScript">
<!--
Warten02()
document.write('<br>');
Warten01()
//-->
</script>
Vor das Script und dahinter fügst du ja deine Include- Aufrufe für den jeweiligen Header und Footer hinzu. Bitte daran denken.

Nun zu den Tagesdateien. Um diese mit deinem Design zu verbinden sollten diese auch mit Header und Footer versehen werden. --> Achtung: Bitte die Pfade anpassen.
Sollten dann so aussehen:

Code: Alles auswählen

<?php include ("header.php");?>


<link rel="stylesheet" href="tagesdateien-02.css">

<div id="Advent1">
<div id="Inhalt">
<div class="Zahl">6</div>
<br><br>

<div class="zentriert">
<img src="zweig.gif" width="60" height="37" border="0" alt="">
</div>

<h1 class="Titeltext zentriert">Ihre Inhalte hier</h1>

<pre class="zentriert">
    Ihr Kinderlein kommet, o kommet doch all’!
    Zur Krippe her kommet in Bethlehems Stall,
    und seht, was in dieser hochheiligen Nacht
    der Vater im Himmel f&uuml;r Freude uns macht.

    O seht in der Krippe, im n&auml;chtlichen Stall,
    seht hier bei des Lichtleins hellgl&auml;nzendem Strahl,
    in reinlichen Windeln das himmlische Kind,
    viel sch&ouml;ner und holder als Engel es sind.

    Da liegt es - ach Kinder! - auf Heu und auf Stroh;
    Maria und Joseph betrachten es froh;
    die redlichen Hirten knien bethend davor,
    hoch oben schwebt jubelnd der Engelein Chor.

    Manch Hirtenkind tr&auml;gt wohl mit freudigem Sinn,
    Milch, Butter und Honig nach Bethlehem hin;
    ein K&ouml;rblein voll Fr&uuml;chte, das purpurroth gl&auml;nzt,
    ein Schnee-wei&szlig;es L&auml;mmchen mit Blumen bekr&auml;nzt.

    O bethet: Du liebes, Du g&ouml;ttliches Kind
    was leidest Du alles f&uuml;r unsere S&uuml;nd’!
    Ach hier in der Krippe schon Armuth und Noth,
    am Kreuze dort gar noch den bitteren Tod.
</pre>

</div>
<!-- ende Inhalt -->

</div>
<!-- ende Advent 1 -->

<?php include ("footer.php"); ?>
Alle Tagesdateien sollten dann so aussehen wie dieses Beispiel. Also ohne dieses Gedöns am Anfang:

Code: Alles auswählen

<!DOCTYPE html>
<html lang="de">
<head>
<title>T&uuml;rchen Tagesdatei Adventskalender Weihnachten</title>
<meta name="description" content="T&uuml;rchen Tagesdatei f&uuml;r den Adventskalender">
<meta name="keywords" content="T&uuml;rchen, Adventskalender, Weihnachten, Adventszeit, Kalenderblatt, Vorlage">

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="language" content="de">
und ohne dieses Gedöns am Ende:

Code: Alles auswählen

</body>
</html>
Und je nachdem wie du die Tagesseiten geöffnet haben willst das Script anpassen:

Wenn für die Seiten ein neuer Tab oder Fenster geöffnet werden soll lautet es wie folgt:

Code: Alles auswählen

function zeigeDatei(KlickZahl) {

// zu früh Feb - Nov
if(KlickMonat > 0 && KlickMonat < 11) {
Datei = pfad + "0.php";
window.open(Datei,'_blank');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// zu früh im Dezember
else if(KlickZahl > KlickTag && KlickMonat == 11) {
Datei = pfad + "00.php";
window.open(Datei,'_blank');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// Tagesdatei anzeigen
else {
var Datei = pfad + KlickZahl + ".php";
window.open(Datei,'_blank');
}
oder im selben Tab oder Fenster dann so:

Code: Alles auswählen

function zeigeDatei(KlickZahl) {

// zu früh Feb - Nov
if(KlickMonat > 0 && KlickMonat < 11) {
Datei = pfad + "0.php";
window.open(Datei,'_self');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// zu früh im Dezember
else if(KlickZahl > KlickTag && KlickMonat == 11) {
Datei = pfad + "00.php";
window.open(Datei,'_self');
//var Info = window.open(Datei,'',Attribute02);
return;
}

// Tagesdatei anzeigen
else {
var Datei = pfad + KlickZahl + ".php";
window.open(Datei,'_self');
}
LG Hape :D
Unmögliches wird sofort erledigt, Wunder dauern etwas länger. 95% aller Computerprobleme befinden sich zwischen Tastatur und Stuhl.
Hapes-Javascript-Demo-Page ; Hapes-Baustelle ; Hape's-Javascript-Forum ; Hapes-Fotowelt ; Boitwarder Bürgerverein

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7203
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume » Fr 17. Dez 2021, 08:26

Hallo und guten morgen Hape,
erst einmal vielen vielen dank für deine hilfe!

Im grunde habe ich es glaube ich :oops: vertsanden! Ich werde es mal nachher probieren! Klingt ja eigentlich nicht schwer! :) und wenn ich es heute vormittag nicht ganz schaffe (muss heute nachmittag arbeiten) dann mache ich am wochenende weiter!

Ganz lieben :DA !

Sollten jedoch noch fragen auftreten, dann würde ich mich hier noch einmal melden!
herzliche Grüße und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7203
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume » Fr 17. Dez 2021, 10:03

Hallo Hape,

ich habs jetzt mal verscht! Also der Kalender ansich sieht nach der Änderung schon ganz gut aus! https://www.weihnachtszauber.karins-pos ... 21-03b.php

Und wenn ich dich jetzt richtig vertanden habe, muss die Tagesdatei wie folgt aussehen?

Code: Alles auswählen

<?php include ("../../../header-e.php");?>


<link rel="stylesheet" href="tagesdateien-02.css">

<div id="Advent1">
<div id="Inhalt">
<div class="Zahl">6</div>
<br><br>

<div class="zentriert">
<img src="zweig.gif" width="60" height="37" border="0" alt="">
</div>

<h1 class="Titeltext zentriert">Ihre Inhalte hier</h1>

<pre class="zentriert">
    Ihr Kinderlein kommet, o kommet doch all’!
    Zur Krippe her kommet in Bethlehems Stall,
    und seht, was in dieser hochheiligen Nacht
    der Vater im Himmel f&uuml;r Freude uns macht.

    O seht in der Krippe, im n&auml;chtlichen Stall,
    seht hier bei des Lichtleins hellgl&auml;nzendem Strahl,
    in reinlichen Windeln das himmlische Kind,
    viel sch&ouml;ner und holder als Engel es sind.

    Da liegt es - ach Kinder! - auf Heu und auf Stroh;
    Maria und Joseph betrachten es froh;
    die redlichen Hirten knien bethend davor,
    hoch oben schwebt jubelnd der Engelein Chor.

    Manch Hirtenkind tr&auml;gt wohl mit freudigem Sinn,
    Milch, Butter und Honig nach Bethlehem hin;
    ein K&ouml;rblein voll Fr&uuml;chte, das purpurroth gl&auml;nzt,
    ein Schnee-wei&szlig;es L&auml;mmchen mit Blumen bekr&auml;nzt.

    O bethet: Du liebes, Du g&ouml;ttliches Kind
    was leidest Du alles f&uuml;r unsere S&uuml;nd’!
    Ach hier in der Krippe schon Armuth und Noth,
    am Kreuze dort gar noch den bitteren Tod.
</pre>

</div>
<!-- ende Inhalt -->

</div>
<!-- ende Advent 1 -->

<?php include ("f../../../footer.php"); ?>
Ich habe zum Testen jetzt NUR den Tag 7 geändert! Dieses Gedöns wie du es nennst habe ich raus genommen!

Mir war erst nicht klar an welcher Stelle ich das mit den Seiten (im neuen Fester oder gleich Fenster) öffnen soll? Sorry!

Ich habs noch einmal probiert und war jetzt der Meinung ich müsste das in die kalender-2021-03b.php eingeben. Ich kan das Fenster Nr. 7 wohl anklicken können, aber es öffnet sich dennoch ein neues Fenster!
Die Tagesdatei habe ich nach meines Erachtens richtig dem Design zugeordnet, und auch hier wird nur der Hintergrund angezeigt! https://www.weihnachtszauber.karins-pos ... n-02/7.php

Die Grafik Zwerg und die Zahl habe ich entfernt!
Ich hoffe, du steigst durch mein Kauderwelsch durch?
herzliche Grüße und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7203
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume » Fr 17. Dez 2021, 12:35

Hape,
Wenn das mit dem design in den tagesdatein nicht geht, dann mache ich da ein zurück button auf die seite! Das wäre zwar schön, aber es wäre jetzt nicht soooo tragisch!
herzliche Grüße und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de

Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7203
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Adventskalender für meine Weihnachtszauber

Beitrag von Butterblume » Sa 18. Dez 2021, 09:58

ich habs heute morgen noch einmal probiert. Hab den Fehler gefunden! Jetzt gehts... ! Puh...


:DA Hape!
herzliche Grüße und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de

Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste