|
about
|
DJ and Karaoke services
|
Scarlet Devil Mansion Party
|
graphic design
|
web design
|
user interface design
|
software
|
tutorials and code samples
|
Presentation Slides
|
contact
|
|
|
UI Example: popupwindow
Normally this would be full screen, however because of moo-tools, this has to be contained in a frame.
|
Example Usage
<script language="JavaScript" type="text/javascript" src="popupwindow.js"></script>
<style type="text/css">
/*all style elements are here to show what can be changed, they aren't required.*/
table.pwtable
{
width:100%;
border:1px solid gray;
background:#DEDEDE;
}
tr.pwevenrow
{
background:#EFEFEF;
width:100%;
}
tr.pwoddrow
{
}
td.pwleft
{
width:50%;
}
td.pwright
{
width:50%;
}
input.pwbutton
{
background:#0067c6;
color:white;
font-weight:bold;
border:2px solid gray;
}
div.pwpopup
{
}
div.pwpopupbg
{
}
tr.header
{
}
td.closebutton
{
font-family:sans-serif;
cursor:pointer;
color:white;
background:red;
text-align:center;
font-weight:bold;
}
td.border
{
background:#0067c6;
margin:0px;
padding:0px;
border:0px;
}
td.popupbody
{
background:white;
}
</style>
<div id="popupdata" style="text-align:right">
<!-- stylize the div any way you want it! -->
<input type="hidden" name="First_Name" value="Joe">
<input type="hidden" name="Last_Name" value="Wall">
<input type="hidden" name="Location" value="C10-E">
<!-- value is the dafault value, it can also be sat by ASP or some other server side language. -->
</div>
<script language="JavaScript" type="text/javascript">
makePopupWindow("popupdata","popupwindow.asp?setupdate=true");
//ID of div to make a popup window out of, and the url to handle the data from the popup.
</script>
|
|
|
|