JavaScript - Open New Browser Window Using Javascript

Let me start of by saying that I'm a designer, not a programmer so I'll apologize in advance for having very little knowledge of javascript.

I found a free script for a auto-advancing slideshow that allows you to give each image in the slideshow a unique link. My problem is that when you click on one of the pictures the link opens in a new window instead of loading in the default browser window. I have tried to search google for an answer but my lack of javascript knowledge has left me scratching my chin.

Here's the code in the head of my page:

Code:

<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow
*/

var slideimages=new Array()
var slidelinks=new Array()

function slideshowimages(){
  for (i=0;i<slideshowimages.arguments.length;i++){
  slideimages[i]=new Image()
  slideimages[i].src=slideshowimages.arguments[i]
  }
}

function slideshowlinks(){
  for (i=0;i<slideshowlinks.arguments.length;i++)
  slidelinks[i]=slideshowlinks.arguments[i]
}

function gotoshow(){
  if (!window.winslide||winslide.closed)
    winslide=window.open(slidelinks[whichlink])
  else
    winslide.location=slidelinks[whichlink]
    winslide.focus()
}
//-->
</script>

and here's the Body code:

Code:

<script>
		<!--
		//configure the paths of the images, plus corresponding target links
		slideshowimages("images/services/3d_meter.jpg", "images/services/3d_prototype.jpg", "images/services/3d_stage_renderings.jpg", "images/services/atsite.jpg", "images/services/netstar.jpg", "images/services/photo_manipulation.jpg", "images/services/powerpoint.jpg")
		slideshowlinks("/", "/", "/", "/", "/", "/", "/")

		//configure the speed of the slideshow, in miliseconds
		var slideshowspeed=8000
		var whichlink=0
		var whichimage=0

		function slideit(){
  		if (!document.images)
    		return
    		document.images.slide.src=slideimages[whichimage].src
    		whichlink=whichimage

  		if (whichimage<slideimages.length-1)
    		whichimage++
  		else
    		whichimage=0
    		setTimeout("slideit()",slideshowspeed)
		}
		slideit()
		//-->
		</script>

fooling around with it, I think I have determined that my problem is the window.open in the function gotoshow, but again, I'm a designer who has little knowledge of how this actually works.

If it helps, here is a link to my site where I have the slideshow, http://gravescreativedesign.com/services.html All of the images link to the index page for my site at the moment for testing purposes, but these images will eventually link to different urls within my portfolio section of my website.

Hello! I am trying to find a script that allows you to open multiple browser tabs and then close each of those tabs, either one by one or all at once.

Does anyone know how to do this please?

Thanks so much for your help.

On my website, I have a domain name registration field that links to a reseller storefront and then searches for that domain name. I would like the storefront to open in a new window, instead of the parent window. I have tried to insert the target="blank tag but can not seem to get it to work. Is there another way to make that window open? I would appreciate any help to make this function work. You can see the page and field he

http://websites4magicians.com/inprogress/

The field is on the left side, just below the center of the page.

Thanks for the help!

hi. i am looking for help (example) to open to a new window in the original window. the original window is blocked from any user inputs. a good example is here at http://www.dominos.com/home/index.jsp and click on "locations" button. is there a special name for this window.open?

thanks

Hello,

I have an asp page to search for data. I like to open it in a new window while retain the search values. And I also can resize the window as well as set its attributes like
height, width,etc.

I created a js function like this:

function posttopopup(formname, windowname)
{
if (! window.focus)return true;
window.open('', windowname);
formname.rel="nofollow" target=windowname;
return true;
}

on my asp search page:

<form method="post" action=search.asp" onSubmit="posttopopup(this, 'popupwindow')">
.....
<input type="button" name="Submit1" value="Search" onclick="if (isDate()) document.Search.submit();">

I keep getting errors like "document.search has no value..."

What did I do wrong?

Thanks.

I have a webpage that display a Reporting Services report viewer page inside an iFrame. In the report that displays there is a link to a product image that needs to pop-up in a new window.

Reporting Services will only allow me access to the url value of the link so we have been using the code below to open the new window. Thing is the code works fine when the parent iFrame is in the same site, OR another IIS site on the same server.

It will not work when the iFrame page and the page with the link are on different servers (which with my luck is the setup I need to have for business reasons...). I've stripped this down to an empty iFrame holding a page with just the link and the behavior stays the same.

Is there something in the syntax below that is causing the issue, or is there another way to go about popingthe link up in a new window using only the url?
Thanks,
Chris

Code:

<a tabindex="7" 
href="javascript:void(window.open('http://webreporting.domain.com:81/images/PIE0522.jpg',
'_blank','location=no,toolbar=no,left=100,top=100,height=200,width=200'))"
 style="text-decoration:none;color:Black" TARGET="_top">PIE0522</a>

I have a JSP page,such as test.jsp
Code:

<input name="id1" type="text" value="abc" size="40">

Then I want to open it by using Javascript,and alert id1 value,so I use following statements:
Code:

var s=window.open('test.jsp','mywin');
alert(s.document.id1.value);

When I run alert(s.document.id1.value),,it raise javascript error
Code:

s.document.id1.value undefined

I want to know how Javascript can get jsp value by window.open? Thanks

Hi,

Sorry if this is quite a basic thing to some of you guys, but I've been searching the web for a couple of days now and I can't find an answer that covers my wants completely.

I am coding a website in c#/.net. I have a couple of functions which need a new window opening: 1) a send to a friend form; 2) a contact us form. I have chosen to open a new window in both cases because the user is positioned on a list item when they click the button.

In order to keep the number of windows to a minimum, they both call the same window name, let's say "popup".

Both the windows are different sizes.

I have constructed an open window function which is called when each link is clicked, shown below:

var nw=window.open(this.href,this.target,'width=680,height=541,resizable=1');nw.focus();nw.resizeTo(698, 631);return false;

The second one is the same but with different sizes.

The above code whould open a new window, however if its already open and is the other size window, it should resize. When going from the smaller to larger window it does resize, however the larger window never decreases in size.

The issue is currently being tested in Firefox.

Ideally I would like to take it one step further (like Facebook bookmarking) where a window is opened then dynamically resized (length only) to fit the content.

If I can't achieve this then the first solution to maintain the correct widow size across both forms would be ok.

Thanks in advance.

is there a way in HTML or Javascript to open a new tab (or new window) and force it to be a new tab (or new window) after alert confirmation of javascript?

onclick="window.open('google.com', '_blank'); return false;" OR document.location.href = "google.com"+"&target='_blank'"; not working


Code:

<?php if ($_POST[oke])
	{	?>
        <script language="JavaScript">alert('thanks');
	document.location='google.com'
        </script>
<?php } ?>
<form target="_self" method="post">
	<input type="submit" name="oke" value="save">
	</form>

how to put the target _blank

Hi everyone

I am a newbie with respect to programming and this is my first post

I have a small problem, probably very basic to everyone except me, and would appreciate and value your advice

I have entered below a javascript I am using on my website. This script is designed to automatically insert videos based on keywords and works perfectly except that my visitors are taken away from my website when they use it.

Can someone please tell me what code to insert, and where, in order get the script to open in a new page.

I am aware how to do this in html using target ="blank" but do not know how to do it in javascript.

Thankyou in anticipation, the code I am using is below:

Code:

<!-- BEGIN HostDomain -->
<div id="HostDomain_DivId"> </div>
<script src="http://app.HostDomain.com/script/HostDomainUtils.js">
</script>
<script language="JavaScript" type="text/javascript" src="http://app.HostDomain.com/script/widgetTy pe/carousel/ptContentflow.js" load="fancyScrollbar">
</script>
<script type="text/javascript">
/* Do not change the values given below. */
var HostDomain_Organization_Name = "MySite";
var HostDomain_Organization_ID = "xxxxxxxx";
var HostDomain_Feed_ID = "xxxxxxx";
var HostDomain_DivId = "HostDomain_DivId";
var HostDomain_AppServerPath = "http://app.HostDomain.com";
</script>
<script src="http://app.HostDomain.com/script/HostDoma in.js">
</script>
<!-- END HostDomain --></font></td>

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 am facing an issue where a link on my website opens in a new window if you simply click on it. However, if you right click and say open in new window or new tab, it opens the same window (URL) again from where the link is clicked.

Self Service Option is a link and the JSP calls a function getSelfServSite() when the link is clicked. This is how the code flows in my case

function getSelfServSite()
{
getToTheLink("${myConfigInfo.selfServiceURL}");
// this is because the URL is configurable
}

function getToTheLink(url)
{
window.open (url, "currentWindow", "");
}
What am I doing wrong. I want it to go to the right link no matter how the user click it.

Please advise. Thanks

Dear All,
I have downloaded some code from a javascript programmers website but having trouble making it work!

I have some javascript:

[CODE]

<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>

[CODE]

Within the main body, my code reads:
[CODE]

<FORM
ACTION="../cgi-bin/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Please select your event...
<OPTION VALUE="http://www.yahoo.co.uk"> preview yahoo UK</option>
<OPTION VALUE="http://www.yahoo.com"> preview yahoo US</option>
<OPTION VALUE="http://www.yahoo.fr"> preview yahoo FR</option>
<OPTION VALUE="http://www.expedia.co.uk"> preview Expedia</option>
<OPTION VALUE="http://www.travelocity.co.uk"> preview Travelocity</option>
<OPTION VALUE="http://www.onlinepictureproof.com"> preview online pics</option>
</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

[CODE]

On selection of "preview yahoo UK" from drop-down box, it takes me to the correct webpage (www.yahoo.co.uk), so no issue there. However, it opens this page up in a new window. I'm pretty sure this is because the javascript code is telling it to. However, I want the www.yahoo.co.uk page to be displayed in the same window from where the request came from? (i.e. I don't want it to open a new browser window)!

What do I have to change in the javascript to make this happen? I tried using the TARGET functionality taught to me many many moons ago, but it still fires up a new window: <OPTION VALUE="http://www.yahoo.co.uk" TARGET="_top"> preview yahoo UK</option>

I am testing this on my PC, so perhaps it could be that redirect.pl isn't held locally on my home pc, i.e. it would work once we upload the web pages to the web server?!

any help/guidance would be greatly appreciated.

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!