Hulp bij gebruik setTimeout

Door Jos op 13-03-2009 16:01

268 views

Ik doe voor mijn bedrijfskunde bachelor thesis een onderzoek naar de effecten van die (irritante) floating advertisements op brand awareness en brand attitude. Daarvoor moet ik echter verschillende configuraties maken. Ik heb totaal geen ervaring met javascript en ik heb nog één probleem waar ik echt niet uit kom.
Ik wil dat de close button pas verschijnt na een aantal seconden (zeg 10). Ik weet waar de closebutton genoemd wordt (regel 6 hieronder) en dat ik waarschijnlijk met setTimeout moet werken maar ik kom er echt niet uit.
Wie kan mij helpen? Moet ik inderdaad setTimeout gebruiken en in combinatie met wat voor actie?... Ik kan nergens genoeg informatie hierover vinden.


<script language='JavaScript' type=text/javascript>
<!--
document.write("<table width='500' height='300' border='0' cellspacing='0' cellpadding='1' style='display:none;position:absolute;top:10px;left:10px;empty-cells:hide' id='v1771235936960217v181'>")
;document.write("<tr><td style='background: #062F91'>");document.write("<table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'>");document.write("<tr height='0'><td>")
;document.write("<table width='100%' border='0' cellspacing='1' cellpadding='0' style='background: #FFFFFF; color: #062F91; cursor: default'><tr style='font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold'><td>.")
;document.write("<td style='width: 20px; cursor: pointer;' onclick='java script:v1771235936960217v184();'>X");document.write("</table>");document.write("<tr><td>");
;document.write("<table width='100%' height='100%' id='v1771235936960217v185' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'>");document.write("<tr>");document.write("<td>")
;document.write("<table border=\"0\" cellpadding=\"3\" cellspacing=\"0\"><tr><td><font face=\"Verdana\" size=\"2\"><img border=\"0\" src=\"Floater.jpg\"><br> </td></tr></table>");document.write("</table></table></table>"); if ( document.getElementById ) v1771235936960217v186 = document.getElementById ( "v1771235936960217v181" ); else v1771235936960217v186 = document.all ["v1771235936960217v181"]; var v1771235936960217v188 = false; function v1771235936960217v183 ( ) { if ( document.getElementById ) v189 = document.getElementById ( "v1771235936960217v185" ); else v189 = document.all ["v1771235936960217v185"]; if ( v189.style.display == "none" ) { v189.style.display = ""; v1771235936960217v186.style.height = "300px"; } else { v189.style.display = "none"; v1771235936960217v186.style.height = "20px"; } } function v1771235936960217v184 ( ) { v1771235936960217v186.style.display = "none"; v1771235936960217v188 = true; } var v1771235936960217v175, v1771235936960217v176; var v1771235936960217v190, v1771235936960217v191; function v1771235936960217v192 ( ) { return ( ( window.pageXOffset ) ? window.pageXOffset : document.body.scrollLeft ) + v1771235936960217v190; } function v1771235936960217v193 ( ) { return ( ( window.pageYOffset ) ? window.pageYOffset : document.body.scrollTop ) + v1771235936960217v191; } function v1771235936960217v194 ( ) { var v195 = 500; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); if ( ( v1771235936960217v187 -= v195 ) <= 0 ) v1771235936960217v196 ( ); else setTimeout ( "v1771235936960217v194 ( );", v195 ); } function v1771235936960217v197 ( v198 ) { if ( v1771235936960217v190 != v1771235936960217v175 || v1771235936960217v191 != v1771235936960217v176 ) { if ( v1771235936960217v190 != v1771235936960217v175 ) if ( Math.abs ( v1771235936960217v190 - v1771235936960217v175 ) <= v1771235936960217v199 ) v1771235936960217v190 = v1771235936960217v175; else if ( v1771235936960217v190 < v1771235936960217v175 ) v1771235936960217v190 += v1771235936960217v199; else v1771235936960217v190 -= v1771235936960217v199; if ( v1771235936960217v191 != v1771235936960217v176 ) if ( Math.abs ( v1771235936960217v191 - v1771235936960217v176 ) <= v1771235936960217v199 ) v1771235936960217v191 = v1771235936960217v176; else if ( v1771235936960217v191 < v1771235936960217v176 ) v1771235936960217v191 += v1771235936960217v199; else v1771235936960217v191 -= v1771235936960217v199; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); setTimeout ( "v1771235936960217v197 ( " + v198 + " );", 20 ); } else if ( v198 ) v1771235936960217v194 ( ); else v1771235936960217v186.style.display = "none"; } function v1771235936960217v200 ( v201, v202 ) { v1771235936960217v175 = v201; v1771235936960217v176 = v202; v1771235936960217v190 = v201; v1771235936960217v191 = v202; var v205 = 0, v206 = 0; v205 = -v201 -500; v206 = -v202 -300; if ( v205 != 0 && v206 != 0 ) if ( Math.abs ( v205 ) < Math.abs ( v206 ) ) v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 ); else v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 ); v1771235936960217v190 += v205; v1771235936960217v191 += v206; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); v1771235936960217v186.style.display = ""; v1771235936960217v197 ( true ); } function v1771235936960217v196 ( ) { if ( v1771235936960217v188 ) return; v1771235936960217v199 = 24; var v205 = 0, v206 = 0; var v201 = v1771235936960217v175, v202 = v1771235936960217v176; v205 = ( ( window.innerWidth ) ? window.innerWidth : document.body.clientWidth ) - v201; if ( v205 != 0 && v206 != 0 ) if ( Math.abs ( v205 ) < Math.abs ( v206 ) ) v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 ); else v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 ); v1771235936960217v175 += v205; v1771235936960217v176 += v206; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); v1771235936960217v186.style.display = ""; v1771235936960217v197 ( false ); } var v1771235936960217v199 = 16.970725498515062; setTimeout ( "v1771235936960217v200 ( 400, 100, 16.970725498515062 );", 1500 ); var v1771235936960217v217, v1771235936960217v218; function v1771235936960217v219 ( v220 ) { v221 = ( document.all ) ? event.clientX : v220.clientX; v222 = ( document.all ) ? event.clientY : v220.clientY; v1771235936960217v190 += v221 - v1771235936960217v217; v1771235936960217v191 += v222 - v1771235936960217v218; v1771235936960217v217 = v221; v1771235936960217v218 = v222; v1771235936960217v186.style.top = v1771235936960217v193 ( ); v1771235936960217v186.style.left = v1771235936960217v192 ( ); } function v1771235936960217v223 ( ) { } function v1771235936960217v224 ( ) { document.onmousemove = v1771235936960217v223; document.onmouseup = v1771235936960217v223; } function v1771235936960217v225 ( v220 ) { v1771235936960217v217 = ( document.all ) ? event.clientX : v220.clientX; v1771235936960217v218 = ( document.all ) ? event.clientY : v220.clientY; document.onmousemove = v1771235936960217v219; document.onmouseup = v1771235936960217v224; } v1771235936960217v186.onmousedown = v1771235936960217v225;
//-->
</SCRIPT>

Jesper Diovo

13-03-2009 16:44

Een timeout zetten op een functie die die tekst (met link, dus een a) te voorschijn tovert als de tijd voorbij is.
Voorbeeldje:


// HTML:
<a id="linkje" class="visibility: hidden;" onclick="javascript:click();">X</a>

// JavaScript:
setTimeout(function () {
  document.getElementById("linkje").style.visibility = "visible";
}, 10000);

De 10000 is de tijd in milliseconden: [google]JavaScript setTimeout[/google].

Jos

13-03-2009 18:05

Ik kom er nog niet uit. Ik heb echt nul ervaring met html en javascript.

Het html stuk heb ik in de head geplaatst, klopt dat?

Met linkje bedoel je een id zodat de functie aan de closebutton gelinkt wordt? Hoe geef ik die een naam?

Ik krijg nu alleen een X in de linkerbovenhoek van het scherm en niet eens pas na 10 seconden...


<head>
<a id="v1771235936960217v184" class="visibility: hidden;" onclick="javascript:click();">X</a>

<SCRIPT language='JavaScript' type=text/javascript>


document.write("<table width='500' height='300' border='0' cellspacing='0' cellpadding='1' style='display:none;position:absolute;top:10px;left:10px;empty-cells:hide' id='v1771235936960217v181'>")
;document.write("<tr><td style='background: #062F91'>");document.write("<table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'>");document.write("<tr height='0'><td>")
;document.write("<table width='100%' border='0' cellspacing='1' cellpadding='0' style='background: #FFFFFF; color: #062F91; cursor: default'><tr style='font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold'><td>.")
setTimeout(function () {
  document.getElementById("v1771235936960217v184").style.visibility = "visible";
}, 10000)
;document.write("<td style='width: 20px; cursor: pointer;' onclick='javascript:v1771235936960217v184();'>X");document.write("</table>");document.write("<tr><td>");
;document.write("<table width='100%' height='100%' id='v1771235936960217v185' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'>");document.write("<tr>");document.write("<td>")
;document.write("<table border=\"0\" cellpadding=\"3\" cellspacing=\"0\"><tr><td><font face=\"Verdana\" size=\"2\"><img border=\"0\" src=\"Floater.jpg\"><br>&nbsp;</td></tr></table>");document.write("</table></table></table>"); if ( document.getElementById ) v1771235936960217v186 = document.getElementById ( "v1771235936960217v181" ); else v1771235936960217v186 = document.all ["v1771235936960217v181"]; var v1771235936960217v188 = false; function v1771235936960217v183 ( ) {   if ( document.getElementById )     v189 = document.getElementById ( "v1771235936960217v185" );   else     v189 = document.all ["v1771235936960217v185"];   if ( v189.style.display == "none" )     {       v189.style.display = "";       v1771235936960217v186.style.height = "300px";     }   else     {       v189.style.display = "none";       v1771235936960217v186.style.height = "20px";     } } function v1771235936960217v184 ( ) {   v1771235936960217v186.style.display = "none";   v1771235936960217v188 = true; } var v1771235936960217v175, v1771235936960217v176; var v1771235936960217v190, v1771235936960217v191; function v1771235936960217v192 ( ) {   return ( ( window.pageXOffset ) ? window.pageXOffset : document.body.scrollLeft ) + v1771235936960217v190; } function v1771235936960217v193 ( ) {   return ( ( window.pageYOffset ) ? window.pageYOffset : document.body.scrollTop ) + v1771235936960217v191; } function v1771235936960217v194 ( ) {   var v195 = 500;   v1771235936960217v186.style.top = v1771235936960217v193 ( );   v1771235936960217v186.style.left = v1771235936960217v192 ( );   if ( ( v1771235936960217v187 -= v195 ) <= 0 )     v1771235936960217v196 ( );   else     setTimeout ( "v1771235936960217v194 ( );", v195 ); } function v1771235936960217v197 ( v198 ) {   if ( v1771235936960217v190 != v1771235936960217v175 || v1771235936960217v191 != v1771235936960217v176 )     {       if ( v1771235936960217v190 != v1771235936960217v175 )         if ( Math.abs ( v1771235936960217v190 - v1771235936960217v175 ) <= v1771235936960217v199 )           v1771235936960217v190 = v1771235936960217v175;         else           if ( v1771235936960217v190 < v1771235936960217v175 )             v1771235936960217v190 += v1771235936960217v199;           else             v1771235936960217v190 -= v1771235936960217v199;       if ( v1771235936960217v191 != v1771235936960217v176 )         if ( Math.abs ( v1771235936960217v191 - v1771235936960217v176 ) <= v1771235936960217v199 )           v1771235936960217v191 = v1771235936960217v176;         else           if ( v1771235936960217v191 < v1771235936960217v176 )             v1771235936960217v191 += v1771235936960217v199;           else             v1771235936960217v191 -= v1771235936960217v199;       v1771235936960217v186.style.top  = v1771235936960217v193 ( );       v1771235936960217v186.style.left = v1771235936960217v192 ( );       setTimeout ( "v1771235936960217v197 ( " + v198 + " );", 20 );     }   else     if ( v198 )       v1771235936960217v194 ( );     else       v1771235936960217v186.style.display = "none"; } function v1771235936960217v200 ( v201, v202 ) {   v1771235936960217v175 = v201;   v1771235936960217v176 = v202;   v1771235936960217v190 = v201;   v1771235936960217v191 = v202;    var v205 = 0, v206 = 0;    v205 = -v201 -500;    v206 = -v202 -300;    if ( v205 != 0 && v206 != 0 )      if ( Math.abs ( v205 ) < Math.abs ( v206 ) )        v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 );      else        v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 );   v1771235936960217v190 += v205;   v1771235936960217v191 += v206;   v1771235936960217v186.style.top  = v1771235936960217v193 ( );   v1771235936960217v186.style.left = v1771235936960217v192 ( );   v1771235936960217v186.style.display = "";   v1771235936960217v197 ( true ); } function v1771235936960217v196 ( ) {   if ( v1771235936960217v188 )     return;   v1771235936960217v199 = 24;    var v205 = 0, v206 = 0;    var v201 = v1771235936960217v175, v202 = v1771235936960217v176;    v205 = ( ( window.innerWidth ) ? window.innerWidth : document.body.clientWidth ) - v201;    if ( v205 != 0 && v206 != 0 )      if ( Math.abs ( v205 ) < Math.abs ( v206 ) )        v206 = v206 / Math.abs ( v206 ) * Math.abs ( v205 );      else        v205 = v205 / Math.abs ( v205 ) * Math.abs ( v206 );   v1771235936960217v175 += v205;   v1771235936960217v176 += v206;   v1771235936960217v186.style.top  = v1771235936960217v193 ( );   v1771235936960217v186.style.left = v1771235936960217v192 ( );   v1771235936960217v186.style.display = "";   v1771235936960217v197 ( false ); } var v1771235936960217v199 = 16.970725498515062; setTimeout ( "v1771235936960217v200 ( 400, 100, 16.970725498515062 );", 1500 ); var v1771235936960217v217, v1771235936960217v218; function v1771235936960217v219 ( v220 ) {   v221 = ( document.all ) ? event.clientX : v220.clientX;   v222 = ( document.all ) ? event.clientY : v220.clientY;   v1771235936960217v190 += v221 - v1771235936960217v217;   v1771235936960217v191 += v222 - v1771235936960217v218;   v1771235936960217v217 = v221;   v1771235936960217v218 = v222;   v1771235936960217v186.style.top  = v1771235936960217v193 ( );   v1771235936960217v186.style.left = v1771235936960217v192 ( ); } function v1771235936960217v223 ( ) { } function v1771235936960217v224 ( ) {   document.onmousemove = v1771235936960217v223;   document.onmouseup   = v1771235936960217v223; } function v1771235936960217v225 ( v220 ) {   v1771235936960217v217 = ( document.all ) ? event.clientX : v220.clientX;   v1771235936960217v218 = ( document.all ) ? event.clientY : v220.clientY;   document.onmousemove = v1771235936960217v219;   document.onmouseup   = v1771235936960217v224; } v1771235936960217v186.onmousedown = v1771235936960217v225;
//-->
</SCRIPT>

Jesper Diovo

13-03-2009 18:42

Misschien is het dan beter om eerst om HTML en JavaScript te gaan leren.

[google]HTML Handleiding[/google]
[google]JavaScript Beginnershandleiding[/google]

Jos

13-03-2009 19:35

Ik vind het zonde om daar veel tijd in te steken aangezien ik niet van plan ben er meer mee te doen. Nu was het noodzakelijk voor mijn onderzoek. En het oplossen van dit setTimeout probleempje is het enige waar ik niet uit kom. De overige pages en structuur zijn al klaar voor gebruik.

Maar toch bedankt voor de tip;)

Reageren

Inloggen om te reageren