anoniem Geplaatst: 31 mei 2003 Delen Geplaatst: 31 mei 2003 hoi, ik heb een code waarmee ik een text laat opkomen en vervagen. hij komt 1 keer auto matisch en je kan op een link klikken dan komt hij ook. ik kwam er toevallig achter dat als je snel achter elkaar klikt, hij ietsje anders gaat dan als hij auto. gaat. ps. het is een lange code :wink: [code:1:4b46fa2c88] <html> <head> <title>Java Tester 2.0</title> <body> <body bgcolor="EEEEEE"> <font face="trebuchet ms,arial,times new roman" color="000000"> <Style> A:Link{ Color: white; Text-decoration: underline} A:Visited{ Color: white; Text-decoration: underline} A:Hover{ Color: white; Text-decoration: none} td, body {font-family: verdana, arial, helvetica; font-size:11px;} </Style> <style type="text/css"> #divZoom {position:absolute; left:0px; top:170px; width:100%; text-align:center;} </style> <script language="JavaScript" type="text/javascript"> function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() zText=new Array('Welcome','To','Civilisation','Free Scripts','Free Tutorials','Free online games','Civilisation!') zColor=new Array('#202020','#424242','#8E8E8E','#C2C2C2','#E8E8E8') var zEndSize=70 var zSpeed=50 var zAddSize=5 var zFadeSpeed=50 var zFont='Trebuchet ms,arial black,arial,helvetica,sans-serif,times new roman' var zHide=false var zHideWait=1000 var zStartSize=10 var zEndCode="" onload=zoomInit; function makeZoomObj(obj,font,size,endsize,color,text,zspeed,fadespeed,addsize,hide,hidewait,endcode){ this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0; this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0; this.zoomWrite=b_zoomWrite; this.zoomIt=b_zoomIt; this.fadeIt=b_fadeIt; this.zoomFade=b_zoomFade; this.font=font; this.color=new Array(); this.color=eval(color); this.text=new Array(); this.text=eval(text); this.zspeed=zspeed; this.fadespeed=fadespeed; this.addsize=addsize; this.endcode=endcode this.hide=hide; this.hidewait=hidewait; this.size=size; this.startsize=size; this.endsize=endsize if(size<endsize){this.way="<"; this.addsize=this.addsize }else{this.way=">"; this.addsize=-this.addsize} if(bw.dom || bw.ie4){ //Setting the style properties this.css.fontFamily=this.font; this.css.fontSize=this.size+"px"; this.css.color=this.color[0] } this.obj = obj + "Object"; eval(this.obj + "=this"); return this } function b_zoomFade(num){ if(num<this.text.length){ this.size=this.startsize this.zoomIt(num,'this.zoomFade('+(num+1)+')') } else if(num==this.text.length) this.fadeIt(0,'this.zoomFade('+(num+1)+')') else if(this.hide) setTimeout(this.obj+".css.visibility='hidden'; eval("+this.obj+".endcode)",this.hidewait) } function b_zoomWrite(num,cnum){ if(bw.ns4){ this.writeref.write('<span style="text-align:center; font-size:' +this.size+'px; font-family:'+this.font+'; color:'+this.color[cnum]+'">'+this.text[num]+'</span>') this.writeref.close() }else this.writeref.innerHTML="<center>"+this.text[num]+"</center>" } function b_zoomIt(num,fn){ if(eval(this.size+this.way+this.endsize)){ if(this.size==this.startsize || bw.ns4) this.zoomWrite(num,0) if(bw.dom || bw.ie4) this.css.fontSize=this.size+"px" this.size=this.size+this.addsize setTimeout(this.obj+".zoomIt("+num+",'"+fn+"')",this.zspeed) }else eval(fn) } function b_fadeIt(num,fn){ if(num<this.color.length){ if(bw.ns4) this.zoomWrite(this.text.length-1,num) else this.css.color=this.color[num] num++ setTimeout(this.obj+".fadeIt("+num+",'"+fn+"')",this.fadespeed) }else eval(fn) } function zoomInit(){ if(bw.bw){ oZoom=new makeZoomObj('divZoom',zFont,zStartSize,zEndSize,'zColor','zText',zSpeed,zFadeSpeed,zAddSize,zHide,zHideWait,zEndCode) oZoom.zoomFade(0) oZoom.css.visibility='visible' } } </script> <div id="divZoom" align="center"><!-- older browsers will not see this --></div> <a href="#" onclick="zoomInit(); return false">Click to start ZoomFade</a> <BR><BR><BR><BR><BR> </body> </head> </html> [/code:1:4b46fa2c88] nu wil ik dat hij automatisch die 3 klikjes uitvoert maar ik zou niet weten hoe. ik heb natuurlijk zelf al aardig rondgevraagd en op internet gezocht maar ik kom er niet uit :cry: :oops: iemand ideën of suggesties? Alvast bedankt, Lodewijk Quote Link naar reactie
anoniem Geplaatst: 1 juni 2003 Auteur Delen Geplaatst: 1 juni 2003 De simpelste oplossing is natuurlijk om de functie waarmee de "zoom" gestart wordt 3 maal aan te roepen. Wijzig hiervoor de onload handler: [code:1:4a7df0e4ab] onload = function() { zoomInit(); zoomInit(); zoomInit(); } [/code:1:4a7df0e4ab] Alleen mis je dan net dat kleine beetje vertraging dat je bij het 3 maal klikken tussen de zooms krijgt. Een iets betere oplossing krijg je door een setTimeout om de aanroep te zetten. Hiervoor heb ik een kleine functie als voorbeeld gemaakt (imho iets overzichtelijker dan alles in de onload proppen). Je zal zelf even moeten spelen met het aantal aanroepen dat je wil en de delay die het best werkt. [code:1:4a7df0e4ab] onload = function() { startMultipleZooms(3, 250); } function startMultipleZooms(iZoomInits, iDelay) { for (var i = 0; i < iZoomInits; i++) { setTimeout('zoomInit()', i * iDelay); } } [/code:1:4a7df0e4ab] Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen