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 met de lightwindow:
bij dit form hoort het volgende script
hier staat mijn post over het laten openen van de website in een frame.
ff n korte samenvatting: het moet dus een form worden waarvan de resultaten in een lightwindow geopend word.
ik heb al heel veel geprobeert maar ik kom er echt niet meer uit.
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 met 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>
hier staat mijn post over het laten openen van de website in een frame.
ff n korte samenvatting: het moet dus een form worden waarvan de resultaten in een lightwindow geopend word.
ik heb al heel veel geprobeert maar ik kom er echt niet meer uit.