Archivlink: javarea.de Forum > JavaScript > Geburtstage automatisch anzeigen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Geburtstage automatisch anzeigen

Pages: [1] 2 ... nächste » ... Letzte »

geschrieben von beinhad am 14.05.2004 - 15:10
Hi leute
ein absoluter neuling, der zwar eine homepage erstellt hat, und nun mit javascript anfangen will.
"Kleine" vorkenntnisse.
Ich möchte die Geburtstage von Vereinskollegen auf unserer Homepage automatisch aufzeigen.
Kann mir dazu jemand helfen ?

geschrieben von Shaddow am 14.05.2004 - 16:34
so würd ichs als erstes probieren:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
<html>
<head>
<script language='JavaScript'>
<!--
var helmut = "20.12"
var lutz = "13.4"
var franzi = "31.9"
/* usw....*/

function geburtstag () {
geburtstag = new Date

tag = zeit.getDays()
monate = zeit.getMonthes()
date = tag + monate

if ( helmut = date){ document.write(" Helmut hat heut Geburtstag!")}
else if ( lutz = date){ document.write(" Lutz hat heut Geburtstag!")}
else if ( franzi = date){ document.write(" Franzi hat heut Geburtstag!")}
/* usw....*/
}

//-->
</script>
</head>
<body> 
<script> geburtstag()</script>
</body>
</html>


ALlerdings weiß ich net, ob monthes und days geht. Ich habe das jetzt einfach nur von Hours und Minutes übertargen lol

geschrieben von Raver2 am 14.05.2004 - 17:12
@shaDDow: deins geht nicht

ich habe aber ein gemacht:

in den <Head> code </head>
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
<script language="javascript">
function geburtstag() {
// hier die daten
// setze die daten wie folgt ein "tag.monat"
var peter = "15.5";
var franz = "13.12";

// ende der daten
// ab hier nix ändern!!!
var datum = new Date();

monat = datum.getMonth();
tag = datum.getDate();
jahr = datum.getYear();

if(monat < 12){
monat+=1
}
if(jahr < 1000){
jahr+=1900
}
anzahl = "0";
date=tag + "." + monat;
document.write('<b>Heutige Geburtstage von Vereinskollegen am ' +  tag + "." + monat + "." + jahr + ":</b><br>");
// hier kommen die IF's rein...
if (peter==date) { anzahl+=1; document.write('Peter, '); }
if (franz==date) { anzahl+=1; document.write('Franz, '); }

// folgendes wird angezeigt wenn keiner Geburtstag hat...
if (anzahl < 1) { document.write('-Keiner-') }
}
</script>

in den bereich kopieren wo die Geburtstage angezeigt werden...
HTML-Quelltext
1: 
<script>geburtstag();</script>


sieht ungefähr so aus:

Heutige Geburtstage von Vereinskollegen am 15.5.2004:
Peter, Franz,


ACHTUNG ACHTUNG: das datum wird von dem Rechner gelden der sich die Seite gerade anguckt, also wenn er ein falschen datum eingestellt hat dann sind die geburtstage auch bei dem jenigem anders: bsp:

Geburtstag: peter 3.11
Benutzer: datum im betriebs system 3.10
also bekommt der benutzer den Namen erst nächsten tag angezeigt...

geschrieben von Shaddow am 14.05.2004 - 17:16
naja fast. aber ich denke hier würde sich ein switch() lohnen oder?

geschrieben von Raver2 am 14.05.2004 - 17:18
so reicht es erst mal so , oder...
lassen wir es mal so...

geschrieben von Raver2 am 15.05.2004 - 09:35
ich habe versucht das script zu vereinfachen, aber jetzt ist ein fehler drin, ich vermute es liegt an dem rot markiertem:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
<script language="javascript">
function geburtstag() {
 
// hier die daten
var namen = new Array();
var daten = new Array();
/* ---------- */
namen[0] = "franz";
daten[0] = "15.5";
/* ---------- */
namen[1] = "peter";
daten[1] = "16.5";
/* ---------- */
namen[2] = "hanni";
daten[2] = "17.5";
/* ---------- */

// ende der daten
// ab hier nix ändern!!!

var datum = new Date();

monat = datum.getMonth();
tag = datum.getDate();
jahr = datum.getYear();

if(monat < 12){
monat+=1
}
if(jahr < 1000){
jahr+=1900
}
date=tag + "." + monat;
 
for(var i = 0; i < namen.lenght; i < daten.lenght; i++){
if(daten[i]==date){ document.geburtstagform.geburtsnamen.value+="" + namen[i] + ", "; }
}

document.write('<b>Heutige Geburtstage von Vereinskollegen am ' +  tag + "." + monat + "." + jahr + ":</b><br>");
}
</script>
<script>geburtstag();</script><form name="geburtstagform"><textarea id="geburtsnamen" style="border:0px solid transparent; background:transparent; color:black; font-size:14px;" cols="20" raws="5"></textarea></form>


ich bitte um mithilfe!

geschrieben von Shaddow am 15.05.2004 - 09:48
IOch denke mal es liegt am for. Ersetzte mal lenght durch count oder so, denn es geht ja net um die Länge der Strings, sondern um die Anzahl der Strings im Array

geschrieben von Raver2 am 15.05.2004 - 09:52
geht immer noch nicht...

geschrieben von Pablo am 15.05.2004 - 12:22
Dieses hier geht, das ist allerdings etwas abgeändert...

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
<html>
<head>
<script language="javascript" type="text/javascript">
<!--
function geburtstag() {
  // hier die daten
  var namen = new Array();
  var daten = new Array();
  /* ---------- */
  namen[0] = "franz";
  daten[0] = "15.5";
  /* ---------- */
  namen[1] = "peter";
  daten[1] = "16.5";
  /* ---------- */
  namen[2] = "hanni";
  daten[2] = "17.5";
  /* ---------- */

  // ende der daten
  // ab hier nichts ändern!!!

  var datum = new Date();

  monat = datum.getMonth();
  tag = datum.getDate();
  jahr = datum.getYear();


  if(monat<12) {
    monat+=1;
  }
  if(jahr<1000) {
    jahr+=1900
  }
  var date = tag + "." + monat;

  document.getElementById('geburtsnamen').innerHTML = "<b>Heutige Geburtstage von Vereinskollegen am " +  tag + "." + monat + "." + jahr + ":</b><br>";

  for(var i=0;i<namen.length;i++){
    if(daten[i]==date) {
      document.getElementById('geburtsnamen').innerHTML += namen[i] + ", ";
    }
  }
}
//-->
</script>
</head>
<body onLoad="geburtstag();">
<div id="geburtsnamen"></div>
</body>
</html>


MfG,
Pablo

geschrieben von Raver2 am 15.05.2004 - 13:16
THX! so sollte es auch sein...das mit der textarea war nur so eine ausweichmethode, weil ich vergessen habe wie das ging mit dem div...

ich denke mal , das script wie es jetzt ist, ist es für den user am einfachsten zu konfigurieren...

geschrieben von Doreen am 20.01.2005 - 13:20
Also das gefällt mir sehr gut, nur ich nöchte beide Zeilen zentriert haben und alles in Fettschrift, da bei uns nur immer einer am gleichen Tag Geburtstag hat. Ich habe alles ausprobiert und bekomme die zweite Zeile werde zentriert noch fett formatiert, kann jemand helfen? Es eilt, da heute jemand Geburtstag hat..

Danke
Doreen

geschrieben von weisnix am 20.01.2005 - 14:55
Hallo,

sieht dann so aus:
Ich habe da noch den Namen mit einer anderen Schriftfarbe und Größe gegeben, damit Du siehst, dass das auch möglich ist.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
<html><head>
<script language="javascript" type="text/javascript">
<!--
function geburtstag() {
  // hier die daten
  var namen = new Array();
  var daten = new Array();
  /* ---------- */
  namen[0] = "Franz";
  daten[0] = "20.1";
  /* ---------- */
  namen[1] = "peter";
  daten[1] = "16.5";
  /* ---------- */
  namen[2] = "hanni";
  daten[2] = "17.5";
  /* ---------- */
  // ende der daten
  // ab hier nichts ändern!!!
  var datum = new Date();
  monat = datum.getMonth();
  tag = datum.getDate();
  jahr = datum.getYear();
  if(monat<12) {
    monat+=1;
  }
  if(jahr<1000) {
    jahr+=1900
  }
  var date = tag + "." + monat;
  for(var i=0;i<namen.length;i++){
    if(daten[i]==date) {
      document.getElementById('geburtsnamen').innerHTML += "<center><b>Unser Vereinskollege <font color='#008000' size='4'>"+namen[i] + "</font>, hat heute am " +  tag + "." + monat + "." + jahr + " Geburtstage</b></center>";
    }
  }
}
//-->
</script>
</head>
<body onLoad="geburtstag();">
<div id="geburtsnamen"></div>
</body></html>


Gruß


geschrieben von Doreen am 20.01.2005 - 15:17
Meinen allerherzlichsten Dank dafür!!

Fühl dich geknutscht und geknuddelt!

Lieben Gruß
Doreen

geschrieben von Doreen am 04.03.2005 - 09:17

geschrieben von Klaush am 04.03.2005 - 10:39


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.