Form resultaat openen in lightwindow

Status
Niet open voor verdere reacties.

PatrickMiah

Gebruiker
Lid geworden
19 feb 2007
Berichten
221
hoi,
ik denk dat jullie de lightwindow wel kennen. ik heb nou een pagina met een iframe en een link.

index.html
HTML:
<html>
<head>
<title>LightWindow Test</title>

<!-- Meta Tags -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
	
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/lightwindow.css" />
    
<!-- JavaScript -->
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>

</head>

<body>

<p>
<iframe id="iframe_test" src="iframe.html" frameborder="1" allowtransparency="true" scrolling="no" width="100%" height="100" ></iframe>
</p>

<a href="http://www.youtube.com/" class="lightwindow page-options" title="YouTube" caption="One of my favorites, and really it should be one of yours."><strong>Website Example</strong> - Preview any website from yours!</a>

</body>
</html>

iframe.html
HTML:
<html>
<head>
<title>LightWindow frame Demo</title>

<!-- Meta Tags -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
	
<!-- JavaScript -->
<script type="text/javascript" src="javascript/prototype.js"></script>

</head>

<body>

<p>
<a href="http://www.stickmanlabs.com" class="lightwindow_iframe_link" ><strong>Open a LightWindow from an iframe!</strong></a>
</p>

<script type="text/javascript">
var links = $$('.lightwindow_iframe_link');
links.each(function(link) {
Event.observe(link, 'click', function() {parent.myLightWindow.activate(null, link);}, false);
link.onclick = function() {return false;};
});		
</script>
</body>
</html>

dit werkt helemaal alleen wil ik nou het volgende form laten werken in de lightwindow:
HTML:
<form name="jumpurl1" onSubmit="jumpit()">
	<input type="text" size="30" name="jumpurl2" value="http://">
	<input type="button" value="Ga!" onClick="jumpit()">
</form>

bij dit form hoort het volgende script

Code:
<script>
function jumpit(){
window.location=document.jumpurl1.jumpurl2.value
return false
}
</script>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan