JavaScript - Problem With Open In New Window Script

Hello

I'm having problems with a very simple bit of Javascript not working with the latest version of Safari for ipads and iphones.

The script in question is used as a 'previous image ' and 'next image' navigation facility, basically closing one pop-up window and opening up another, when viewing a photo gallery.

It has worked perfectly for a number of years on all browsers. It is only the latest version of Safari for ipads and iphones where there's a problem.

On an iphone, the new window unfortunately opens up in a new tab and the existing window fails to close. Mobile Safari soon reaches the maximum of 8 permissible tabs as a user moves through the photos gallery.

On an ipad2, no new window opens and the existing window fails to close.

the website is www.gethigh.co.uk

Code:

}
function picPopup4(page,width,height){
//alert(scroll);
	var a;
	a = width / 2;
	var b;
	b = height / 2;	
	var LeftPosition = (screen.width/2) - a;
	var TopPosition = (screen.height/2) - b;
		window.open(page, "", "width="+width+",height="+height+",toolbar=no,header=no,location=no,resizable=yes,"+"left="+LeftPosition +",top="+TopPosition+",scrollbars=yes");
		window.close();

}

and this is an example of the code creating the navigation within each pop-up window

Code:

<tr>
    <td align="center"><a class="link8" href="javascript:picPopup4('legslip1.html','560','770');" target="_self">
        previous image</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="link8" href="javascript:window.close()">close
        window</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="link8" href="javascript:picPopup4('breaking2.html','505','800');" target="_self">next
        image</a></td>
  </tr>

I'll come clean and admit I'm not a programmer and have a very basic and ancient understanding of HTML coding. My website must be approaching double digit years old (which will be immediately apparent if you view its structure). I can usually resolve most things, and maintain its functioanality when needs be, but this particular problem has got me stumped.

I've come onto this forum to see if anyone could provide a simple work-around ? Or if anyone would know if this is a bug within Safari which may be rectified soon (a search through the Apple forums gave no clues). I'm loathed to make any major updates/changes to my site, as despite its age it renders beautifully on all browsers except the latest ipad/iphone Safari.

Cheers and hopefully thanks in advance

Garry

....

Using onclick=window.open function in js to open a pdf file link in a new popup window.

Works fine to display the file onscreen, but not if the user wants to save the file client-side to their computer.

The right-hand-button context menu for the mouse will allow the user to download, but the file saved will be a html dump file for the webpage
and the name of the file will be that for the webpage.
Of course I can use the easy <a href> method for download links and the mouse context menu options will be as expected,
but I can only use target="-blank" or target="_self" .
I need a popup window to open.

Could use :
oncontextmenu="alert('Left click the link to open, and then SAVE from with the pdf viewer')
to advise users how to save the file, and could use
"javascript: void(0)"
to eliminate most mouse context menu options, so the user won't bother try.

So how can I get a link to a file which can be viewed in a popup window and downloaded using mouse right-hand context menu?

Any advice massively appreciated!

window.open() doesn't open an entirely new window in FF3.6, just a new tab

suggestions?

Edit: Yeah, ok, so if i specify a size smaller than the current standard window, it'll be forced to open a new window. but what if i want a new standard sized window to open entirely? and in any case, i wan t amore direct solution where possible, thanks.

Hi

Ive found out how to force another browser window to open at a certain size when a link is clicked.

Here's the whole line of code including the layer, the javascript and the image,

<div id="Layer6" style="position:absolute; width:10px; height:8px; z-index:6; left: 561px; top: 310px"><a href="javascript:;" onClick="MM_openBrWindow('navigation%20instructions.htm','','width=50,height=50')"><img src="images/info.gif" width="15" height="15" border="0"></a></div>

How do I adapt this so I can also specify the x&y co-ordinates of the opened window relative to the window that launched it.

thanks alot

Masten

I am using a window.open to trigger a mailto: command.
I don't want the window to stay open so I try to close it right after.
The default email client launches correctly, but the window stays open and I get the following Javascript error:
Unable to get value of the property 'close': object is null or undefined

Code: Code:

var win = window.open(mailto_link,'emailWindow');
win.close();

I do write some php, but have not much idea about JavaScript.

I use window.open to open 10 pages simultaneously. I prefer to open them with a time delay from each other to put less load on the target server. This is my code with no delay. (I played around with setTimeout but can't get it to work.)

PHP Code:
<a href='http://www.".$new[9]."' 
onclick="window.open('http://www.".$new[0]."/');
window.open('http://www.".$new[1]."/'); 
window.open('http://www.".$new[2]."/'); 
window.open('http://www.".$new[3]."/'); 
window.open('http://www.".$new[4]."/'); 
window.open('http://www.".$new[5]."/'); 
window.open('http://www.".$new[6]."/'); 
window.open('http://www.".$new[7]."/'); 
window.open('http://www.".$new[8]."/')\" target='new300/'>Open 10</a> 

+++++++++++++++++++++++++++first window+++++++++++++++++++++++++
<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
mydWindow=open("second.html", "yes");
}

</script>
</head>
<body><form name="myform" method=POST ACTION="sake.html" ><CENTER>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject">
<input type="button" name="ok" value="OK" onClick="christDoes()">
</form>
</body>
</html>
+++++++++++++++++++++++++++parent window+++++++++++++++++++++++++
++++++++++++++++++++++++++++child window++++++++++++++++++++++
<html>
<head>
<script language="javascript">
function me(){
displayColor();
}
function displayColor() {
callWindow=window.open("third.html","fine");
}
var m=0;
var fSubject = self.opener.document.forms[0].subject.value;
if(fSubject.length>0){
if(isNaN(fSubject)){fSubject="";}
else{opener.alert("Please enter figure");}
numSub=parseInt(fSubject);
if(numSub==2){var strSub="ab";}
self.document.write("<center>" +"ENTER SUBJECT HERE" +"</center><br>");
var mercy="<HTML><BODY>"
mercy +="<FORM ACTION='save.html' METHOD='POST'>"
mercy +="<CENTER>"
sub=new Array(strSub.length);
for(var i=0; i<sub.length; i++){
m++;
mercy +=m +"<input type='text' name='sub[i].toLowerCase()'>" +"<BR>";
opener.alert("You have entered" +m +"subjects");
}
}
mercy +="</CENTER></FORM></BODY></HTML><BR></BR>";
self.document.write(mercy +"<BR>");
self.document.bgColor="pink";
self.document.write("<center>" +"<input type='button' name='submit' value='SUBMIT'>" +"<center>");
}
</script>
</head>
<body onload='me()'>
</body>
</html>
++++++++++++++++++++++++++++++child window++++++++++++++++++++
+++++++++++++++++++++++++++++++new window+++++++++++++++++++++
<html>
<head>
<script language="javascript">
function help(){
self.document.write("this is me")
self.document.write("<center>" +"<input type='button' name='submit' value='SUBMIT'>" +"<center>");
}
</script>
</head>
<body onLoad="help">
</body>
</html>
+++++++++++++++++++++++++++++++new window+++++++++++++++++++++
Can somebody help me with the code to make this button work? In the parent window when 2 is input in the textbox and 'OK' button clicked, the second window opens with 2 textbox and 'SUBMIT' button. If 'SUBMIT' button is clicked in the child window i want it to open the new window. Please help me out. Thanks. God bless in Jesus name.

+++++++++++++++++++first window+++++++++++++++++++++++++
<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
mydWindow=open("second.html", "yes");
}

</script>
</head>
<body><form name="myform" method=POST ACTION="sake.html" ><CENTER>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject">
<input type="button" name="ok" value="OK" onClick="christDoes()">
</form>
</body>
</html>
+++++++++++++++++++first window+++++++++++++++++++++++++
+++++++++++++++++++second window++++++++++++++++++++++
<html>
<head>
<script language="javascript">
function me(){
displayColor();
}
function displayColor() {
callWindow=window.open("third.html","fine");
}
var m=0;
var fSubject = self.opener.document.forms[0].subject.value;
if(fSubject.length>0){
if(isNaN(fSubject)){fSubject="";}
else{opener.alert("Please enter figure");}
numSub=parseInt(fSubject);
if(numSub==2){var strSub="ab";}
self.document.write("<center>" +"ENTER SUBJECT HERE" +"</center><br>");
var mercy="<HTML><BODY>"
mercy +="<FORM ACTION='save.html' METHOD='POST'>"
mercy +="<CENTER>"
sub=new Array(strSub.length);
for(var i=0; i<sub.length; i++){
m++;
mercy +=m +"<input type='text' name='sub[i].toLowerCase()'>" +"<BR>";
opener.alert("You have entered" +m +"subjects");
}
}
mercy +="</CENTER></FORM></BODY></HTML><BR></BR>";
self.document.write(mercy +"<BR>");
self.document.bgColor="pink";
self.document.write("<center>" +"<input type='button' name='submit' value='SUBMIT' onClick='window.open('third.html', '')'>" +"<center>");
}
</script>
</head>
<body onload='me()'>
</body>
</html>
++++++++++++++++++++++second window++++++++++++++++++++
++++++++++++++++++++++third window+++++++++++++++++++++
<html>
<head>
<script language="javascript">
function help(){
self.document.write("this is me")
self.document.write("<center>" +"<input type='button' name='submit' value='SUBMIT'>" +"<center>");
}
</script>
</head>
<body onLoad="help">
</body>
</html>
++++++++++++++++++++++third window+++++++++++++++++++++
Can somebody help me with the code to make this button work? In the parent window when 2 is input in the text box and 'OK' button clicked, the second window opens with 2 text box and 'SUBMIT' button. If 'SUBMIT' button is clicked in the child window i want it to open the third window. Please help me out. Thanks. God bless in Jesus name.
*ADDED* Though i am advised to add 'window .open' as one of the arguments to the OK button which i did yet it doesn't work somebody please help me out! I am using Mozilla 3.6 could this mean that it doesn't support this?

Hi,

In my "main.js" file I need to create a new window with a button. If the button clicked a function in the "main.js" file is called. I tried the following, but new window does not see the function in the "main.js" file.

function create_new_window()
{
my_window = window.open ("","mywindow1","status=1,width=350,height=150");
my_window.document.write('<H1>My Window ...</H1>');
my_window.document.write('<form><input type="button" value="Submit" onClick="submitData();"/></form>');
....
}

function submitData()
{
...
}

Hi all, I found this bookmarklet which I'm using in Firefox.

Would anyone here be willing to modify it to display its results in a new tab, instead of using the current tab?

Thanks in advance.

Code:

javascript:q=""+(window.getSelection?window.getSelection():document.getSelection?
document.getSelection():document.selection.createRange().text);if(!q)
q=prompt("Search terms [leave selection and box blank to list all pages] 
...").replace(/\s\+/g,"%252B");if(q!=null)location="http://www.google.com
/search?q="+q.replace(/\s+/g,"+")+"+site:"+location.hostname;void(0);

Hello, I want to know how to open a new window when someone is closing a page. I mean for example, I have to two pages, if the user closes the first page when he clicks on Close button or close in his tab, a new window will open to open the second page. Thank you.

Hi Folks,
here is the weirdest problem. I want open a url in the same window, replacing the current page. To test this I have created a simple script. The setup:

I have two files in the same folder. abc.html and xyz.html. abc.html contains a button that calls this script:
Code:

function openWindow() {
    window.open(  "xyz.html"  ) ;
}

And this works fine, just as a test. But I want to open xyz.html in the same window, replacing abc.html .

So I try:
Code:

window.open( "xyz.html" , "_self" ) ;

does not work but simply reloads abc.html.

I try:
Code:

window.location.href = "xyz.html";

does not work, but, again, simply reloads abc.html.

What gives?

The odd thing is, when it reloads the same page, abc.html, the address bar displays this at the end of the address:

abc.html?button=Submit

Any ideas on what may be going wrong here, or how I can get this to work?

All this is being tested locally on my laptop - MacBook - and have tested in Safari and Firefox with the same results for both.

Thanks in advance!

Code:

<SCRIPT language=JavaScript>
function DoSearch() {
if (document.frmSearchID.txtIssueID.value != "") {
if (isNaN(document.frmSearchID.txtIssueID.value)) {
alert('Issue Numbers must be numeric');} 
else {document.location = "http://www.****.com/Apps/AddIssues/EditIssue.asp?IssueID=" + document.frmSearchID.txtIssueID.value + "&ProjectID=LRUSTARS";}}}
</SCRIPT>
            <FORM style="display:inline" target="_blank" action="http://www.****.com/default.asp?ProjectID=LRUSTARS#" name="frmSearchID" onSubmit="javascript:DoSearch();return false;" method="post">
          		<INPUT class="formField1" name="txtIssueID">
                <INPUT class="formBox" onClick="javascript:DoSearch(); return false;" type="submit" name="search" VALUE="Search">
            </form>

Cant seem to get it to open in a new window any help?

Code:

<a href="
javascript: 
myWindow = window.open('http://en59.tribalwars.net/game.php?village=3463&screen=premium&mode=transfer');
myWindow.document.forms[0].name.value='Gods Child';end" 
target="_blank">Donate Please</a>

So, what I am trying to do is when you click the link, a new page opens to that site, then does document.forms[0].name.value='Gods Child';

I can get the page to open, but then it doesn't do the second part. If I run the second part in the url bar, when at the other site, it works how I want too, but not when I do it at the same time.


NOTE: The only part that needs to be in this is document.forms[0].name.value='Gods Child'; and the link, but you can change the rest however you want.