View Full Version : DHTML Window widget (v1.1) only opening at top of page

04-05-2013, 04:12 PM
1) Script Title: DHTML Window widget (v1.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/

3) Describe problem:

I have the link to the window at the top of a static navigation scrollbar. Regardless if the user scrolls down, the navigation bar always stays at the top of the users browser.

Here is the link being used

<a class=\"link\" href=\"#\" onClick=\"tvwin=dhtmlwindow.open('tv', 'iframe', 'http://website.com/tv.html', '', 'width=500px,height=340px,center=1,'); return false\">Link Window</a>

The problem is: If the user scrolls down to anywhere below the top of the page, the window no longer opens. It will open fine if the user is at the top of the page.

Any ideas?

04-05-2013, 04:20 PM
Its difficult to visualise your setup - Please post a link to your page so we can experience the problem first hand.

04-05-2013, 05:31 PM
http://www.blogher.com/frame.php?url=http://www.thebloggess.com this is it basically. Where it says "Whats Hot" is where the dthml window link (posted above) is

04-05-2013, 07:19 PM
I cant see the code you've posted in your source code;
<a class=\"link\" href=\"#\" onClick=\"tvwin=dhtmlwindow.open('tv', 'iframe', 'http://website.com/tv.html', '', 'width=500px,height=340px,center=1,'); return false\">Link Window</a>Neither can I see links to the dhtmlwindow.css or dhtmlwindow.js files.

Is that the link to the correct page?

Where are we supposed to be looking/clicking?

04-06-2013, 03:10 AM

Actually, it seems the demo even has the same issue.

In the demo, you can see that the top portion works fine... However, if you scroll to the bottom, the window(s) no longer open.

04-06-2013, 05:45 AM
In tvshoppingqueens.com/javafiles/dhtmlwindow.css around line 10, revert to absolute positioning (change highlighted):

position: absolute;
border: 2px solid gray;
visibility: hidden;
overflow: hidden;
background-color: white;
*-webkit-border-radius: 15px;
*-moz-border-radius: 15px;
*border-radius: 15px;


The browser cache may need to be cleared and/or the page refreshed to see changes.