creating floating layer like this forum

[richardko]

Hi,
I also want to display "links" and "text" like this forum does for some of my work. For example if you look at this tek-tips post:

http://tek-tips.com/viewthread.cfm?qid=1297182&page=1

When you place the cursor over: "website","Programmer","SEO","Keywords" a mini-popup appears with the add. Any tips on how to go about creating this?
Thanks

 

[kaht]

Just contact one of the companies that host these advertisements, they'll probably pay you to put your script onto their pages. (but I, along with many others, find it highly annoying)

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[trollacious]

If you look at that little popup, you'll see the word Intellitext in the upper right corner. Do a Google search for that for more information.

Lee

 

[1DMF]

I have to say though it's got to be the second most annoying thing about TT after the page width/scroll bar problem!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[trollacious]

I hate those popups, too, and they often get in the way when I'm trying to read something and accidentally move my mouse over one of the links.

Lee

 

[1DMF]

yup, i think TT is giving me early symptoms of RSI all those extra mouse clicks closing the darn things - lol

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[traingamer]

Nah, it's the most annoying thing.

 

[richardko]

I might have missed explaining what I wanted to do. I want to use these links which bring popups for internal company purposes. Say I have 10 item names on a page.
When someone has mouse over those names I want to display a popup page with item description and maybe links inside them.

I know that tooltip is something useful for these but tooltip does not allow links to be displayed inside them (not that I know as of now).
If there is a way to accomplish this please let me know.
thanks

 

[trollacious]

Look at the first 2 responses to your original question.

Lee

 

[richardko]

thanks for the response trollacious,

I did a google search like you said but I could not find any relevant links on how to create it. any ideas?

 

[kaht]

I'm guessing you mean you want to customize the popups yourself, instead of using somebody else's advertisements?

You need a mix of javascript and html for that. The trick is to place a hidden div on your page. Apply an onmouseover event to one of your links to set that div's style to appear (you can also use javascript to place it relative to the cursor). Then set an onmouseout event on the link to hide the div once you move off.

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[richardko]

thanks for the response kaht.
As a start i created the file below. The problem is that the text after "div" is pushed below even though the "z" index was set high.


A sage (you'll understand this better as we go along). The JavaScript interpreter will determine the data type when it's processed within the script. If you've never done any other programming, don't worry too much about specifying data types. Suffice it to know that, for the most part, the JavaScript interpreter will <div style="background-color:yellow;width:500px;height:500px;position:relative;top:-60px;left:35px;z-index:4;overflow: scroll;" id="dispResult"></div>take care of interpreting the type of data being used. aralkjaldkjasldkaj dlad.,ajlkajdlkadja asa.djkadlkajd lkjaldj ljalkdjalk lkajkld

 

[vacunita]

For starters your DIV is empty, your adding text after you close the DIV, try putting it inside the DIV.

<div>Some text</div>

As a forum tip, surround your code with code tags, it makes it much easier to read.

[ignore]

Some code

[/ignore]

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.