ramblenman
Technical User
I need help with this because I can not get it to work.
I want to change this so that instead of a user clicking on the "click here to continue", when a person clicks on the picture, the new frame automaticly loads. Basicaly I just want to combined the 2 functions. When a user clicks on the picture, the new frame will be loaded(the target frame is different for each picture). Can someone help me with this?
<html>
<head>
<title>Chiller</title>
<script type="text/javascript">
<!--
function Bottle(bottle,img) {
parent.bottleAmount=bottle*10;
parent.RightFrame.ImageToChange2.src=img
}
function changeframe(){
parent.LeftFrame.document.location = "leftcap.html";
}
// -->
</script>
</head>
<body>
<form action="">
<br>
<img src="dbd500ml.jpg" onclick="Bottle(0.20,this.src)" style="position:relative;width:100px;height:300px;" alt="A picture" />
<img src="cr500ml.jpg" onclick="Bottle(0.30,this.src)" style="position:relative;width:100px;height:300px;" alt="A picture" />
<br>
<a href="#" onclick = "changeframe();">Click here to continue</a>
</form>
</form>
</body>
</html>
I want to change this so that instead of a user clicking on the "click here to continue", when a person clicks on the picture, the new frame automaticly loads. Basicaly I just want to combined the 2 functions. When a user clicks on the picture, the new frame will be loaded(the target frame is different for each picture). Can someone help me with this?
<html>
<head>
<title>Chiller</title>
<script type="text/javascript">
<!--
function Bottle(bottle,img) {
parent.bottleAmount=bottle*10;
parent.RightFrame.ImageToChange2.src=img
}
function changeframe(){
parent.LeftFrame.document.location = "leftcap.html";
}
// -->
</script>
</head>
<body>
<form action="">
<br>
<img src="dbd500ml.jpg" onclick="Bottle(0.20,this.src)" style="position:relative;width:100px;height:300px;" alt="A picture" />
<img src="cr500ml.jpg" onclick="Bottle(0.30,this.src)" style="position:relative;width:100px;height:300px;" alt="A picture" />
<br>
<a href="#" onclick = "changeframe();">Click here to continue</a>
</form>
</form>
</body>
</html>