Site Reference Forums

Are you looking for a link or mouseover pop up window or where it opens a completely new window?

Well I would have to do more playing around to eliminate the js completely. but how about a setup that doesn't require a js file?

Just two short snippets of js that are included in the link set up.

The CSS;

.popup a {text-decoration:underline;cursor:pointer;}

#box {display:none; position:absolute; left:200px; top:150px; border:solid black 1px; padding:10px; background-color:yellow;width:150px;}



The HTML;

<div class="popup">

<p><a onclick="document.getElementById('box').style.display = 'block' " >Click here</a></p>

<div id="box">

<p>This is a CSS Popup with a small amount of JS that you can position anywhere you want on the page, set the height and width. It can contain any text, links and images you want.</p>

<p style="text-align:right;"><a onfocus='this.blur();' onclick="document.getElementById('box').style.display = 'none' " >Close</a></p>

</div>

</div>

Went ahead and worked up one for mouseover of a link.

The CSS;

.linkpopup span {display:none;}

.linkpopup:hover .box {display:block; width:150px; padding:10px; background-color:yellow; position:absolute; left:200px; top:150px; border:solid black 1px;}

.box {text-decoration:none;}



The HTML;

<p><a class="linkpopup" href="#nogo">A Pop-up!!<span class="box">This is a CSS Popup on mouseover that can be positioned anywhere you want on the page and can contain text and images but not links.</span></a></p>

Hope this helps, will be back tomorrow evening. Beddy bye time as it's now midnight thirty.

With the first, anything inside the "div id="box" will appear in the popup. Clicking on the words "click here" will bring up the box

With the second, anything inside the span class="box" will appear in the popup. Mousing over the words "A Popup" will show the box

I'll probably go JS I think....

the destination page is fine - I have settled on flash for that - basically because it is sooo easy to do.

Its getting that page to open in a smallish window, without scroll bars etc and located in upper left.

I have some JS that will do that ...

The window object is the highest DOM level there is, and if it's DOM modification you want then it's gonna have to be javascript

Searching google for javascript window object bought this page up at #1

http://www.comptechdoc.org/independent/ … indow.html

See the bit about open (under the "Window Object Methods" section)

guessing you could try this:

<a href='#' onclick="window.open('/new-page.htm','my new window','width=640',height=480'); return false;">Click Here</a>