Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. open new winodw on mouseover and close onmouse out

open new winodw on mouseover and close onmouse out

Scheduled Pinned Locked Moved Web Development
javascriptsysadmintoolshelp
2 Posts 1 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • I Offline
    I Offline
    idsanjeevjha
    wrote on last edited by
    #1

    my proplems due to frame i am using some frame at top,left ceter and right in right frame image disply in fadein so when the mouseover on image, image is expanded in thats frame but not more space to display it in that frame so my need is open a new winodw i try to these two code

    <script language="javascript">
    //Function to open PopupWindow and Close PopupWindow
    function new_window(){
    new_window = open('fader.asp','new','width=500,height=450,left= 10,top=10');
    }

    function close_window()
    {
    new_window.close();
    }

    </script>

    <div style="position:absolute; top:0; left:0 ">

    <!--
    Link for opne popup wondow
    <a onmouseover="window.open('fader.asp','Popup_Window','toolbar=no ,location=no,directories=no,status=no,menubar=no,s crollbars=no,resizable=no,copyhistory=no,width=475 px,height=420px,top=30,left=20')" >
    -->

    <img src="images/1.jpg" id="new" onMouseOver="new_window()" onMouseOut="close_window()" name='SlideShow' border="5px" style="border-color:#B812A7 " width="170PX" height="140PX" title="Click to Magnifying Image">
    <!--</a>-->
    </div>

    But when first time mouse over on image popup window is opend and onmouseout closed but not more without page refresh means it works only one time when mouse over on image after first time error is at line 21 where <img src.............> line:-21 char:-1 error:-the callee[server[not server application]]is not available and disappeared; all connection are invalid. the call did not execute. I am creating link onmouseover image window is open but it not close on mouseout I try with these two to open new window onmouseover and close on mouseout thanks

    sanjeev

    I 1 Reply Last reply
    0
    • I idsanjeevjha

      my proplems due to frame i am using some frame at top,left ceter and right in right frame image disply in fadein so when the mouseover on image, image is expanded in thats frame but not more space to display it in that frame so my need is open a new winodw i try to these two code

      <script language="javascript">
      //Function to open PopupWindow and Close PopupWindow
      function new_window(){
      new_window = open('fader.asp','new','width=500,height=450,left= 10,top=10');
      }

      function close_window()
      {
      new_window.close();
      }

      </script>

      <div style="position:absolute; top:0; left:0 ">

      <!--
      Link for opne popup wondow
      <a onmouseover="window.open('fader.asp','Popup_Window','toolbar=no ,location=no,directories=no,status=no,menubar=no,s crollbars=no,resizable=no,copyhistory=no,width=475 px,height=420px,top=30,left=20')" >
      -->

      <img src="images/1.jpg" id="new" onMouseOver="new_window()" onMouseOut="close_window()" name='SlideShow' border="5px" style="border-color:#B812A7 " width="170PX" height="140PX" title="Click to Magnifying Image">
      <!--</a>-->
      </div>

      But when first time mouse over on image popup window is opend and onmouseout closed but not more without page refresh means it works only one time when mouse over on image after first time error is at line 21 where <img src.............> line:-21 char:-1 error:-the callee[server[not server application]]is not available and disappeared; all connection are invalid. the call did not execute. I am creating link onmouseover image window is open but it not close on mouseout I try with these two to open new window onmouseover and close on mouseout thanks

      sanjeev

      I Offline
      I Offline
      idsanjeevjha
      wrote on last edited by
      #2

      Hi I wants use open image in new winow mouseover on which but can't success [CODE]<scripts laguage="javascrpts"> function new_window(ImageURL) { my_window = window.open(ImageURL, 'new', 'width=500,height=450,left=10,top=10'); } function close_window() { my_window.close(); } </script> <div id="new" style="position:absolute; top:0; left:0 "> <img src="images/1.jpg" onMouseOver="new_window('images1/1.jpg')" onMouseOut="close_window()" name='SlideShow' border="5px" style="border-color:#B812A7 " width="170PX" height="140PX" title="Magnifying Image"> </div>[/CODE] it open only one image images/1.jpg but my needs to open thats image mouse overon which from slide thanks

      sanjeev

      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • World
      • Users
      • Groups