this code is brought to you by: [b]dynamicdrive.com plus mc donald's fried chicken[/b] and i forgot the preview [url]http://profiles.friendster.com/cip6192[/url] [b]Step one:------------------[/b] put this code inside the onloadhandler, inside the onload handler put it on the last [quote]var div = document.createElement("div"); div.innerHTML = "<div id=\"dhtmlwindowholder\"><span style=\"display:none;\">.</span></div>"; document.getElementsByTagName("body")[0].appendChild(div); var cipinlinewin=dhtmlwindow.open("cipinlinebox", "inline", "[color=red]Html codes here[/color]", "[b]Title here[/b]", "width=200px,height=100px,left=30px,top=360px,resize=1,scrolling=0", "recal") var cipframewin=dhtmlwindow.open("cipframebox", "iframe", "[color=blue]Url of your own site[/color]", "[b]Title here[/b]", "width=820px,height=600px,left=100px,top=540px,resize=1,scrolling=1,center=0", "recal") googlewin.onclose=function(){ return window.confirm("Are you sure that you want to close this box? it will not appear again until you refresh the page.") }[/quote] [color=red]Html codes here[/color] - any html code, music, videos, pictures, slides etc.. just dont forget to change the quotes [b]"[/b] to single quotes [b]'[/b] [color=blue]Url of your own site[/color] - the url of the site you want to load the iframe box [b]Title here[/b] - the header title you can customize this part too... [b]width=200px,height=100px,left=30px,top=360px,resize=1,scrolling=0,center=0[/b] ...with your own, the width the height, the position to left and top, resizable 1 is on 0 is off, scrollable 1 is on 0 is off, center view 1 is on 0 is off. when your done this will be the final code: [quote]if (!attachOnLoadHandler(function(){loadyourjs()})) window.onload = function(){loadyourjs()}; function loadyourjs() { [u]//all the codes inside your onload handler here[/u] [color=green]var div = document.createElement("div"); div.innerHTML = "<div id=\"dhtmlwindowholder\"><span style=\"display:none;\">.</span></div>"; document.getElementsByTagName("body")[0].appendChild(div); var cipinlinewin=dhtmlwindow.open("cipinlinebox", "inline", "Html codes here", "Title here", "width=200px,height=100px,left=30px,top=360px,resize=1,scrolling=0", "recal") var cipframewin=dhtmlwindow.open("cipframebox", "iframe", "Url of your own site", "Title here", "width=820px,height=600px,left=100px,top=540px,resize=1,scrolling=1,center=0", "recal") googlewin.onclose=function(){ return window.confirm("Are you sure that you want to close this box? it will not appear again until you refresh the page.") }[/color] }[/quote] the green part is the codes you need to put at the bottom of the onloadhandler including the green [color=green]}[/color] [b]Step two:------------------[/b] put this code at the very last part of your js codes <">thats it! is for you to know how to experiment the step one procedure. you can also add another box, just create a new function for it. [quote]var [u]cipinlinewin[/u]=dhtmlwindow.open("[b]cipinlinebox[/b]", "[i]inline[/i]", "Html codes here", "Title here", "width=200px,height=100px,left=30px,top=360px,resize=1,scrolling=0", "recal") var [u]cipframewin[/u]=dhtmlwindow.open("[b]cipframebox[/b]", "[i]iframe[/i]", "Url of your own site", "Title here", "width=820px,height=600px,left=100px,top=540px,resize=1,scrolling=1,center=0", "recal")[/quote] as you can see the code above the underlined text is for your unique id name while the bold text is for unique class name and the italized text is for the type of the box you want to add either inline or iframe window. if you want to make another one just create a new var with your own id, class and type(iframe or inline). [b]example:[/b] let say i want to create another iframe window! [quote]var [u]ftalkrocks[/u]=dhtmlwindow.open("[b]ftalkarecool[/b]", "[i]iframe[/i]", "Url of your own site", "Title here", "width=820px,height=600px,left=100px,top=540px,resize=1,scrolling=1,center=0", "recal")[/quote] and place that at the upper part of this code: [quote][b]//place your created window here so far so on[/b] [color=green]googlewin.onclose=function(){ return window.confirm("Are you sure that you want to close this box? it will not appear again until you refresh the page.")[/color][/quote] [b]Step three:-------------[/b] the css properties i already arrange the code, im using this code too, if you want to edit it is you to customize it! <">thats it i hope you understand!

Last edited by cip6192 (2008-03-22 07:25:04)