DinieScriptjes en ander handigheidjes

Testje van een javascriptje

Helaas mensen, ik ben weer een beetje meer teleurgesteld. Ik had me meer voorgesteld van de mogelijkheden van web-log dan wat we nu hebben. Alles laadt traag qua beheer en niks wat ik wil "knoeien"met scriptjes en html in de log dat pakt ie .

Bahik baal als een stekker

ZO HAD HET IN HET LOGJE MOETEN KOMEN

<body onload="initiate()">

<SCRIPT>
<!– Beginning of JavaScript –
// Edit your messages. You can add as many messages a you like.
var message = new Array()
message[0]="Nou dit is weer een testje dat web-log moet kunnen doorstaan. Een javascriptje in een logje. Alle andere Js die ik uit heb geprobeerd zijn jammerlijk mislukt. Maar ik heb goede hoop op deze. En als het goed is en je klikt op de tekst (afbeelding lukt volgens mij niet dan kom je in mijn oude logje waar dit clipje in staat. hij blijft leuk. Ik denk dat ik een gouwe ouwe log maak xc3xa9xc3xa9n keer in de week. Ik had voor onze vakantie een wilde greep in onze oude cd’s (allemaal op de pc) gedaan en het was toch wel weer leuk om sommige liedjes te horen. Vooral de herinneringen die eraan kleven, heerlijk"
message[1]=""
message[2]="de test is wel gelukt al is er nog wat finetuning nodig. Jongens ik val in slaap tijdens het tikken. Ik ga slapen want morgen hebben we ook weer een straatfeest."
message[3]=""

// The links of your messages. Be sure that you configure as many links as messages.
// If you don’t want to link a message write ‘#’ instead of an URL (see last sample).
var messageurl = new Array()
messageurl[0]="
http://pukkiemukkie.web-log.nl/pukkiemukkie/2006/02/love_is_all.html"
messageurl[1]="
http://www.pukkiemukkie.nl/weblog"
messageurl[2]="
http://www.pukkiemukkie.nl"
messageurl[3]="
http://www.pukkiemukkie.nl/weblog"

// The images for your messages.
var messageimg = new Array()
messageimg[0]="
http://i13.photobucket.com/albums/a282/pukkiemukkie/liarg.jpg"
messageimg[1]="
http://i13.photobucket.com/albums/a282/pukkiemukkie/griezellaura1.gif"
messageimg[2]="
http://i13.photobucket.com/albums/a282/pukkiemukkie/laurastuurt.jpg"
messageimg[3]="
http://i13.photobucket.com/albums/a282/pukkiemukkie/20050724-007.jpg"

// Alignment for each image in relation to its message-text (right or left)
var alignimg=new Array()
alignimg[0]="right"
alignimg[1]="left"
alignimg[2]="right"
alignimg[3]="left"

// Alignment for message in relation to the margin of the messagebox
var alignmessage=new Array()
alignmessage[0]="justify"
alignmessage[1]="justify"
alignmessage[2]="justify"
alignmessage[3]="justify"

// target of the message-links (HTML conventions)
var target_url="_blank"

// The width of your ticker
var textwidth=475
// The height of your ticker
var textheight=350
// The borderwidth of your ticker
var borderwidth=0
// The size of the font (HTML3 conventions)
var font_size=2
// font-face
var font_face="verdana, arial, helvetica, sans-serif"
// font-color
var font_color="#993300"
// background-color of the ticker
var bg_ticker="#ffcc00"
// The horizontal position of the messagebox: distance to the left margin of the window
var x_finalpos=10
// The vertical position of the messagebox: distance to the top margin of the window
var y_finalpos=10
// Number of lamellas.
var x_slices=6
// Pause beween the messages (milliseconds)
var pause=5000
// Do not change the variables below this line
var imgpreload=new Array()
for (i=0;i<=messageimg.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=messageimg[i]
}
var i_loop=0
var i_message=0
var width_slice=Math.ceil(textwidth/x_slices)
var cliptop=0
var clipbottom=textheight
var i_clipright=1
var content=""
function initiate() {
content+="<table border="+borderwidth+" cellpadding=’5′ width="+textwidth+" height="+textheight+">"
content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border=’0′>"
content+="<a href="+messageurl[i_message]+" target="+target_url+">"
content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
content+=message[i_message]
content+="</font></a></td></tr></table>"
if (document.all) {
for (i=0;i<=x_slices;i++) {
var thisinners=eval("s"+i)
thisinners.innerHTML=content
var thiss=eval("document.all.s"+i+".style")
thiss.posLeft=x_finalpos
thiss.posTop=y_finalpos
}
i_message++
openlamellar()
}
if (document.layers) {
for (i=0;i<=x_slices;i++) {
var thisinners=eval("document.s"+i+".document")
thisinners.write(content)
thisinners.close()
var thiss=eval("document.s"+i)
thiss.left=x_finalpos
thiss.top=y_finalpos
}
i_message++
openlamellarNN()
}
}
function openlamellar() {
clipleft=-width_slice
clipright=0
if (i_clipright<=width_slice) {
for (i=0;i<=x_slices;i++) {
var thiss=eval("document.all.s"+i+".style")
thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright=clipleft+i_clipright
}
i_clipright++
var timer=setTimeout("openlamellar()",20)
}
else {
clearTimeout(timer)
var timer=setTimeout("closelamellar()",3000)
}
}
function openlamellarNN() {
clipleft=-width_slice
clipright=0
if (i_clipright<=width_slice) {
for (i=0;i<=x_slices;i++) {
var thiss=eval("document.s"+i)
thiss.clip.left=clipleft
thiss.clip.right=clipright
thiss.clip.top=cliptop
thiss.clip.bottom=clipbottom
clipleft+=width_slice
clipright=clipleft+i_clipright
}
i_clipright++
var timer=setTimeout("openlamellarNN()",20)
}
else {
clearTimeout(timer)
var timer=setTimeout("closelamellarNN()",2000)
}
}
function closelamellar() {
clipleft=-width_slice
clipright=0
if (i_clipright>=0) {
for (i=0;i<=x_slices;i++) {
var thiss=eval("document.all.s"+i+".style")
thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright=clipleft+i_clipright
}
i_clipright–
var timer=setTimeout("closelamellar()",20)

}
else {
clearTimeout(timer)
var timer=setTimeout("changeimage()",2000)
}
}
function closelamellarNN() {
clipleft=-width_slice
clipright=0
if (i_clipright>=0) {
for (i=0;i<=x_slices;i++) {
var thiss=eval("document.s"+i)
thiss.clip.left=clipleft
thiss.clip.right=clipright
thiss.clip.top=cliptop
thiss.clip.bottom=clipbottom
clipleft+=width_slice
clipright=clipleft+i_clipright
}
i_clipright–
var timer=setTimeout("closelamellarNN()",20)

}
else {
clearTimeout(timer)
var timer=setTimeout("changeimageNN()",2000)
}
}
function changeimage() {
content=""
if (i_message>message.length-1) {i_message=0}
content+="<table border="+borderwidth+" cellpadding=’5′ width="+textwidth+" height="+textheight+">"
content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border=’0′>"
content+="<a href="+messageurl[i_message]+" target="+target_url+">"
content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
content+=message[i_message]
content+="</font></a></td></tr></table>"
for (i=0;i<=x_slices;i++) {
var thisinners=eval("s"+i)
thisinners.innerHTML=content
}
i_message++
openlamellar()
}
function changeimageNN() {
content=""
if (i_message>message.length-1) {i_message=0}
content+="<table border="+borderwidth+" cellpadding=’5′ width="+textwidth+" height="+textheight+">"
content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"
content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border=’0′>"
content+="<a href="+messageurl[i_message]+" target="+target_url+">"
content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"
content+=message[i_message]
content+="</font></a></td></tr></table>"
for (i=0;i<=x_slices;i++) {
var thisinners=eval("document.s"+i+".document")
thisinners.write(content)
thisinners.close()
}
i_message++
openlamellarNN()
}
for (i=0;i<=x_slices;i++) {
document.write("<span id=’s"+i+"’ class=’s’></span>")
}
// – End of JavaScript – –>
</SCRIPT>
</p></body/>

5 gedachten over “Testje van een javascriptje

  1. Ik denk dat er in dat hele web-log nog heel veel van die kinderziektes zitten. Bij mij werken de js alleen in het menu :S Ik ben uberhaupt blij als ik iets op heb kunnen slaan!! hahaha Ik zie trouwens nu alleen je hele script staan en tussen de regels door een paar linkjes..

  2. ook bij pivot kan het niet in een log. ik heb alleen dat scriptje maar even als tekst erin gezet voor mezelf. Had leuk geweest als het direct in een logje had gekund. Ik denk dat ik me toch wat meer moet verdiepen in Flash. Maar e.g. snap ik daar (nog) geen fluit van. 😉

  3. Ik heb er absoluut geen verstand van maar als ik het zo zie allemaal dan is het knap ingewikkeld…..ik hoop dat je er uit komt Dinie en ik heb volgens mij geen rssfeed op mijn site ik zal het even aan mijn vriendin vragen zij heeft mijn site gemaakt….

  4. Dit is toch een prachtig logje? Allemaal mooie tekentjes.;)Ik begrijp er niets meer van. De ene dag gaat bijvoorbeeld alles goed met editor toolshell, en de andere dag zit in mijn geplaatste log zomaar een paar regels van andere grootte. Is het niet zo dat de flash alleen bij de betaalde versie zit?Haha succes verder.

  5. @Peggy
    Prachtg hxc3xa8`die tekentjes, ik heb ze eigenlijk voor mezelf als tekst geplaatst want in de html werd hij gewoon verwijderd.
    Flash kan je ook hier gebruiken maar de truc is, hoe maak je je eigen flashalbumpjes oid

Geef een reactie

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.