JavaScript - How Can I Open A Link Using Ie

Hi guys, i hope u can help me. This is the link(and i have a function called check_group):

Code:

<a href="javascript:viod(0)" onclick="check_group('<?php echo $codart ?>','<?php echo $codfam ?>')"><?php echo $gname?></a>

I have a function called check group.

I want to open that link in a new window.

Thanks.

Hi,
I am working with the Cut & Paste JavaScript Slideshow which you can find on http://javascriptkit.com/script/script2/jsslide.shtml .

The images are linked to a page on the Internet (click on image1 to go to "page1", click on image2 to go to "page2", etc.) which is a nice feature! However, the link opens in a new window. Could anyone tell me what I have to do to 'force' the link to open in the same window (target="_self")?

Thank you for your help! I really appreciate it.
WWWolf - Belgium

Please help me make the links below open in the "top" or "parent" frame of a window. For example, in HTML, you would use Code:

<a href="URL" target="_top">LINK</a>

I just do not know how to make the links below perform in the parent window. (or even a new window if that is only possible.)

Code:

var $el, $tempDiv, $tempButton, divHeight = 0;

$.fn.middleBoxButton = function(text, url) {
    
    return this.hover(function(e) {
    
        $el = $(this).css("border-color", "white");
        divHeight = $el.height() + parseInt($el.css("padding-top")) + parseInt($el.css("padding-bottom"));
                
        $tempDiv = $("<div />", {
            "class": "overlay rounded"
        });
                
        $tempButton = $("<a />", {
            "href": url,
            "text": text,
            "class": "widget-button rounded",
            "css": {
                "top": (divHeight / 2) - 7 + "px"
            }
        }).appendTo($tempDiv);
                
        $tempDiv.appendTo($el);
        
    }, function(e) {
    
        $el = $(this).css("border-color", "#999");
    
        $(".overlay").fadeOut("fast", function() {
            $(this).remove();
        })
    
    });
    
}

$(function() {
    
    $(".widget-one").middleBoxButton("Action Games","action.htm");
    $(".widget-two").middleBoxButton("Adventure Games", "adventure.htm");
    $(".widget-three").middleBoxButton("Arcade Games", "arcade.htm");
    $(".widget-four").middleBoxButton("Puzzle Games", "puzzle.htm");
	$(".widget-five").middleBoxButton("Sport Games", "sport.htm");
	$(".widget-six").middleBoxButton("Search Games", "searchgames.htm");

});

Thank you very much for your help!!!

Hello,

I've tried various things I've found online but cannot seem to get the right code to open the links in a drop down menu in a new window.

Code:

<form id="quicklinks" name="quicklinks" action="">
<select name="quicklinkitem" onchange="openWin(quicklinkitem.value)">

<option value="/lib/board.html">Select a Date</option>

<option value="/lib/boardreports/03-08-12.pdf">March 8, 2012</option>
                        
<option value="/lib/boardreports/02-09-12.pdf">February 9, 2012</option>	  </select>
</form>

I appreciate any help. Elbee

Code:

oaktree.addItem("RC Mail", branch1, "rcmail/") //Add this item to branch2

I can open it up in the current page, but the menu is in a frame and I need to open it in a fram called "home".

How can I do that~??

Hello Everyone.

I have a bit of an issue trying to get one link to open more than one link at a time. Perhaps you can either help me or suggest a better way to do so.

I have created a table with hidden rows until a user clicks an open in either cell. Once the user clicks a cell, the next row of opens opens up.

What I am having trouble with is getting the table headings to be opened once hidden. Each set of options needs a title or question for the user to understand what choices to make. (these are the td's with colspan of 2)

I am using javascript to show and hide the cells I have so far, and I can hide them just fine, I just want to show both sets of cells once the user clicks one link. its a bit complicated because i have functions all over the place

Any help you give me would be greatly appreciated. Alternatively, I can be reached on Y!: tmdela

Here's the code...:

<html>
<head>
<script language="JavaScript">
function showCell() {
document.getElementById('cellName').style.visibility='visible';
}
function showCell2() {
document.getElementById('cellName2').style.visibility='visible';
}
function showCell3() {
document.getElementById('cellName3').style.visibility='visible';
}
function showCell4() {
document.getElementById('cellName4').style.visibility='visible';
}

function showCell5(){
document.getElementById('cellName5').style.visibility='visible';
}
function showCell6(){
document.getElementById('cellName6').style.visibility='visible';
}
function DoAllThese12(){
showCell();
showCell2();
showCellHeader();
}
function DoAllThese34(){
showCell3();
showCell4();
}
function DoAllThese56(){
showCell5();
showCell6();
}
</script>


<!--------------------------------CSS begins here, hides the table-->
<style type="text/css">
#cellName {visibility:hidden; }
#cellName2 {visibility:hidden; }
#cellName3 {visibility:hidden; }
#cellName4 {visibility:hidden; }
#cellName5 {visibility:hidden; }
#cellName6 {visibility:hidden; }
body{
font-family:Arial, Calibri, Sans-serif;
font-size: 15px;
}
a{
font-family: Arial, Calibri, Sans-Serif;
font-size: 11px;
color:#000;
}
a:link{text-decoration:none}
a:visited{text-decoration:none; color:#000;}
a:active{text-decoration:none}
a:hover{text-decoration:none;}

a:visited {
color: #000;
}
#container{
position:absolute;
margin:0 auto;
left: 30%;
top:0px;
}
#maincontent{
width: 420px;
margin: 0 auto;
}
#table{
margin:0 auto;
width: 450px;
}
td {
width: 50%;
border:0px;
}
.pane-list {
margin: 0;
padding: 0;
list-style: none;
}
.pane-list li {
background: #f9dfec;
padding: 10px 20px 2px;
border-top: solid 2px #FF0066;
cursor: pointer;
}
.pane-list li:hover {
background: #F6A8B6;
}


</style>
</head>

<!--------------------------------------------body-->
<body>
<div id="container">
<div id="maincontent">
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</h3>
<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesuaLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua
</p>
<BR>
</div><!--maincontent-->

<!-------------------------------------Container for table-->
<div id="menu">

<!-------------------------------------Line 1 of table: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?-->
<div id="table">
<center>
<table border="0" id="table">
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?
</td>
</tr>
<td>
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick="DoAllThese12()">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</p>
</a>
</h3>
</li>
</ul>
</td>
<td>
<ul class="pane-list">
<li>
<h3>
<a href="http://www.google.com">My cancer has spread.
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</p>
</a>
</h3>
</li>
</ul>
</td>
</tr>

<!------------------------------------Line 2 of Table: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua-->
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?
</td>
</tr>
<td id="cellName">
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick="DoAllThese34()">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>
<td id="cellName2">
<ul class="pane-list">
<li>
<h3>
<a href="http://www.google.com">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>
</tr>

<!------------------------------------Line 3 of Table: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua-->
<tr>
<td colspan="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua?
</td>
</tr>
<tr>
<td id="cellName3">
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick='DoAllThese56()'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>

<td id="cellName4">
<ul class="pane-list">
<li>
<h3>
<a href="#" onclick="DoAllThese56()">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id ante eu nunc aliquet malesua</a>
</h3>
</li>
</ul>
</td>
</tr>

</table>
</center>
</div><!--table-->
</div><!--menu-->
</div><!--container-->
</body>
</html>

Hi all , I need some help in altering the location tag and the View Larger Map links to open in a new window, currently it opens in the same window.

I didn't set any links myself, they were already in the code that I got from Google Maps, I placed it on my page as a custom script.

I tried to edit it myself and other frames on my page got all muddle up in preview !!!!!


_THE CODE_
<iframe width="350" height="280" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;ll=37.109574,-8.030563&amp;spn=0.011328,0.022724&amp;t=h&amp;z=16&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;ll=37.109574,-8.030563&amp;spn=0.011328,0.022724&amp;t=h&amp;z=16&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

I have a map with hotspots, and when you hover over a hot spot, a hidden DIV appears. Thanks to my favorite coding forum, this one, I was able to successfully accomplish this first bit of code. The only problem I'm having now is getting the DIV to remain open while I move my mouse from the hotspot to the DIV. As soon as I move my mouse away from the hotspot, the DIV disappears. I need to put links in the DIVs, and users will need to be able to move their mouse away from the hotspot to click on the link, but currently can't.

I experimented with setTimeout, but didn't get too far. If anyone could help me, I'd appreciate it. I really need to get this working.

Code:

<img src="images/map.png" alt="" usemap="#map"/>
			
<map id="map" name="map">
<area shape="rect" coords="211,84,225,97" href="#" alt=""/>
<area shape="rect" coords="226,78,240,92" href="#" alt=""/>
<area shape="rect" coords="353,66,376,89" href="#" alt=""/>
</map>

<div id="hidden">
	<div class="location" style="left:25px; top:-290px;">
		<img src="images/location01.jpg" alt=""/>
	</div>
				
	<div class="location" style="left:25px; top:-275px;">				
		<img src="images/location02.jpg" alt=""/>
	</div>

	<div class="location" style="left:275px; top:-285px;">
		<img src="images/location03.jpg" alt=""/>
	</div>
</div> <!-- #hidden -->

Code:

function show(which) {
	var area = document.getElementById("map").getElementsByTagName("area");
	var locations = document.getElementById("hidden").getElementsByTagName("div");

	for (var a=0; a < area.length; ++a) {
		if(area[a] == which) locations[a].style.display="block";
		}
	}
					
function hide() {
	var locations = document.getElementById("hidden").getElementsByTagName("div");

	for (var d=0; d < locations.length; ++d) {
		locations[d].style.display="none";
		}
	}
					
function init() {
	var area = document.getElementById("map").getElementsByTagName("area");

	for (var a=0; a < area.length; ++a) {
		area[a].onmouseover = function() { show(this); }
		area[a].onmouseout = hide;
		}
	}

window.onload = init;

Hi,

I want to restrict opening my popup window if it is already opened. For simple scenario, it is quite possible to do but in my case --

1) When parent page is opening popup window, it is getting refreshed (required from client for some reason).

2) Once submit button is clicked from popup window, again parent page is getting refreshed (again its a requirement from client side).

With these 2 conditions, I lost my saved value from variable and hence new popup is keep coming when the action is same.

Currently I am using below code to open popup

[CODE]
function OpenWindow()
{
if(winPop && !winPop.closed)
{
alert("Popup is already open");
}
else
{
winPop = window.open('MyPopupPage.aspx');
}
}
[CODE]

Please help me to get rid of this problem.
Thanks in advance.

- Bhasker

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> 

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.

I'm working on a technical document that has a glossary section. When I use a technical term, I link to its definition in the glossary then provide a return link to return the user to whence they came. But if I use that same term again, and if I want to link it to the glossary, I need to duplicate the glossary entry in order to provide a return link that returns them to the right place. Is there some way I could link them to the glossary and embed a unique return link in the link to the glossary?

Noob, Linux, lost...

I found a bit of sample code I want to mod&use that starts with:
var fs = require("fs"); then later fs.open, fs.write/read...

I've scanned the web, searched codingforums and the best I can come up with is NodeJS. I did a download/install and .... no joy.

Thank you.

Never mind (for now) it was really late, tired, not thinking (I do that a lot these days) and I CAN"T TPYE.

I'm back. configure, make, make install -> 'install' finished successfully' - My first time adding external JS modules? I now have a file "fs.js". The code blows out on the first line: var fs = require("fs"); I've tried req(fs.js) with no luck. What do I need to do?

Thanks