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
iframe.html
dit werkt helemaal alleen wil ik nou het volgende form laten werken in de lightwindow:
bij dit form hoort het volgende script
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>