Kovo Posted September 16, 2007 Share Posted September 16, 2007 <script src="js/mootools.js" type="text/javascript"></script> <script src="js/windoo.js" type="text/javascript"></script> <!--[if IE]> <link rel="stylesheet" href="css/iecss.css" type="text/css"/> <![endif]--> <style type="text/css" media="all">#wone {width: 500px;min-height: 200px;}.outertopleft {background: url(img/topleft.png) top left no-repeat; width: auto; height: 100%; min-height: 100%; min-width: 200px;}.outertopright {background: url(img/topright.png) top right no-repeat; width: 27px; height:100%;display: block;position: relative;float: right;min-width: 27px;min-height: 100px;left: 27px;cursor: move;}.outerbotleft {background: url(img/botleft.png) bottom left no-repeat; width: 100%; height: 23px; min-width: 200px; position: relative;}.outerbotright {background: url(img/botright.png) bottom right no-repeat; width: 26px; height: 22px;display: block;position: relative;top: -28px;float: right;min-width: 26px;min-height: 27px;left: 26px;}/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/.innertopleft {background: url(img/topleft.gif) top left no-repeat; width: 100%; height: 100%; min-width: 190px;}.innertopright {background: url(img/topright.gif) top right no-repeat; width: 3px; height:100%;display: block;position: relative;float: right;min-width: 27px;left: 28px;cursor: move;}.innerbotleft {background: url(img/botleft.gif) bottom left no-repeat; width: 100%; height: 3px; min-width: 190px; position: relative;}.innerbotright {background: url(img/botright.gif) bottom right no-repeat; width: 3px; height: 3px;position: relative;top: -3px;float: right;min-width: 3px;min-height: 3px;left:28px;}.inner {width: 498px;height: 300px;min-height: 150px;min-width: 150px;position: relative;top: 55px;left: 11px;z-index: 5;}.resize {margin: 0;cursor: nw-resize;} </style> <script type="text/javascript"> window.addEvent('domready', function(){ $('wone').makeResizable({ resizeLimit: { x: [450], y: [250]}, handle:$('botright'), container:$('wone').getParent() }); $('inner').makeResizable({ handle:$('botright'), container:$('wone').getParent() }); $('wone').makeDraggable({ handle:$('topright'), container:$('wone').getParent() }); }); </script> </head> <body> <script src="js/backgen.js" type="text/javascript"></script> <!-- end upper chunk of code including scripts and css --> <div id="wone" > <div class="outertopleft"> <div class="outertopright" id="topright"> </div> <div class="inner" id="inner"> <div class="innertopleft"> <div class="innertopright"> </div> sdfs dsf dsf sdfs dsf dsf sdfs dsf dsf sdfs dsf dsf sdfs dsf dsf sdfs dsf dsf sdfs dsf dsf sdfs dsf dsf </div> <div class="innerbotleft"> </div> <div class="innerbotright resize" id="innerbotright"> </div> </div> </div> <div class="outerbotleft"> </div> <div class="outerbotright resize" id="botright"> </div> </div> </body></html> http://www.kovo.ca/8beta/newbetafor some reason the window showsup broken, but if u drag it bigger from the bottom right corner it fixes itself Link to comment Share on other sites More sharing options...
justsomeguy Posted September 18, 2007 Share Posted September 18, 2007 Does anyone have a reference using the $ operator in Javascript?I think the solution would be to call the onResize event of the element after the page loads. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.