Page 2 of 2 FirstFirst 12
Results 11 to 14 of 14

Thread: DHTML Window widget (v1.1)

  1. #11
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You can capture the attributes settings of a DHTML window by doing something like the below in the .js file:

    Code:
    t.setSize(getValue(("width")), (getValue("height"))) //Set dimensions of window
    t.attr=attr
    The line in red is new, and captures the "attr" parameter's value. So lets say you've opened a DHTML window:

    Code:
    var googlewin=dhtmlwindow.open("googlebox", "iframe", "test.htm", "#1: Google Web site", "width=590px,height=350px,resize=1,scrolling=1,center=1", "recal")
    To get its attribute settings as a string, you would do:

    Code:
    alert(googlewin.attr)
    To get the left and top position of the DHTML window relative to the upper left corner of the document, you'd just use standard DHTML:

    Code:
    alert(googlewin.style.left+" "+googlewin.style.top)

  2. #12
    Join Date
    Jan 2008
    Posts
    46
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi
    sorry but what is the string that this will save the settings as? once i have the string for the settings and positionings, how do i recreate one with the same settings.
    Thanks

  3. #13
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Well the string for the settings would be:

    googlewin.attr and googlewin.style.left and googlewin.style.top

    What you're asking in terms of saving and recreating a DHTML window ith the same settings though was already discussed earlier. That is, it depends on how the rest of your code that uses the DHTML window is made up, whether you'll be saving this info to a database etc. It's probably complex enough you're talking about hiring a competent programmer to do.

  4. #14
    Join Date
    Jan 2008
    Posts
    46
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hi
    I know its been a while since i responded to this thread, but i have been busy and only have time now. The original test where it would show the window in another page without the scowling and the resize. I have two problems with this firstly it seems to frame the first one and neither the scrawlers or the resize has been disabled. Secondly it doesnt stay the same size or keep the same position, is this possible?

    Here is the code i am running in demo.htm
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    
    <link rel="stylesheet" href="windowfiles/dhtmlwindow.css" type="text/css" />
    
    <script type="text/javascript" src="windowfiles/dhtmlwindow.js">
    
    /***********************************************
    * DHTML Window Widget- © Dynamic Drive (www.dynamicdrive.com)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    
    
    <!-- 1) DHTML Window Example 1: -->
    
    <script type="text/javascript">
    
    var googlewin=dhtmlwindow.open("googlebox", "iframe", "http://images.google.com/", "#1: Google Web site", "width=590px,height=350px,resize=1,scrolling=1,center=1", "recal")
    
    </script>
    
    <script type="text/javascript">
    function disablescroll(){
    parent.googlewin.getElementsByTagName('iframe')[0].scrolling='no'
    parent.googlewin.isResize(false)
    }
    </script>
    
    <a href="test2.htm" onClick="disablescroll()">Go to another page</a>
    
    <div style="height: 800px"></div>
    and test2.html

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    
    <link rel="stylesheet" href="windowfiles/dhtmlwindow.css" type="text/css" />
    
    <script type="text/javascript" src="windowfiles/dhtmlwindow.js">
    
    /***********************************************
    * DHTML Window Widget- © Dynamic Drive (www.dynamicdrive.com)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    
    
    <!-- 1) DHTML Window Example 1: -->
    
    <script type="text/javascript">
    
    var googlewin=dhtmlwindow.open("googlebox", "iframe", "demo.htm", "#1: Google Web site", "width=590px,height=350px,resize=1,scrolling=1,center=1", "recal")
    </script>
    Please can you tell me why i am having these problems?


    thanks for all your help

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •