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!

 

25-07-07

Google als woordenboek gebruiken!

Wist je dat je het bekende GOOGLE ook als woordenboek kan gebruiken?

Als je bv. de betekenis van het woord doping wil weten, ga je gewoon naar Google en typ in het zoekvenster define:dopinggoogle (Large) (2) 

Natuurlijk moet je er rekening mee houden dat Google een Amerikaans programma is, je zal dus niet alle Nederlandse woorden terugvinden.

Je kan er ook de betekenis van allerlei afkortingen mee terugvinden. Probeer maar eens met bv. Sabena of Opec!

PS: Met dank aan Arsène Van der Linden op wiens blog ik deze tip terugvond!

12:04 Gepost door meester carlo in Web | Permalink | Commentaren (3) | Tags: blogtip, webtip, tool, woordenboek, define, web, blog, google |  Facebook |

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>

15-05-07

Een 'lichtkrant' of 'lopende tekst' op je blog?

Hieronder krijg je een zeer eenvoudig script om een 'lopende tekst' (lichtkrant) op je blog te zetten. Een voorbeeldje vind je bovenaan in de linkerkolom van onze moederblog http://meestercarlo.skynetblogs.be . Natuurlijk kan je zelf je tekst aanpassen. Script kopiëren en wederom plakken in een vakje 'Vrije Tekst' (Personalisering).

<marquee scrollamout="2" scrolldelay="120" direction="left">Hey, hallo iedereen! Hopelijk vinden jullie dit een leuke blog. En... komen jullie nog dikwijls terug. Groetjes!</font></marquee>

16:41 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: web, blog, blogtip, webtip, script, webtool, lichtkrant, lopende tekst |  Facebook |

08-05-07

Zwemmende visjes op je blog

Het volgende script zorgt ervoor dat er bewegende visjes 'neerdwarrelen' op je blog. 't Is eens iets anders dan de sneeuwvlokjes in de winter. Ook nu weer volledig kopiëren en plakken in een venster 'Vrije Tekst' (Personalisering). Succes!

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:402px; top:-197px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:830px; top:-49px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:682px; top:-84px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:281px; top:-433px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:160px; top:-189px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:830px; top:-153px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="10" style="position:absolute; left:721px; top:-34px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="8" style="position:absolute; left:463px; top:-10px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:257px; top:-300px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<marquee behavior="scroll" direction="down" scrollamount="10" style="position:absolute; left:423px; top:-275px; width:30px; height:1000; z-index:1;">
<span class="falling1"><img src="http://image.blinkyou.com/falling_images/fish.gif"></span>
</marquee>
<p style="margin-top: 0; margin-bottom: 0"><a href="http://www.blinkyou.com">picture hosting</a></p>

18:42 Gepost door meester carlo in Web | Permalink | Commentaren (4) | Tags: web, website, blog, webtip, blogscript, blogtip, script, code |  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 |

30-04-07

Formule 1 - nieuws op je blog?

Mc LarenBen jij een echte Formule 1 - fan? En wil jij steeds op de hoogte zijn van het laatste nieuws over de F1? Met het volgende script krijg jij voortaan steeds de laatste nieuwsjes over Alonso, Raikkonen, ...  op je blog! Gewoon kopiëren en in een vakje 'Vrije Tekst' (Personalisering) kleven!

<table>
<td valign=top align=left>
<!--webbot bot="HTMLMarkup" startspan -->
<iframe src="http://www.formule1nieuws.nl/newsfeed.php" MARGINHEIGHT=0 MARGINWIDTH=0 width=252 height=259 scrolling=no frameborder="0"></iframe>
<!--webbot bot="HTMLMarkup" endspan -->
</td>
</table>

Wil je eerst wel eens kijken hoe dat er dan uitziet op je blog? Ga dan eens kijken op logo 

 

Daar staat dit nieuwsoverzicht in de rechterkolom!

21:19 Gepost door meester carlo in Web | Permalink | Commentaren (0) | Tags: web, blog, webtip, blogtip, script, webtool, f1, formule 1, nieuwsoverzicht |  Facebook |

29-04-07

Welke dag is het vandaag?

Kopieer onderstaand script en je ziet automatisch welke dag het vandaag is (Zie bovenaan mijn rechterkolom).

<script language="JavaScript">
var now = new Date();
var day = now.getDay()
var dayname;
 if (day == 0) dayname= "zondag";
 if (day == 1) dayname= "maandag";
 if (day == 2) dayname= "dinsdag";
 if (day == 3) dayname= "woensdag";
 if (day == 4) dayname= "donderdag";
 if (day == 5) dayname= "vrijdag";
 if (day == 6) dayname= "zaterdag";
document.write("Hoi daar, vandaag is het " + dayname + ".<br>");
</script>

En natuurlijk kleef je deze code weer in een vakje 'Vrije Tekst' (Personalisering).

11:55 Gepost door meester carlo in Web | Permalink | Commentaren (0) | Tags: web, blog, blogtip, script, code, welke dag is het vandaag, webtool |  Facebook |

28-04-07

Klikspel

Hier krijg je het script van een ogenschijnlijk héél eenvoudig spel.klikspel2 (Small) De bedoeling van dit spel is op 20 seconden tijd zoveel mogelijk vakjes aan te klikken. Lijkt eenvoudig, nietwaar? Het record op onze games-site http://meestercarlogames.skynetblogs.be staat op 61. Kunnen jullie beter?

<SCRIPT LANGUAGE="JavaScript">

var total = 0
var play = false
//  (element == clicked checkbox object)

function display(element) { 
 // assign instance of Date object representing current time 
  var now = new Date() 
 // if the game has not started yet 
  if (!play) {  
 // game starts now  
  play = true  
 // milliseconds since 1970 for time at beginning   
  startTime = now.getTime() 
 } 
 // if more than 20 seconds have passed since startTime was last set 
  if (now.getTime() - startTime > 20000) {  
   // reject modification (make "read-only")  
    element.checked = !element.checked  
   // terminate function  
   return 
  } 
 // if the clicked checkbox is now checked 
  if (element.checked)  
   // increment total  
    total++
  else  
   // decrement total  
    total-- 
   // display total in text object 
    element.form.num.value = total
}

function restart(form) { 
 // set global variables back to initial values 
  total = 0 
  play = false 
 // uncheck all 100 checkboxes 
  for (var i = 1; i <= 100; ++i) {  
   // uncheck current checkbox  
    form.elements[i].checked = false 
  }
}
// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
<!--// immediate script (executed before the other script because it is deferred)
 document.write("<FORM><CENTER>")
 document.write('<INPUT TYPE="text" VALUE="0" NAME="num" SIZE=10 onFocus="this.blur()"><BR>')
 document.write("<HR SIZE=1 WIDTH=40%>")
// use loop to create a 10 x 10 square of checkboxes
 for (var i = 0; i < 10; ++i) { 
  for (var j = 0; j < 10; ++j) {  
   // write checkbox with "display(this)" as event handler script  
    document.write('<INPUT TYPE="checkbox" onClick="display(this)">') 
  } 
  document.write("<BR>")
 }
 document.write("<HR SIZE=1 WIDTH=40%>")
 // create button to call restart function to restart game
  document.write('<INPUT TYPE="button" VALUE="restart" onClick="restart(this.form)">')
  document.write("</CENTER></FORM>")
// -->
</SCRIPT>

Een lang script, dat je volledig moet kopiëren en in een vakje 'Vrije Tekst' moet plakken (Personalisering). Véél speelgenot!

18:44 Gepost door meester carlo in Algemeen | Permalink | Commentaren (1) | Tags: klikspel, blogtip, web, games, webgame, online, spelletje |  Facebook |