Search and Top Navigation
Ticket #4999: test.html
File test.html, 0.9 KB (added by wimvl, December 09, 2009 01:48PM UTC)
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/JavaScript" src="includes/javascript/jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/JavaScript" src="includes/javascript/jquery/development-bundle/ui/effects.core.js"></script>
<style type="text/css">
body {
margin:0px;
}
.box {
position:absolute;
height:50px;
width: 50px;
border: 1px solid #000000;
}
.fullscreen {
position:absolute;
width: 100%;
height:auto;
min-height:100%;
border: 1px solid #000000;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#box').click( function() {
$('#box').toggleClass('fullscreen',1000);
});
});
</script>
</head>
<body>
<div id="box" class="box"></div>
</body>
</html>
Download in other formats:
Original Format
File test.html, 0.9 KB (added by wimvl, December 09, 2009 01:48PM UTC)
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/JavaScript" src="includes/javascript/jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/JavaScript" src="includes/javascript/jquery/development-bundle/ui/effects.core.js"></script>
<style type="text/css">
body {
margin:0px;
}
.box {
position:absolute;
height:50px;
width: 50px;
border: 1px solid #000000;
}
.fullscreen {
position:absolute;
width: 100%;
height:auto;
min-height:100%;
border: 1px solid #000000;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#box').click( function() {
$('#box').toggleClass('fullscreen',1000);
});
});
</script>
</head>
<body>
<div id="box" class="box"></div>
</body>
</html>