Texte source de la page située à http://vichniacoff.alain.free.fr/pages/peinture/verkindt/grille1cm.html


<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>grille1cm.html</title>
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<script language=javascript>
<!--
{self.moveTo(0,0)
self.resizeTo((screen.availWidth),(screen.availHeight))}
// -->
</script>
</head>
<body bgcolor= black background="monimage.jpg" style="background-repeat: no-repeat" onClick="javascript:history.go(-1)">
<script type="text/javascript">
<!--
 alert("La grille ne se voit que sous\n   Internet Explorer\n\nVous ne verrez pas de grille\n   sous Mozilla Firefox\n\nVous cliquerez dans l'image pour quitter");
//-->
</script>
<!--- 20 centimètres contiennent 567 pixels --------------------------------------------------------->
<!--- tracer la grille de 1cm en traits continus noirs puis en traits pointillés blancs ------------->
<!--- ensuite tracer la grille de 2cm en traits continus roses puis en traits pointillés jaunes ----->
<script language="javascript">
var largeur = 1200 ;
var hauteur = 1149 ;
var z = 0;
var lv = Math.round((largeur/567)*20);
var lh = Math.round((hauteur/567)*20);
for(i = 1; i < lv+1; i++)
{
a = Math.round(i*(567/20));
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ a +","+ z +"' to='"+ a +","+ hauteur +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#000000' /></v:line></div>");
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ a +","+ z +"' to='"+ a +","+ hauteur +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#ffffff' dashstyle='dot' /></v:line></div>");
}
for(i = 1; i < lh+1; i++)
{
a = Math.round(i*(567/20));
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ z +","+ a +"' to='"+ largeur +","+ a +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#000000' /></v:line></div>");
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ z +","+ a +"' to='"+ largeur +","+ a +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#ffffff' dashstyle='dot' /></v:line></div>");
}
var lv = Math.round((largeur/567)*10);
var lh = Math.round((hauteur/567)*10);
for(i = 1; i < lv+1; i++)
{
a = Math.round(i*(567/10));
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ a +","+ z +"' to='"+ a +","+ hauteur +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#cc0099' /></v:line></div>");
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ a +","+ z +"' to='"+ a +","+ hauteur +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#ffff00' dashstyle='dot' /></v:line></div>");
}
for(i = 1; i < lh+1; i++)
{
a = Math.round(i*(567/10));
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ z +","+ a +"' to='"+ largeur +","+ a +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#cc0099' /></v:line></div>");
document.write("<div style='position: absolute; left: 0; top: 0'>");
document.write("<v:line from='"+ z +","+ a +"' to='"+ largeur +","+ a +"'>");
document.write("<v:stroke on='True' weight='1pt' color='#ffff00' dashstyle='dot' /></v:line></div>");
}
</script>
</body>
</html>