04-11-07

Eindelijk een verjaardagskalender!

Hoi beste mensen,
eindelijk nog eens tijd om aan deze blog te werken.
feest3
Dankzij Kim VDB heb ik enige tijd geleden eindelijk een script voor een verjaardagskalender te pakken gekregen. Een klein beetje aanpassen en uitproberen levert het volgende op:


<script language="JavaScript">
 var datum = new Date();

var maand = datum.getMonth() + 1;

var dagmaand = datum.getDate();

var checkdatum = ""+dagmaand+"-"+maand;

function Jarig(naam) {

document.write("Vandaag is het feest want " + naam + " is jarig!");

} switch(checkdatum) { case '23-4': Jarig("Jules (2000)"); break;

case '27-10': Jarig("oma poes en tante ingrid"); break;

case '28-2': Jarig("oma niek"); break;

case '1-10': Jarig("pepe"); break;

case '5-6': Jarig("nonkel rik"); break;

case '5-6': Jarig("tante sophie)"); break;

case '31-10': Jarig("nonkel wim"); break;

case '4-11': Jarig("LEONIE"); break;

case '21-4': Jarig("Felix"); break;

case '30-11': Jarig("BIENTJE"); break;

case '20-05': Jarig("Jef (2001)"); break;

case '16-12': Jarig("opa zee"); break;

case '28-07': Jarig("Sofie"); break;

case '14-7': Jarig("olivier"); break;

case '23-8': Jarig("claire"); break;

case '1-12': Jarig("Mare"); break;case '6-10': Jarig("Elies"); break;case '20-10': Jarig("Fien"); break;case '24-10': Jarig("Otto"); break;case '3-8': Jarig("Chris"); break;case '4-8': Jarig("Louise"); break;case '23-8': Jarig("claire"); break; 

default: document.write("Jammer, geen traktaties vandaag, er is niemand jarig!");

}

</script>


Het enige wat je moet veranderen zijn de datums en de namen natuurlijk. Let wel op dat je nooit een nul voor een cijfer zet! Dat werkt niet. Dus twee januari wordt 2-2!

Dus kopiëren maar dat script en plak het in een vakje VRIJE TEKST (onder Personalisering). Véél succes!

 

28-05-07

Kalender met wisselende welkomstteksten.

Ik heb weer een leuk script gevonden. Deze keer is het er een van een kalender met wisselende welkomstgroeten (zie bovenaan mijn rechterkolom). Dit script mag je gewoon kopiëren en in een vakje 'Vrije Tekst' (Personalisering) plakken.

<div align="center"><SCRIPT language=JavaScript>
var Today=new Date();
var ThisDay=Today.getDay();
var ThisDate=Today.getDate();
var ThisMonth=Today.getMonth()+1;
var ThisYear=Today.getFullYear();  //included if you wish to insert the year
function DayTxt (DayNumber) {
var Day=new Array();
Day[0]="Zondag";
Day[1]="Maandag";
Day[2]="Dinsdag";
Day[3]="Woensdag";
Day[4]="Donderdag";
Day[5]="Vrijdag";
Day[6]="Zaterdag";
return Day[DayNumber];
}
var DayName=DayTxt(ThisDay);
function MonthTxt (MonthNumber) {
var Month=new Array();
Month[1]="Januari";
Month[2]="Februari";
Month[3]="Maart";
Month[4]="April";
Month[5]="Mei";
Month[6]="Juni";
Month[7]="July";
Month[8]="Augustus";
Month[9]="September";
Month[10]="October";
Month[11]="November";
Month[12]="December";
return Month[MonthNumber];
}
var MonthName=MonthTxt(ThisMonth);
var d = new Date();
var h = d.getHours();
document.write("<TABLE BORDER=3 BGCOLOR=WHITE  WIDTH=75 HEIGHT=85 align=left>"+"<TD>"+"<p align=center>"+"<font size=-2 >"+DayName+"<br>"+"<font color=red size=+3 >"+ThisDate+"</font>"+"<br>"+MonthName+"<br>"+"</b>"+"</font>"+"</p>"+"</TD>"+"</TR>"+"</TABLE>");
if (h < 2) document.write("<P ALIGN=center>"+"<b>"+"Good morning! Yes, it's way past midnight."+"</b>"+"</P>");
else if (h < 3) document.write("<P ALIGN=center>"+"<b>"+"Good morning! Vroeg op of laat aan het werk?"+"</b>"+"</P>");
else if (h < 7) document.write("<P ALIGN=center>"+"<b>"+"Goede morgen! Al vroeg wakker zeg!"+"</b>"+"</P>");
else if (h < 12) document.write("<P ALIGN=center>"+"<b>"+"Goede morgen!"+"</b>"+"</P>");
else if (h < 17) document.write("<P ALIGN=center>"+"<b>"+"Goede middag!"+"</b>"+"</P>");
else if (h < 23) document.write("<P ALIGN=center>"+"<b>"+"Goede avond!"+"</b>"+"</P>");
else document.write("<P ALIGN=center>"+"<b>"+"Nog laat achter de computer! Ga toch lekker naar bed."+"</b>"+"</P>");
</SCRIPT>
</div>

19-05-07

Ronddraaiende tekst op je blog

Een origineel effect op je blog is dit van een ronddraaiende tekst (op een vaste plaats). Kijk voor een voorbeeld maar eens op http://mijntestblogje.skynetblogs.be (linksboven)

Je kan natuurlijk zelf de tekst, plaats en kleur veranderen!

Ook nu weer het volledige script kopiëren en in een vakje 'Vrije Tekst' (Personalisering) plakken!

<script>
 var defaultString="welkom";

 parentID="area";
   

 vala=160;
 valc=255;

 fontsize=40;  
 posleft=400;  
 postop=150;  

 function q1() {

  for(i=0;i<5;i++) {

   node=document.getElementById(parentID);

   beforediv=document.createElement("DIV");

   cc1=255*(i/11);
   cc2=160*(i/11);
      gfx1=parseInt(vala-cc2);
      gfx2=parseInt(valc-cc1);

   str="position:absolute;top:"+postop+"px;left:"+posleft+"px;color:rgb("+gfx1+","+gfx1+","+gfx2+");width:260px;height:100px;font-size:"+fontsize+"pt;";

   if (navigator.userAgent.indexOf("Gecko")>-1)
    beforediv.setAttribute("style",str);
   else
    beforediv.style.cssText = str;
   
   beforediv.setAttribute("id","object"+i);
 
   newText=document.createTextNode(defaultString);
  
   beforediv.appendChild(newText);

   node.appendChild(beforediv);

   fontsize+=2;
   posleft+=5;
   postop-=(3-((i/20)*2));
  }

  setTimeout("animate()",100); 
 }

 ox=100;
 oy=100;
 pi=3.141516*2;
 ccounter=0;
 ww=1;

 function animate() {
  ww+=.1;  
  ccounter++; 
  if(ccounter<350) {

   for(i=0;i<5;i++) {

    pis=pi*(ccounter/70)*(i/5);
    posx=ox-20+(Math.cos(pis)*20);
    posy=oy-20+(Math.sin(pis)*20);

    document.getElementById("object"+i).style.left=posx+"px";
    document.getElementById("object"+i).style.top=posy+"px";
   }
   setTimeout("animate()",30);
  }
  else {
   ccounter=0;
   setTimeout("animate()",30);
  }
 }

</script>
<body onload="q1()"  >
<div id="area" >
</div>

14-05-07

Raad het getal !!!

Een script voor een leuk spelletje op je blog: Raad het getal! De computer kiest een willekeurig getal en jij krijgt 10 beurten om dat getal te raden. Gelukkig geeft onze computer je telkens een hoger-lager-tip.

Wil je dit eerst eens uitproberen? games_10710Natuurlijk moet je het hele script weer kopiëren en in een vakje 'Vrije Tekst' (Personalisering) plakken. Succes!

<SCRIPT LANGUAGE="Javascript"><!--
var num = Math.floor(Math.random() * 100) + 1;
var tries = 0;
function guessit() {
var guess = document.form1.guess1.value;
tries++;
status = "  Number of tries so far: " + tries;
if (guess < num)
    document.form1.hint.value = "Nee, je zit te laag.";
if (guess > num)
    document.form1.hint.value = "Nee, je zit  te hoog.";
if (guess == num) {
    window.alert("Gefeliciflapstaart ! Je hebt het geraden in " + tries + " beurten.");
    location.reload();
    }
if (tries == 10) {
    window.alert("Helaas, je tijd is om. Het nummer: " + num);
    location.reload();
    }
}
//--></SCRIPT>
<P>De computer kiest een willekeurig getal tussen de 1 en de 100. Je hebt 10 beurten om het getal te raden! Je typt in het onderste vakje een getal in. De computer geeft aan of je te hoog of te laag zit! Suc6 !</P>
<FORM NAME="form1">
<INPUT TYPE="text" SIZE=25 NAME="hint">
<BR>
Hier het nummer:
  <INPUT TYPE="text" NAME="guess1" SIZE="5">
<INPUT TYPE="BUTTON" VALUE="Gok"  onClick="guessit();">
</FORM>

19:57 Gepost door meester carlo in Vrije tijd | Permalink | Commentaren (1) | Tags: script, blogtip, webtip, game, raad het getal, javascript |  Facebook |

03-05-07

Een ZOOM (+ en -) op je blog

TIPHeb jij soms ook moeite om de kleine lettertjes op een blog te lezen? Met het volgende script kan je héél eenvoudig een ZOOM op je blog installeren (zie mijn rechterkolom). Nu vergroot (of verkleint) je bezoeker op je blog de tekst zoveel hij/zij zelf wil!

 

<script style="text/javascript">
var z=1;
function inzoomen(){
z=z+.1;document.body.style.zoom=z;}
function uitzoomen(){
z=z-.1;document.body.style.zoom=z;}
</script>
<input type="button" value="+" onClick="inzoomen();">
<b>Website Zoom</b>
<input type="button" value="-" onClick="uitzoomen();">

Natuurlijk dient ook dit script weer gekopieerd te worden. Daarna plak je het in een vakje 'Vrije Tekst' (Personalisering). Succes!

12:29 Gepost door meester carlo in Web | Permalink | Commentaren (1) | Tags: javascript, blog, web, zoom, inzoomen, uitzoomen, lettertype, leesbaarheid, script, code, blogtip |  Facebook |