ptera
03-26-2009, 04:35 PM
My question:
I made a html page with several layers. In the layers there are images. With an array and onclick in Javascript de visitor can changes the images.
When i print the page all changes are there. When i save the page to my computer all changes are lost.
This is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ontwerpen</title>
<script type="text/JavaScript">
<!--
function ImageCollection(images) {
this.images = images;
this.i = 0;
this.next = function(img) {
this.i++;
if (this.i == images.length)
this.i = 0;
img.src = images[this.i];
}
}
var ic1 = new ImageCollection(['images/hoek.gif','images/hoekgeel.gif', 'images/hoekrood.gif']);
var ic2 = new ImageCollection(['images/rechtbreed.gif','images/rechtbreedgeel.gif', 'images/rechtbreedrood.gif']);
var ic3 = new ImageCollection(['images/rechtsmall.gif','images/rechtsmallgeel.gif', 'images/rechtsmallrood.gif']);
var ic4 = new ImageCollection(['images/tussen.gif','images/tussengeel.gif', 'images/tussenrood.gif']);
//-->
</script>
<link href="screen.css" rel="stylesheet" type="text/css" />
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>
<div id="a1"><img src='images/hoek.gif' width="64" height="86" onclick="ic1.next(this)"></div>
<div id="b1"><img src='images/rechtbreed.gif' onclick="ic2.next(this)"></div>
<div id="c"><img src='images/rechtsmall.gif' onclick="ic3.next(this)"></div>
<div id="d"><img src='images/tussen.gif' onclick="ic4.next(this)"></div>
<div id="bewaar"> </div>
</body>
</html>
How can i save de results so people can email there page?
Vast bedankt
I made a html page with several layers. In the layers there are images. With an array and onclick in Javascript de visitor can changes the images.
When i print the page all changes are there. When i save the page to my computer all changes are lost.
This is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ontwerpen</title>
<script type="text/JavaScript">
<!--
function ImageCollection(images) {
this.images = images;
this.i = 0;
this.next = function(img) {
this.i++;
if (this.i == images.length)
this.i = 0;
img.src = images[this.i];
}
}
var ic1 = new ImageCollection(['images/hoek.gif','images/hoekgeel.gif', 'images/hoekrood.gif']);
var ic2 = new ImageCollection(['images/rechtbreed.gif','images/rechtbreedgeel.gif', 'images/rechtbreedrood.gif']);
var ic3 = new ImageCollection(['images/rechtsmall.gif','images/rechtsmallgeel.gif', 'images/rechtsmallrood.gif']);
var ic4 = new ImageCollection(['images/tussen.gif','images/tussengeel.gif', 'images/tussenrood.gif']);
//-->
</script>
<link href="screen.css" rel="stylesheet" type="text/css" />
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>
<div id="a1"><img src='images/hoek.gif' width="64" height="86" onclick="ic1.next(this)"></div>
<div id="b1"><img src='images/rechtbreed.gif' onclick="ic2.next(this)"></div>
<div id="c"><img src='images/rechtsmall.gif' onclick="ic3.next(this)"></div>
<div id="d"><img src='images/tussen.gif' onclick="ic4.next(this)"></div>
<div id="bewaar"> </div>
</body>
</html>
How can i save de results so people can email there page?
Vast bedankt