Ajax Example
This is an Ajax Example, when you used Ajax, the Content between <body>...</body> will be load into the winDiv.
So you can used all JavaScript, Images, CSS from the current Webpage.
There is also a small checker inside which check if the Ajax Request is valid.
Close Function:
When you want to close winDiv on a click you can simple used ...onclick="ByRei_winDiv.close();"..., such like the Login Example.
Test W3C Validation:
HTML Code
<script type="text/javascript" src="byrei_windiv-0.8.js"></script>
...
<i> Other Files like Text, HTML and URLs : </i><br>
<a href="login.html" class="winDiv winDiv_Ajax winDiv_height-150 winDiv_width-300 winDiv_nofooter"> Login Example </a><br>
<a href="test.html" class="winDiv winDiv_Ajax"> Simple HTML File </a><br>
<a href="http://windiv.markusbordihn.de/other/index.htm" class="winDiv winDiv_Ajax"> Same Domain </a><br>
<a href="http://animearchive.de/index.htm" class="winDiv winDiv_Ajax"> Crossdomain </a><br>
...
Login Page HTML Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Login </title>
</head>
<body>
<h1> Login Example </h1>
<form action="" target="_top">
<div>
<p>Username: <input name="" type="text" value="" style="border: 1px solid #ccc;"></p>
<p>Password: <input name="" type="password" value="" style="border: 1px solid #ccc;"></p>
<p><input type="submit" value="login" onclick="alert('Thanks for Login');ByRei_winDiv.close();"> <input type="reset" value="abort" onclick="alert('Abort');ByRei_winDiv.close();"></p>
</div>
</form>
</body>
</html>