How to resize tabbed IE7 using javascript.

Discussion in 'JavaScript' started by anoop1981, Jun 22, 2007.

0
  1. #1
    Currently I am working in a JavaScript application. In this application two html, Parrent.html and Child.html file are there. Parent html has one link, on clicking that link we have to open the Child html page in a new window. When the Child html is open in a new window it should open in the left side (50% of the whole window screen) and the Parent html should occupy the other 50% in the right side of the window screen. When the child window is closed the parent window should appear in its original size. Now in Internet Explorer 7 the resizing is only effective when a single tab is open or when tabbed browsing is disabled. Now I am looking on that issue.

    Thanks in Advance.:)
     
    anoop1981, Jun 22, 2007 IP
  2. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #2
    That is really annoying.. what is it for? If it is an info box or many other things, you can just use a div that stays on the top of the page. You can make it act like a window by giving it a "title bar" and can even allow users to drag it around etc.
     
    krt, Jun 22, 2007 IP
  3. anoop1981

    anoop1981 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Here is the code ,its working fine in FireFox with tabs.But the resizing functionality is not working in IE7 with tabs.

    [U]Parent.html[/U]
    <html>
    <script language='javascript'>

    function openChild(){

    var wd=self.screen.width/2;
    var ht=(self.screen.height);
    self.resizeTo(wd,ht);
    window.open('child.html','Win','width='+wd+',height='+ht+',top=0,left='+wd+',scrollbars=yes,menubar=yes,statusbar=yes' );

    }

    </script>
    <form name='form1'>
    <b>Parrent Window<b>
    <a href='#' onclick="openChild()">Click here</a>

    </form>
    </html>

    Child.html

    <html>
    <body onunload="javascript:eek:pener.resizeTo(self.screen.width,self.screen.height)">
    <b>Child window<b>
    </body>
    </html>


    Please help me to solve thiss problem....
     
    anoop1981, Jun 22, 2007 IP