JavaScript - Automatically Open Popup Without Refreshing Parent

Hey guys,

Been searching on google for two days now, without a valid answer. I'm NEW to javascript, so I need some good help on this haha. I am using the following little piece of code to open a popup window:

Code:

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>
 <!--
var win=null;
function NewWindow(mypage,myname,w,h,pos,infocus){
if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}
settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";win=window.open(mypage,myname,settings);
win.focus();}
// -->
</script>

The actual link to open the popup is like this:

Code:

<a href="javascript:NewWindow('upload.php','popup','550','252','center','front');">Open the popup</a>

What I am opening is, an upload page to upload an image (PHP / AJAX). Once the upload is complete and I close the window, I need the parent window (the index page which the link to open the popup is on) to be refreshed, so you can see that the file has been successfully uploaded. Does anyone have a clue how I would fix this?

If I need to use another code to open the popup, that's fine, I just need help on how to fix this, since I haven't been able to find the answer myself.

Thanks in advance!

Hello:

I have the following div popup window:

PHP Code:
<div id='PopUp' style='display: none; position: absolute; height: auto; left: 13px; top: 10px; border: solid black 1px; padding: 10px; background-color: rgb(255,255,225);  opacity:.95; text-align: justify; font-size: 12px; width: 70%; z-index:1200;'>
<iframe id="mate\" frameborder=0 scrolling=yes width=100%  src='client_edit/edit_client_data.php?customerid=$customerid' height=\"790\"  align=\"left\"></iframe><br />
<div valign=\"top\" style='text-align: right; display: inline; position: absolute; left: 10px; top: 10px;'><a onmouseover='this.style.cursor=\"pointer\" ' style='font-size: 12px;' onfocus='this.blur();' onclick=\"document.getElementById('PopUp').style.display = 'none' \" ><span valign='left' style=\"text-decoration: underline;\" ><img border='0' src='images/the-delete.png' width='22' height='20' title='Close Window'></span></a>
</div></div> 


the popup is opened from its parent page with the following onclick event:

PHP Code:
<a href="javascript:void(0)\" onmouseover=\"document.edit_info.src='images/edit-user-info2.png'\" onmouseout=\"document.edit_info.src='images/edit-user-info.png'\" onclick=\"document.getElementById('PopUp').style.display = 'block' \"><IMG SRC=\"images/edit-user-info.png\" NAME=\"edit_info\" width='40' height='40' title='Edit Customer Contacts' ALT=\"...\"></a> 


Now when the popup is closed, I would like the parent page to automatically refresh. I would appreciate some help on this.

To close the popup, the following is invoked:

PHP Code:
<div valign="top\" style='text-align: right; display: inline; position: absolute; left: 10px; top: 10px;'><a onmouseover='this.style.cursor=\"pointer\" ' style='font-size: 12px;' onfocus='this.blur();' onclick=\"document.getElementById('PopUp').style.display = 'none' \" ><span valign='left' style=\"text-decoration: underline;\" ><img border='0' src='images/the-delete.png' width='22' height='20' title='Close Window'></span></a>
</div> 

Hi

I wanted to control parent page form popup.

For example, I have a page: http://www.cmela.com/zz.php

When i open a popup by clicking "Click Here to open popup page" and then on popup window, i wanted it to transfer parent page from making a click on a pop up window.

Example is at:
http://www.cmela.com/zz.php

open pop up window, and then by clicking on a link on a pop up window i wanted my parent page to go to www.msn.com

any help?

Thanks

I have a popup window which display a list of values in a tabular form. I have no problem to do the popup or display the table.

The table has two columns; one is the "code" and the other is the "description".

When a row is highlighted and the "SELECT" button in the popup window is clicked, I am supposed to pass the "code" of the highlighted row back to an input textfield in the parent window. And I am struggling with it.

Would anybody kindly help?

After open a child window, I would like to keep parent window on focus. I tried self.focus(), set new window in blur() as well as setting the setInterval, none of them works in either Firefox or IE. I think this question relates to the opening window in tab rather than in new window.

Actually, in Firefox, it was opened in tab and in IE it was opened in new window.

Instead of using window.open, which I understand opens a new window, is there a code that will make the link open in the parent window?

I struck to open a popup window after submit the page. I used the following logic . but it's not open.

Code:

      out.println("<a href=\"javascript:ozPopup('ozPpolApptChangeStartTime.jsp?apt=RptAppt&apptId="+id+"&date="+date+"','PpolApptLov','left=100,top=60,width=640,height=300,scrollbars=yes,resizable=yes');\">");

the bove code write in the scriptlet .

In my page i have to open the popup window when i do on click. one place it is opening correctly. but in another case not able to open. Can you give me the solution on this one.

In the following html code i am able to open the popup window.
Code:

  <td colspan=2 width=90% background="graphics/barbkg.gif" class=fcCalMonthDay_gren height=16 align=center>

        <div id=fcContentLegned style="display:block;"><a href=# onClick="javascript:OZ_openBrWin4('ozLOVNoteCenter.jsp')">Daily Notes Center</a></div>
      </td>

but in the following javascript method not able to open the popup window when i do onclick.

Code:

 var currContentView = 'calDailyNotes'; // calOrg, calPsn, calOpp
  function selectContent( curr )
  {
    if ( fcCalRefreshInProgress == 1 )
      return;

    currContentView = curr;
    document.getElementById('calDailyNotes').className='';
    document.getElementById('calOrg').className='';
    document.getElementById('calPsn').className='';
    document.getElementById(curr).className='genTblContentCellCal';

    if ( curr == 'calDailyNotes' )   document.getElementById('fcContentLegned').innerHTML = '<a href="#" onClick="javascript:OZ_openBrWin4(ozLOVNoteCenter.jsp)">Daily Notes Center</a>';    // Here i am not able to open the popup window.

    else if ( curr == 'calOrg' )     document.getElementById('fcContentLegned').innerHTML = 'Recent Organizations';
    else if ( curr == 'calPsn' )     document.getElementById('fcContentLegned').innerHTML = 'Recent Contacts';
          
    fc_refresh_content_view('<%=submitUrlNotes%>&refreshview=Y&view='+curr, '<%=ozDay.renderDayKey(_ahsPage)%>' );
  }

thanks in advance...

I have a js confirmation function:

PHP Code:
function r_u_sure(message, url){
if(confirm(message)) location.href = url;
} 


if I were calling this function with a regular href, I would use the following:

PHP Code:
<a HREF="javascript:r_u_sure('Are Sure You want to Delete or Modify Car Information?!','www.somewhere.com)"><a/> 


however my html link which begins the deletion process of a records opens a popup box that performs. the link is the following:

PHP Code:
<a onmouseover='this.style.cursor=\"pointer\" ' onfocus='this.blur();' onclick="document.getElementById('PopUp10').style.display = 'block' \"><span><img border='0' src='../images/editcar_info.png' width='40' height='40' title='Delete or Modify Car'></span></a> 


Any thoughts on how can conbine both so that onclick of the link, first, the confirm box appears, if "ok" is selected, the pop up box will open, else the dialogue box closes and nothing happens.

Mossa--

Does anyone know the default size of a popup window when using window.open()?

Thanks

Hello guys was just wondering if you might be able to help me out
im looking for a javascript code that will open a window in 100% width, no toolbars, no menubars, no statusbar, nothing but the page conent basically but for it to all be centered on the screen vertically

How could I open a page/popup after closing one?
The objective is to log the user out if they haven't Logged out or clicked Logout.

I am sure there is a simple way to do this. None of my ideas work.

The only answer I could come with (after testing the whole day...)
IE(any version), Firefox, and other browsers don't support this idea, due to the fact that the user clicked close and you can't impose things on them.

Hey there everybody!

I'm learning javascript, and I am having trouble figuring out how to do this. Maybe you guys can help me out.

What I need is for my main page to have a text field. Above the text field there should be a set of images for bold, italics, underline, etc; when you click on them it inserts the html code <b></b> at the cursor point.

Next I want there to be a link, that when clicked will open a popup box with smileys. When you click on one of the smiley images it should insert the smiley code (example :smile: ) into the parent window text field. And would it be possible to make that work with pages of emotes? Or perhaps a second popup window?

I hope I explained that without it sounding confusing. I would really appreciate any help.

Here is my basic code, it does not include a popup code however.
Code:

<html>
<script type="text/javascript">
function insert(el,ins) {
window.lstText={};
    if (el.setSelectionRange){
        el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length);
    }
    else if (document.selection && document.selection.createRange) {
        el.focus();
        var range = document.selection.createRange();
        range.text = ins + range.text;
    }
}
</script>
<body>
<form>


<textarea rows="20" cols="100" name="txt1" onfocus="window.lstText=this;">
This is sample text, click anywhere in here then
choose on of the buttons above to see text inserted.
</textarea><br /><br />
<img src="http://i570.photobucket.com/albums/ss141/vwcorrado/Docs_smiley.jpg" onclick="insert(window.lstText,'hello')">

<input type="button" value="hi" onclick="insert(window.lstText,'hi')">
<br />
</form>
</body>
</html>