Toon posts:

html code voor close button advertentie

Pagina: 1
Acties:
  • 314 views

maandag 23 maart 2009 14:14

Acties:
  • 0 Henk 'm!
  • JefB1982
  • Registratie: Maart 2009
  • Laatst online: 03-12-2009

JefB1982

Topicstarter
Beste forum leden,

Voor ons onderzoeksopdracht op de Erasmus Universiteit zijn wij op zoek naar een bepaalde html code. Wij doen onderzoek naar de effectiviteit van zogenaamde floating advertisements, advertenties die een bepaalde tijd boven de pagina "zweven" en later weer verdwijnen.

Hiervoor zoeken wij nog de html code die er voor zorgt dat de close button van de floating advertisement pas na 10 sec verschijnt. Zo wordt de deelnemer aan ons onderzoek verplicht om minimaal 10 seconden naar de advertentie te kijken, om vervolgens na deze 10 seconde de advertentie weg te moeten klikken (maar dus niet eerder!)

Hieronder staat wat wij tot nu toe hebben. De advertentie heb ik dik gedrukt. Hoe kan ik er voor zorgen dat de close button pas na 10 seconde verschijnt?

Alvast bedankt!

Groeten,
Jeffrey Breedijk

<html>


<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fl.10s.HP.Cl.</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>

<body background="../artikel1breed.jpg" onload="FP_preloadImgs(/*url*/'../button11.jpg', /*url*/'../button12.jpg')">

<p align="center"> </p>
<p align="center">  </p>
<p align="center">   </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center">          
</p>


<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center">
<img border="0" id="img1" src="../button10.jpg" height="20" width="100" alt="Volgende" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'../button11.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'../button10.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'../button12.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'../button11.jpg')" fp-style="fp-btn: Corporate 2" fp-title="Volgende"></p>


</body>

<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='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> </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>


</html>

maandag 23 maart 2009 14:33

Acties:
  • 0 Henk 'm!
  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 04-09 08:16

OkkE

CSS influencer :+

Ik zie een hoop hele smerige HTML en Javascript code, wat bij elkaar een enorme onoverzichtelijke bende maakt. Het lijkt er ook sterk op dat dit "document" gemaakt is met een WYSIWYG editor, wat opzich geen ramp is, maar wel betekend dat er zulke verschrikkelijke code uit komt.

Goed, om je vraag te beantwoorden; je kan het oplossen door een timer in te bouwen, dmv setTimeout, waarmee je tot 10 telt, en daarna de close-button laat zien.

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

maandag 23 maart 2009 14:36

Acties:
  • 0 Henk 'm!
  • mcDavid
  • Registratie: April 2008
  • Laatst online: 22-09 20:16

mcDavid

Wat is daar zo moeilijk aan dan?

maandag 23 maart 2009 14:47

Acties:
  • 0 Henk 'm!
  • Bozozo
  • Registratie: Januari 2005
  • Laatst online: 20-02 16:10

Bozozo

Your ad here?

Tip: ga op zoek naar iemand die tenminste beschikt over basic HTML en Javascript kennis. Dit lijkt nergens op namelijk.

TabCinema : NiftySplit

maandag 23 maart 2009 15:15

Acties:
  • 0 Henk 'm!
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
:D :w
  • Huiswerk mag je zelf maken
  • Code post men tussen code tags
  • Als men code post is het enkel relevante code
  • Je antwoord is prima zelf te googlen
  • Dit is zo'n beetje in strijd met alles wat wordt genoemd in onze Quickstart
  • We zijn geen afhaalbalie voor kant-en-klare oplossingen; scriptrequests zijn hier dan ook ongewenst
  • Etc. etc.
Overigens: klasgenootje? Teamgenootje?

[ Voor 106% gewijzigd door RobIII op 23-03-2009 15:20 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Dit topic is gesloten.

Apple iPhone 16e LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq