JavaScript - How Do I Make A Javascript Link Open In A Top Frame?

my password target opens in a new window using the 'open.window' command but i would like a command string that opens this target in the same frame within my frames page that my other pages open in.
thanks in advance manj

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 have a WebHelp framework created by chmProcessor whereby index.htm calls frameset.html that references a left frame "treeFrame" and right frame "frameCont". The treeFrame has javascript to change the icons from selected to not selected and high light the selected topic.

I have a need to have links in the right frame. And when I click on the link in the right frame, I want the right frame to display the topic but I also want the treeFrame navigation to open the navigation to the newly selected topic.

How would I go about implementing this? In the tree.html, the tree navigation gets created with this code:

Code:

contentTree.create( document.getElementById( "contentsTree" ) , window.parent.document.getElementById( "frameCont" ) , window.parent.parent.location.href );

Here is the tree.js
Code:

/************************************
(C) Toni Bennasar 2007
http://chmprocessor.sf.net
Under GPL license.

Functions to create a content tree for many web pages.

*************************************/

var contentTree = new Object();

contentTree.pageloaded = function() {

    // Get the title of the loaded page:
    
    pageRelativeUrl = getPageTitle( contentTree.frame.contentWindow.document.location.href )
    
    // Search the link to this page
    node = contentTree.seachLinkByHref( pageRelativeUrl );
    if( node == "" ) {
        // Try to search by the page title, without internal reference:
        idx = pageRelativeUrl.indexOf( "#" )
        if( idx >= 0 )
            pageRelativeUrl = pageRelativeUrl.substring( 0 , idx );
        
        node = contentTree.seachLinkByFileTitle( pageRelativeUrl );
    }
    
    if( node != "" ) {
        // If its found, select it over the tree:
        contentTree.selectLink( node , true , false );
    }
}

// Initializes the tree.
// tree : UL element that contains the tree
// frame: The frame that will contain the topic pages.
// url: Input URL of the page.
contentTree.create = function( tree , contentFrame , url ) {

	// Store ref to tree elements:
	contentTree.frame = contentFrame;
	contentTree.tree = tree;
	contentTree.selectedLink = "";

	// Change the links to open his ref into the iframe
	contentTree.links = tree.getElementsByTagName("a");

	// Create click events for the links:
	for (var i=0; i<contentTree.links.length; i++) {
		contentTree.links[i].onclick = function(e){
			contentTree.frame.src = this.href;
			contentTree.selectLink( this , false , true );
			//e.stopPropagation();
			stopEvent(e);
			return false;
		}
	}

	// Prepare all the submenus
	var submenus = tree.getElementsByTagName("ul");
	
	for( var i=0; i< submenus.length; i++ ) {
		var sb = submenus[i];
		sb.parentNode.className="submenu";
		sb.setAttribute("status", "closed");

		// click open the submenu:
		
		sb.parentNode.onclick = function(e) {
			var ulChild=this.getElementsByTagName("ul")[0];
			if( ulChild.getAttribute("status") == "closed" ) {
				contentTree.openUlElement( ulChild );
			}
			else if( ulChild.getAttribute("status") == "open" ) {
				ulChild.style.display="none";
				ulChild.setAttribute("status", "closed");
				
				this.style.backgroundImage="url(1g.gif)";
			}
			//e.stopPropagation();
			stopEvent(e);
		}
		// To avoid events when the submenu items are pressed.
		sb.onclick=function(e){
			//e.stopPropagation();
			stopEvent(e);
		}
	}

	// Load the default page, or the selected topic page:
	
	var topic = getURLParam( url , "topic");
	
	var topicLink = "";
	if( topic != "" )
		topicLink = contentTree.seachLinkByTitle( topic );
	if( topicLink != "" )
		contentTree.selectLink( topicLink , true , true );
	else if( contentTree.links.length > 0 )
		contentTree.selectLink( contentTree.links[0] , true , true );

    // When an internal link is clicked follow the selection at the tree:
    contentFrame.onload_1 = function(){ contentTree.pageloaded(); }
    
}

contentTree.openUlElement = function( ulElement ) {
	if( ulElement.getAttribute("status") == "closed" ) {
		ulElement.style.display="block";
		ulElement.setAttribute("status", "open");
		ulElement.parentNode.style.backgroundImage="url(2g.gif)";
	}
}

contentTree.selectUrl = function( url ) {
    var lnk = contentTree.seachLinkByHref( url );
    if( lnk == "" )
        // URL not found
        contentTree.frame.src = url
    else
        contentTree.selectLink( lnk , true , true );
}

contentTree.selectLink = function( lnkObject , expandTree , loadContentFrame ) {

	if( contentTree.selectedLink != "" )
		contentTree.selectedLink.style.backgroundColor = contentTree.notSelectedBg ;
	else
		contentTree.notSelectedBg = lnkObject.style.backgroundColor;
		
	if( loadContentFrame )
	    contentTree.frame.src = lnkObject.href;
	
	contentTree.selectedLink = lnkObject;
	lnkObject.style.backgroundColor = "#33CC66" ;

	if( expandTree ) {
		var ulElement = lnkObject.parentNode.parentNode;
		while( ulElement != contentTree.tree ) {
			contentTree.openUlElement( ulElement );
			ulElement = ulElement.parentNode.parentNode;
		}
	}
}

// Search a link into the tree by his text:
contentTree.seachLinkByTitle = function( strTitle ) {
    var strTitleLower = strTitle.toLowerCase()
	for (var i=0; i<contentTree.links.length; i++) {
	
	    // Get the text of the link, without return carriages
	    var linkText = contentTree.links[i].innerHTML.toLowerCase();
	    linkText = linkText.replace(/\n/," ");
	    linkText = linkText.replace(/\r/,"");
	    
		if( linkText == strTitleLower )
			return contentTree.links[i];
	}
	return "";
}

// Search a link into the tree by his href:
contentTree.seachLinkByHref = function( strHref ) {
	for (var i=0; i<contentTree.links.length; i++) {
	    //var aux = unescape( contentTree.links[i].href );
	    var aux = contentTree.links[i].href;
        if( aux == strHref || endsWith( aux , "/" + strHref ) )
			return contentTree.links[i];
    }
	return "";
}

contentTree.seachLinkByFileTitle = function( strFile ) {
	for (var i=0; i<contentTree.links.length; i++) {
	
	    //var aux = getPageTitle( unescape( contentTree.links[i].href ) );
	    var aux = getPageTitle( contentTree.links[i].href );
	    
        if( aux == strFile )
			return contentTree.links[i];
        else {
            idx = aux.indexOf( "#" )
            if( idx >= 0 ) {
                aux = aux.substring( 0 ,  idx );
                if( aux == strFile )
			        return contentTree.links[i];
			}
        }
    }
	return "";
}


// Search links that contains
contentTree.searchByContent = function( strSearch , idList , idTopicsList ) {

    var list = document.getElementById( idList );
	list.options.length=0;
	if( strSearch == "" )
		return;
	var topicsList = document.getElementById( idTopicsList );
    //var strLower = strSearch.toLowerCase();
    var strLower = normalizeString( strSearch );
    for (var i=0; i<topicsList.options.length; i++) {
		if( normalizeString( topicsList.options[i].text ).indexOf( strLower ) >= 0 ) {
			var opt = new Option( topicsList.options[i].text );
			opt.value = topicsList.options[i].value ;
			list.options[ list.options.length ] = opt;
		}
	}
	list.ondblclick = function(e) {
		if( list.selectedIndex >= 0 )
			contentTree.selectUrl( list.options[ list.selectedIndex ].value );
	}
}

just started learning scripting.

This bookmarklet essentially takes the domain name of the tab currently open when one pressses it & runs a search query through Google prefixing the related: search operator.

As evident, here it shows the result in the same page replacing the earlier one. I would like it to open in a new tab. Can you please tell me how to do so. Self-learning it. At an initial stage of learning, I am.

Code:

javascript:location.href='https://www.google.com/search?q=related%3A'+encodeURIComponent(location.host)

Hello everyone,
i kinda stuck at this point on my php script, it has this javascript code and i stuck there

Line 16:
Code:

echo("<script language=\"JavaScript\">\nfunction openptc(tpge,pnme,w,h){\nsettings=\"width=\" + w + \",height=\" + h + \",scrollbars=yes,location=no,directories=no,status=1,menubar=no,toolbar=no,resizable=no\";\nwindow.open(tpge,pnme,settings);\n}\n//-->\n</script>");

Line 72:
Code:

print "<td><a href=\"#\" onClick=\"openptc('./paidtoclick.php?adid=$row[linkid]&action=start&".session_name()."=".session_id()."','PaidtoClickPage','640','480');\"><b>Click Here To View</b></a><tr>";

I think those 2 lines actually are my problem
I hope you won't get stuck because it's php and javascript and html.

This code makes the site open in a new pop up window. how to make it open in a new tab

Hi,

I usually don't deal with Javascript, and have no idea whatsoever about it.

All I am trying to do is adjust my ad code from adbrite to make the ads (when clicked) open up in a new window rather than the current one, as this disrupts gameplay on my site. (I have a game site).

This is my ad code:

<!-- Begin: AdBrite, Generated: 2009-10-04 22:48:52 -->
<script type="text/javascript">
var AdBrite_Title_Color = '6728B2';
var AdBrite_Text_Color = 'E1771E';
var AdBrite_Background_Color = '000000';
var AdBrite_Border_Color = '000000';
var AdBrite_URL_Color = 'FFFFFF';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeUR IComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script>
<span style="white-space:nowrap;"><script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1366148&zs=3436385f3630&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
</span>
<!-- End: AdBrite -->

I've already checked, and it is not against Adbrite's TOS to do this, however they say they cannot help and you must figure it out yourself.

Any help would be greatly appreciated.

I have the code below that gives the ability to open and collapse sections. I don't know too much javascript and found this code online. I tweaked it to serve my purposes but it doesn't do one thing. I would like all of the areas to be collapsed when the page is opened. How would I tweak the code below to do that?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>Untitled Page</title>
    <script type="text/javascript">
    function ExpandCollapseTable1(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
    function ExpandCollapseTable2(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
	function ExpandCollapseTable3(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
	function ExpandCollapseTable4(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
    </script>
    </head>
    <body>
    <table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=red>
      <tr onclick="ExpandCollapseTable1(this);" style='cursor:pointer;'>
        <td>&nbsp;&nbsp;I</td>
      </tr>
      <tr>
        <td><table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=lightgreen>
            <tr onclick="ExpandCollapseTable2(this);" style='cursor:pointer;'>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;A</td>
          </tr>
            <tr>
            <td><table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=yellow>
                <tr onclick="ExpandCollapseTable3(this);" style='cursor:pointer;'>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i</td>
              </tr>
                <tr>
                <td><table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=lightblue>
                    <tr onclick="ExpandCollapseTable4(this);" style='cursor:pointer;'>
                      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a</td>
                    </tr>
                    <tr>
                      <td bgcolor=orange>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CONTENT CONTENT CONTENT</td>
                    </tr>
                  </table></td>
              </tr>
              </table></td>
          </tr>
          </table></td>
      </tr>
    </table>
</body>
</html>

FYI, I've also posted this question at:
http://www.tek-tips.com/submitpost.cfm?pid=216
http://www.webdeveloper.com/forum/sh...60#post1106660

How can I let link page open using IE?
for example, I open a webpage using firefox or chrome/opera/safari.

when I click the link, open the link using IE


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head2" runat="server">

</head>
<body>
<a href="#" onClick="window.showModalDialog
('http://www.google.ca','','width=600,height=600','screenx=200','screeny=200')"><img src="images/benemanc-01th.jpg" alt="img-01" width="125" height="155" class="thumb" style="display:inline"></a>
</body>
</html>

Many thanks
T

Hi there,

I'm putting together a GeoCaching book for iPad that I intend to shop around upon completion.

I have hit a stumbling block though. I want the co-ordinates in the PDF to open the Google Earth application. Using the current hyperlinks, the iPad links to Google Maps instead.

Is it possible, using Javascript, to create a code that will directly open the Google Earth application and take the reader to those exact co-ordinates?

Thanks in advance,

WR

Hello folks! I don't know anything about JavaScript but I found a really cool snippet I use a lot. It will randomize images and each image can open a new link. It looks like this:

----------------------------------------------------
<script language="JavaScript" type="text/javascript">

function random_imglink(){

var myimages=new Array()

myimages[1]="/img/images1.jpg"
myimages[2]="/img/images2.jpg"
myimages[3]="/img/images3.jpg"

var imagelinks=new Array()

imagelinks[1]="http://www.google.com"
imagelinks[2]="http://www.yahoo.com"
imagelinks[3]="http://www.alexa.com"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

random_imglink()
//-->
</script>
-------------------------------------------------

Now, my question is, can I link to open a document within an iFrame on my page?

Please don't tell me not to use iframes or whatever, I'm not a professional, just want to see if this works.

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 All,

Im a newbie when it comes to Javascript and trying to learn as I go along.

I am working on an internal work site. In the site I have a text box and on entering a specific code I want it to open a new page that links to a document that has the same name. ie. if user types red, I want it to find the document red.html in a folder.

To make my colleagues job easier, I want the text box to autocomplete.

Below is a section of the code I plan to use


Code:
<script>
var arrValues = ["red", "orange", "yellow", "green", "blue", "indigo", "violet", "brown"];
</script>
</head>
<body>
<h2>Autocomplete Textbox Example</h2>
<p>Type in a color in lowercase:<br />
<input type="text" value="" id="txt1" onkeypress="return autocomplete(this, event, arrValues)" /></p>
</body>
</html>Can anyone help me to modify this to:

1) link the text entered to the document I want opened

2) open this document upon 'enter' pressed

If anyone can provide help it will be greatly appreciated.
Thanks
Glen

I have a php page which uses the following javascript code to open another page (The users profile page) and alos carry over the userID (dUid)

Code:

var userProfileUrl = chatProfileUrl+dUid.replace(/_/gi,"");		

		document.getElementById('userdetails').innerHTML += "<span class='userinfo' onClick=\"window.open('"+userProfileUrl+"','"+dUid+"')\"><img id='profile' style='cursor:pointer;vertical-align:middle;padding-top:4px;' src=images/zoom.png> View Profile</span></br>";

I wanted to add to the menu another image link so I copied the same coding, but I do not know where to place the URL target that I want opened. I know I want the userID (dUid) also to follow this link as well. If I want the coding below to act in the same manner as the coding above, but instead open a page called /gift.php, where do I set the Url?

Code:

document.getElementById('userdetails').innerHTML += "<span class='userinfo' onClick=\"window.open('"+userProfileUrl+"','"+dUid+"')\"><img id='profile' style='cursor:pointer;vertical-align:middle;padding-top:4px;' src=images/gift.png> Send Gift</span></br>";

Hi this is my first post i dont know were to post it any way hope you can help me out

ok the thing is that i got this script
<script>
alert("mesages");
document.location = "http://google.com";
</script>

easy script but when you click button it takes you the the URL but i want it in a new tab

plz help and sorry if this was posted in a new section i try google this but not luck

I have two pages A and B.
I have a link in the page A.
I have two iframes in the page B.

In practice, the link in the page A must open the page B and the link's href must open in the second iframe of the page B.
Is there any script that does this?