PDA

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



jamba
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?

Beverleyh
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.

jamba
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

Beverleyh
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?

jamba
04-06-2013, 03:10 AM
http://alturl.com/338kt

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.

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


.dhtmlwindow{
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.