Hjælp mig med at sætte et vindue op i divs
Er der en venlig sjæl der vil hjælpe mig med at implentere denne boks http://kr0n.dk/exp/exp.html til dette script http://www.dhtmlcentral.com/script/script.asp?id=16Den relevante del af scriptet er
<style type="text/css">
.clWin{position:absolute; z-index:2; visibility:hidden; overflow:hidden; background-color:blue}
.clWindow{position:absolute; background-color:blue; overflow:hidden; z-index:15; width:200}
.clWinHead{position:absolute; width:200; top:0; font-family:arial,arial,helvetica; font-size:11px; font-weight:bold; color:white; background-color:transparent}
.clText{position:absolute; z-index:50; font-family:arial,helvetica; font-size:11px; background-color:transparent}
.clWinResize{position:absolute; z-index:30; width:30; height:30; clip:rect(0,30,30,0); background-image:url(resize.gif); layer-background-image:url(resize.gif)}
.clLogo{position:absolute}
.clUp{position:absolute; width:12; height:12; z-index:60;}
.clDown{position:absolute; width:12; height:12; z-index:60;}
.clWinButtons{position:absolute; font-family:arial,helvetica; font-size:12px}function addWindow(heading,content,x,y,w,h,bg,bga){
var num=oWin.length; wins=num+1; var str=""
str+='<div id="divWin'+num+'" class="clWin">\n'
str+='<div class="clLogo"><img alt="Window Script from DHTMLCentral.com" src="win_logo.gif" width="19" height="18" alt="" border="0" align="top"></div>\n'
+'<div id="divWinHead'+num+'" class="clWinHead"> '+heading+'</div>\n'
+'<div id="divWinButtons'+num+'" class="clWinButtons">\n'
+'<map name="map'+num+'">\n'
+'<area shape="rect" coords="26,2,35,11" href="#" alt="Window Script from DHTMLCentral.com" onclick="oWin['+num+'].close(); return false">\n'
+'<area shape="rect" coords="14,2,23,11" href="#" alt="Window Script from DHTMLCentral.com" onClick="oWin['+num+'].maximize(); return false">\n'
+'<area shape="rect" coords="2,2,11,11" href="#" alt="Window Script from DHTMLCentral.com" onClick="oWin['+num+'].minimize(); return false">\n'
+'</map>\n'
+'<img usemap="#map'+num+'" alt="Window Script from DHTMLCentral.com" src="buttons.gif" width="38" height="14" alt="" border="0">\n'
+'</div>\n'
+'<div id="divWinResize'+num+'" class="clWinResize">\n'
+'</div>\n'
+'<div id="divWindow'+num+'" class="clWindow">\n'
+'<div id="divWinText'+num+'" class="clText">'
if(content){
str+=content+'</div>\n'
+'</div>\n'
+'<div id="divWinUp'+num+'" class="clUp"><a href="#" onclick="return false" onmouseover="winScroll=1; oWin['+num+'].down();" onmouseout="noScroll()"><img src="arrow_up.gif" width="11" height="12" alt="" border="0"></a></div>\n'
+'<div id="divWinDown'+num+'" class="clDown"><a href="#" onclick="return false" onmouseover="winScroll=1; oWin['+num+'].up();" onmouseout="noScroll()"><img src="arrow_down.gif" width="11" height="12" alt="" border="0"></a></div>\n'
+'</div>'
}
document.write(str)
if(content) create_window(num,x,y,w,h,bg,bga)
}
</style>
Det burde være ret ligetil for en øvet =)
Der er 9 billeder, du kan hente dem i en zip fil, her -> http://www.kr0n.dk/exp/exp.zip
På forhånd 1000 tak :)
