Vraag stellen aan bezoeker

Door: Patrick

Met dit script kun je een vraag stellen aan een bezoeker waarna je een funcie kunt uitvoeren. De lay-out kun je instellen.


<br><br>

<!-- Hier bepaal je het uitzicht van het alert-venster -->

<STYLE type="text/css">

.OKknop {

background-color: #FFFF00;

border-color: #996600;

border-style: outset;

border-width: 2px;

font-color: #996600;

font-size: 9pt;

font-family: arial;

width: 70px;

height:20px;  

}

.alertTitel {

background-color: #996600;

font-family: arial;

font-size: 9pt;

color: #FFFFFF;

font-weight: bold;

}

.alertBericht {

font-family: arial;

font-size: 9pt;

color: #000000;

font-weight: normal;

}

.alertVenster {

cursor: default;

filter: alpha(opacity=98);

background-color: #FFCC00;

position: absolute;

top: 200px;

left: 200px;

width: 100px;

height: 50px;

visibility:hidden; z-index: 999;

border-style: outset;

border-width: 1px;

border-color: #996600;

text-align: center;

}

</STYLE>


<div id="alertLayer" class=alertVenster></div>


<SCRIPT type="text/javascript">



function BrowserCheck() {

var b = navigator.appName;

if (b == "Netscape") this.b = "NS";

else if (b == "Microsoft Internet Explorer") this.b = "IE";

else this.b = b;

this.v = parseInt(navigator.appVersion);

this.NS = (this.b == "NS" && this.v>=4);

this.NS4 = (this.b == "NS" && this.v == 4);

this.NS5 = (this.b == "NS" && this.v == 5);

this.IE = (this.b == "IE" && this.v>=4);

this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);

this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);

if (this.IE5 || this.NS5) this.VER5 = true;

if (this.IE4 || this.NS4) this.VER4 = true;

this.OLD = (! this.VER5 && ! this.VER4) ? true : false;

this.min = (this.NS||this.IE);

}

is = new BrowserCheck();

alertBox = (is.VER5) ? document.getElementById("alertLayer").style

: (is.NS) ? document.layers["alertLayer"]

: document.all["alertLayer"].style;


function Fout(){

<!-- Dit zorgt ervoor dat Het Ja/Nee scherm verdwijnt -->

alertBox.visibility = "hidden";

<!-- Funcie Nee -->

alert('Liegen mag niet:p');

}


<!-- In dit gedeelte kun je de afbeelding aanpassen: <img src=...> -->

function maakAlert(aTitle,aMessage,bMessage){

document.all.alertLayer.innerHTML = "<table border=0 width=100% height=100%>" +

"<tr height=5><td colspan=4 class=alertTitel>" + " " + aTitle + "</td></tr>" +

"<tr height=5><td width=5></td></tr>" +

"<tr><td width=5></td><td width=20 align=left><img src='../pics/smiley.gif'></td><td align=left class=alertBericht>" + aMessage + "<BR>" + bMessage +"</td><td width=5></td></tr>" + 

"<tr height=5><td width=5></td></tr>" +

"<tr><td width=5></td><td colspan=2 align=center><input type=button value='Ja' onClick='Goed()' class=OKknop> <input type=button value='Nee' onClick='Fout()' class=OKknop><BR></td><td width=5></td></tr>" +

"<tr height=5><td width=5></td></tr></table>";

thisText = aMessage.length;

if (aTitle.length > aMessage.length){ thisText = aTitle.length; }


aWidth = (thisText * 5) + 80;

aHeight = 100;

if (aWidth < 150){ aWidth = 200; }

if (aWidth > 350){ aWidth = 350; }

if (thisText > 60){ aHeight = 110; }

if (thisText > 120){ aHeight = 130; }

if (thisText > 180){ aHeight = 150; }

if (thisText > 240){ aHeight = 170; }

if (thisText > 300){ aHeight = 190; }

if (thisText > 360){ aHeight = 210; }

if (thisText > 420){ aHeight = 230; }

if (thisText > 490){ aHeight = 250; }

if (thisText > 550){ aHeight = 270; }

if (thisText > 610){ aHeight = 290; }


alertBox.width = aWidth;

alertBox.height = aHeight;

alertBox.left = (document.body.clientWidth - aWidth)/2;

alertBox.top = (document.body.clientHeight - aHeight)/2;

alertBox.visibility = "visible";

}


function Goed() {

<!-- Dit zorgt ervoor dat Het Ja/Nee scherm verdwijnt -->

alertBox.visibility = "hidden";

<!-- Funcie Ja -->

alert("Zet er een fuctie achter");

}

</SCRIPT>


<center>

<INPUT TYPE=button value="Uitvoeren" onClick="maakAlert('<center>Vraag</center>','Is dit een goed script?',' ');">

</center>

<br><br>

Klik hier voor de demo

Reacties

Legend

2007-06-05 00:00:00

Waarom moeilijk doen als het makkelijk kan?

Do gwn
onClick="mijnfuntie()"

dan komt er ook gwn een pop up

Die style hoeft heelmaal niet

Laat een reactie achter

Meld je vandaag nog aan, of login om een reactie te geven