dhtmlwindow.zip

Play around with Window 1 (iframe content)

• Show Window 1
• Hide Window 1
• Change Window's URL to CSS Drive
• Resize Window to 800px by 600px

Play around with Window 2 (inline content)

• Show Window 2
• Change Inline content for Window 2
• Move Window 2

Play around with Window 3 (Ajax content)

• Create/ Open Window 3 (in IE, this Ajax demo must be run online!)
• Center Window 3
• Load another page's content in Window 3
• Show Window 3

Play around with Window 4 (Content from a DIV on page)

• Create/ Open Window 4
• Disable Window 4 Resize
• Disable Window 4 Scrollbars
• Show Window 4

DHTML Window Widget- Download and documentation

<link rel="stylesheet" href="http://www.happycgi.com/Attach/screen_shot/2007/08/29/1188353090/windowfiles/dhtmlwindow.css" type="text/css" />

<script type="text/javascript" src="http://www.happycgi.com/Attach/screen_shot/2007/08/29/1188353090/windowfiles/dhtmlwindow.js">

/***********************************************
* DHTML Window Widget- ?Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<div id="somediv" style="display:none">
<p style="height: 400px">This is some content within a DIV, shown inside this window instead</p>
</div>

<!-- 1) DHTML Window Example 1: -->

<script type="text/javascript">

var googlewin=dhtmlwindow.open("googlebox", "iframe", "http://images.google.com/", "#1: Google Web site", "width=590px,height=350px,resize=1,scrolling=1,center=1", "recal")

googlewin.onclose=function(){ //Run custom code when window is being closed (return false to cancel action):
return window.confirm("Close window 1?")
}

</script>

<p>Play around with Window 1 (iframe content)</p>
<ul>
<li><a href="#" onClick="googlewin.show(); return false">Show Window 1</a></li>
<li><a href="#" onClick="googlewin.hide(); return false">Hide Window 1</a></li>
<li><a href="#" onClick="googlewin.load('iframe', 'http://www.cssdrive.com', 'CSS Drive'); return false">Change Window's URL to CSS Drive</a></li>
<li><a href="#" onClick="googlewin.setSize(800, 500); return false">Resize Window to 800px by 600px</a></li>
</ul>

<!-- 2) DHTML Window Example 2: -->

<script type="text/javascript">

var inlinewin=dhtmlwindow.open("broadcastbox", "inline", "This is some inline content. <a href='http://dynamicdrive.com'>Dynamic Drive</a>", "#2: Broadcast Title", "width=300px,height=120px,left=150px,top=10px,resize=1,scrolling=0", "recal")

</script>

<p>Play around with Window 2 (inline content)</p>
<ul>
<li><a href="#" onClick="inlinewin.show(); return false">Show Window 2</a></li>
<li><a href="#" onClick="inlinewin.load('inline', 'The content in this window has changed!', 'New Broadcast Title'); return false">Change Inline content for Window 2</a></li>
<li><a href="#" onClick="inlinewin.moveTo(400, 200); return false">Move Window 2</a></li>
</ul>

<!-- 3) DHTML Window Example 3: -->

<p>Play around with Window 3 (Ajax content)</p>

<script type="text/javascript">
function openmypage(){ //Define arbitrary function to run desired DHTML Window widget codes
ajaxwin=dhtmlwindow.open("ajaxbox", "ajax", "windowfiles/external.htm", "#3: Ajax Win Title", "width=450px,height=300px,left=300px,top=100px,resize=1,scrolling=1")
ajaxwin.onclose=function(){return window.confirm("Close window 3?")} //Run custom code when window is about to be closed
}
</script>
<ul>
<li><b><a href="#" onClick="openmypage(); return false">Create/ Open Window 3</a> (in IE, this Ajax demo must be run online!)</b></li>
<li><a href="#" onClick="ajaxwin.moveTo('middle', 'middle'); return false">Center Window 3</a></li>
<li><a href="#" onClick="ajaxwin.load('ajax', 'windowfiles/external2.htm', 'New Ajax Page'); return false">Load another page's content in Window 3</a></li>
<li><a href="#" onClick="ajaxwin.show(); return false">Show Window 3</a></li>
</ul>

<!-- 4) DHTML Window Example 4: -->

<p>Play around with Window 4 (Content from a DIV on page)</p>
<ul>
<li><a href="#" onClick="divwin=dhtmlwindow.open('divbox', 'div', 'somediv', '#4: DIV Window Title', 'width=450px,height=300px,left=200px,top=150px,resize=1,scrolling=1'); return false"><b>Create/ Open Window 4</b></a></li>
<li><a href="#" onClick="divwin.isResize(false); return false">Disable Window 4 Resize</a></li>
<li><a href="#" onClick="divwin.isScrolling(false); return false">Disable Window 4 Scrollbars</a></li>
<li><a href="#" onClick="divwin.show(); return false">Show Window 4</a></li>
</ul>

<h3><a href="http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/">DHTML Window Widget- Download and documentation</a></h3>

좀더 흥미로운 내용이 많이 있습니다.. HOME > WEB/HTML/Css/Script를 확인하세요

애드센스로 즐거운 블로깅 하세요 매일매일 늘어 가는 수익 즐거운 인터넷 세상입니다.
도움말을 오픈해 두시고 위의 [Google Adsense로 귀하의 ~~]를 클릭하셔서 가입을 진행하시면 됩니다.

그리고 더불어 간편하게 사진을 편집하는 Picasa, 불필요한 팝업없는 FireFox, Real player로 실시간 스포츠 관전, 요금 없는 Sky pe로 즐거운 통화등 구글 툴로 즐거운 컴생활을 즐기세요!!
일단 패키지를 설치해 보세요 컴퓨터 생활이 틀려집니다.