Floating Blocks!!!!

[akulion]

ill try and get some more functions into the script itself

for now this is all i could do

dont worry ill work something out of it sooner or later

ill pm u if i manage

[xDeathList5x]

great

I already play with the script haha

looks great

[eitbuzz]

these are not Collapsible at Demo Site , is it updated version of Demo or What?

[akulion]

these are not Collapsible at Demo Site , is it updated version of Demo or What?

oh that was conflictin with the other blocks and so i disabled it

but u can follow instructions in this post:
http://www.tinyportal.net/smf/index.php?topic=8866.msg73915#msg73915

to get it up and running - the file u download...put ur affliate javascript in there :up:

[Sforzando]

Hi, thanks very much, Akulion.
As I wrote in a pm, I'd like to use these floating blocks not in a forum but for content on my site- something like how http://www.madonna.com displays the content in closeable boxes that were automatically displayed over a background image.
If you could explain how I could code this, I'd really appreciate it.

[akulion]

hi,

The procedure is exactly the same - u will have to download the file provided and put it in the same folder as ur homepage

Then in the file you want to include it in u just have to do 2 things:

1 - the file extension MUST be .php (yourfile.php)

2 - inside the file while normally coding in HTML simply include this bit after the <body> tag

Code Select Expand


<?
include './gobo.php';
echo"

<div id='dwindow' class='drsElement'
style='left: 50px; top: 100px; width: 250px; height: 120px;
background: #CDF; text-align: center'>
<div class='drsMoveHandle'><table><tr><td>TITLE HERE</td><td><img src='closedr.gif' onClick='closeit()'></td></tr></table></div>

YOUR CONTENT GOES HERE - YOU CAND HAVE PHP. SSI FUNCTIONS AND HTML

</div>

<div id='dwindow1' class='drsElement'
style='left: 800px; top: 40px; width: 150px; height: 200px;
background: #FDC; text-align: center'>
<div class='drsMoveHandle'><table><tr><td>USERS ONLINE</td><td><img src='closedr.gif' onClick='closeit1()'></td></tr></table></div>";

ssi_whosOnline(); //An example using the SSI Function change to whatever you like

echo"</div>

<div id='dwindow' class='drsElement'
style='left: 160px; top: 250px; width: 730px; height: 90px;
background: #6b92b2; text-align: center'>
<div class='drsMoveHandle'><table><tr><td>RECENT TOPICS</td><td><img src='closedr.gif' onClick='closeit2()'></td></tr></table></div>";

ssi_recentTopics(); //An example using the SSI Function change to whatever you like

echo"</div>";
?>


so basically all you are doing is putting a <? and ?> at the beginning and end of the code from my 1st post :up: that will allow you to include php on the page itself.

Try it out and let me know if it works

ps: dont forget to put ur custom stuff where it says "YOUR CONTENT GOES HERE - YOU CAND HAVE PHP. SSI FUNCTIONS AND HTML"

[Sforzando]

Thanks, but sorry, I'm kinda confused.
First, you download the file provided, and upload it to your root folder.
And then I have to change the page displaying the boxes to .php?
And then, if I want multiple boxes, I just copy this code multiple times? Am I understanding correctly?

What if I want the boxes to display information that I already wrote in another file, like the way an iframe works? And would this code allow the boxes to scroll?

[akulion]

I havent tried this with Iframes so I dont know if that will work - but its worth a try!

but the basic concept is simple:

for adding more boxes u just make another copy of this code

Code Select Expand


<div id='dwindow' class='drsElement'
style='left: 50px; top: 100px; width: 250px; height: 120px;
background: #CDF; text-align: center'>
<div class='drsMoveHandle'><table><tr><td>TITLE HERE</td><td><img src='closedr.gif' onClick='closeit()'></td></tr></table></div>

YOUR CONTENT GOES HERE - YOU CAND HAVE PHP. SSI FUNCTIONS AND HTML

</div>

and add another number to the id='dwindow' like dwindow2 or 3 etc etc

but I think I know what u are asking for - especially since u mention Iframes

For that basically use this code: (its a totally different code so use alone)
>> http://www.tinyportal.net/smf/index.php?topic=8866.msg73915#msg73915

this one is a stand alone script for using with Iframes and includes Close, Maximize and Minimize functions :up:

try it out

[akulion]

additionally copy the code from this page:
http://home.comcast.net/~jscheuer1/side/dhtmlwin_s.htm

its the whole script as a stand alone - it will help u understand it better

since in this topic its pretty messy with all the codes mixed etc

[Sforzando]

wow! Thank you so so so much!
That's exactly what I'm looking for!
I'm going to go experiment with it
Thanks, thanks, thanks!