|
JavaScript - How Do I Open A Link From This Ajax Tree Into A Specific Frame~?
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~?? Similar TutorialsPlease 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!!! I have plenty of information in my database now, and I'm thinking of making a double-frame style webpage that can pull content from the db. but the AJAX code I have is sometimes very slow. It might be my server though. Could anyone shed some light on how the following website populates the right side frame with help content? http://vb.mvps.org/hardcore/ if you double click on the file on the left, the content immediately appears on the right. I'm guessing that it doesn't come from a database, because of pages like this: http://vb.mvps.org/hardcore/html/int...elibraries.htm that same content can be seen by one of those help chapters too. So, there's a complete file for the link. Could someone tell me how exactly this works? Hi Im trying to creat a website so when the small image is rolled over a new page opens in the frame ( called main) i will upload it now to http://www.e-z-host.com/GZ/ all help apricated ! at the momment you have to click to open the page in the main frame. I have looked up on line and found what I thought should work but dose not seem to open a new widow of a specific size when I click on my image. <script type="text/javascript">function openNewWindow() { window.open("http://www.microsoft.com", "_blank", "height=340px width=240px"); }</script><img src="../../Images/photo_gallery/Models/ashly-model.jpg" alt="Model-Ashly" width="200" height="171" class="boarder" longdesc="../../Images/photo_gallery/Models/ashly-model.jpg" /> The above code is what I thought would work but dose not seem to when I try the page out. What am I doing wrong? Thanks all. I have an older website consisting of frames (html). Now I want to password protect one page. So far I added the following Javascript which I found on youtube: <SCRIPT> function passWord() { var testV = 1; var pass1 = prompt('Please Enter Your Password',' '); while (testV < 3) { if (!pass1) history.go(-1); if (pass1.toLowerCase() == "letmein") { alert('You Got it Right!'); window.open('protectpage.html'); break; } testV+=1; var pass1 = prompt('Access Denied - Password Incorrect, Please Try Again.','Password'); } if (pass1.toLowerCase()!="password" & testV ==3) history.go(-1); return " "; } </SCRIPT> <CENTER> <FORM> <input type="button" value="Enter Protected Area" onClick="passWord()"> </FORM> </CENTER> This works but the protected page opens in a new window not in the main frame. What do I have to add and where? Will search engines pick up this page and display it on the public? Thank you. CT 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 I have a website that is using ajax to keep the page up to date with the database information. I call this page through a file called start.php. Once index.php is loaded it has a menu with selections. I then want it to call a page called query.php in an iframe to update the information, but not open a new window. In the iframe the query.php will run and then redirect itself to blank.php. The code is as follows and any help would be much appreciated. I have tried several methods of doing this and they have been commented out because they didn't work or didn't do what I wanted them to do. I do not want to use window.open since IE doesn't work well with it. window.open does work by pop up windows but I want to stay away from them. The main code I am looking to get help on is in red under start.php. In start.php I will include the entire file. In index.php I'm only going to include the main sections I use for this snippit. In query.php I'm not going to include query.php since I beleive this file isn't important for this snippit. start.php Code:
<html>
<head>
<title>Countries At War!</title>
<body style="background-color:#B0C4DE;">
<script language="JavaScript" type="text/javascript">
//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest(); //Not IE
} else if(window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP"); //IE
} else {
//Display your error message here.
//and inform the user they might want to upgrade
//their browser.
alert("Your browser doesn't support the XmlHttpRequest object. Better upgrade to Firefox.");
}
}
//Get our browser specific XmlHttpRequest object.
var receiveReq = getXmlHttpRequestObject();
//Initiate the asyncronous request
function sayHello() {
//If our XmlHttpRequest object is not in the middle of a request, start the new asyncronous call.
if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
//Setup the connection as a GET call to SayHello.html.
//True explicity sets the request to asyncronous (default).
receiveReq.open("GET", 'index.php', true);
//Set the function that will be called when the XmlHttpRequest objects state changes.
receiveReq.onreadystatechange = handleSayHello;
//Make the actual request.
receiveReq.send(null);
}
}
//Called every time our XmlHttpRequest objects state changes.
function handleSayHello() {
//Check to see if the XmlHttpRequests state is finished.
if (receiveReq.readyState == 4) {
//Set the contents of our span element to the result of the asyncronous call.
document.getElementById('span_result').innerHTML = receiveReq.responseText;
}
}
function openMenu(query) {
var myString = 'query.php?' + query;
// window.open(myString, 'linkname', 'title=no, height=465, width=400, left=550, top=150, location=yes, resizable=no, menubar=no, scrollbars=no')
//document.getElementById('engine').src = myString;
//document.getElementById('engine').setAttribute('src',myString;);
//top.frames['engine'].location.href = myString;
pausecomp(1000);
sayHello();
}
function pausecomp(millis)
{
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
}
</script>
</head>
<body>
<a href="javascript:sayHello();">Say Hello</a><br />
<iframe src="blank.php" MarginWidth="0" transparent="yes" width="30" height="25"
frameborder="0" scrolling="no" name="engine">
UPGRADE YOUR BROWSER</iframe>
<span id="span_result"></span>
<body onLoad="sayHello();">
</body>
</html>
index.php Code: <table width="100%" border="2" bordercolor="Black">
<tr><center>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=1');">Home</a></td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=2');">Jobs</td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=3');">Travel</td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=4');">Fight</td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=5');">Inventory</td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=6');">Properties</td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=7');">Rewards<?php if($db_field['rewardpoints'] >= "1") print "(". $db_field['rewardpoints'] . ")";?></td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=8');">Profile<?php if($db_field['profilepoints'] >= "1") print "(". $db_field['profilepoints'] . ")";?></td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=9');">Alliances</td>
<td><center><a href="javascript:void(0);" onclick="javascript: openMenu('menulevel1=10');">Options</td>
</tr></center>
</table>
Thanks in advance for all the help. 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 );
}
}
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 I have an ajax tabbed site which loads the content in the div below it. I made a drop down link so that the user could select one of 3 on one tab but this is outside of the script.js. I'm wondering if there's a way to get the target of these drop down links to open in the div below instead of a new tab? http://voiceprocess.net/script.js <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home Improvement Survey Process</title> <link href="../../../voiceprocess.ico" rel="shortcut Icon"> <link rel="stylesheet" type="text/css" href="../styles.css" /> <link href="../dropdown.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> <div id="main" style="float:left"> <table width="991" border="0" cellpadding="0"> <tr> <td width="649"><ul class="tabContainer"> <!-- The jQuery generated tabs go here --> </ul></td> <td width="75" style="padding-bottom:43px"> <div id="centeredmenu" style=" width:0px; height:0px"> <ul > <li style="padding-left:0px"><span class="sears"><a href="#')"> </a></span> <ul style="padding-top:2px"> <span class="space"></span><span class="space"></span> <li><a href="pages/sears_refacing.html" target="_self">Cabinets Refacing</a> <div> <li><a href="pages/sears_hvac.html">HVAC </a></li> <li><a href="pages/sears_windows.html"></a>New Windows </a></li> </ul> </li> </div></td> <td width="241"><a href="upsell.php" target="_blank"><img src="../u.png" alt="" width="26" height="37" border="0" style="padding-bottom:5px"/></a> <a href="../data.html" target="_blank"><img src="../s.png" alt="" width="29" height="37" border="0" style="padding-bottom:5px"/></a><img src="../../../images/logosm.png" alt="" width="158" height="42" hspace="10" /> </td> </tr> </table> <div id="tabContent"> <div id="contentHolder"> <!-- The AJAX fetched content goes here --> </div> </div> </body> </html> 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. Hello everyone, I wonder if you can help a noob. I have an AJAX query that loads results from a mysql query into a div on my page. It all renders well with echoed results from a php query file. However I cannot get echoed links with a tag to open it up in light/slim/media box to work. Any ideas? Here is the part of the queried php that returns the results. Code: echo "<table width='100%'>";
echo "<tr><td><strong>Title</strong></td><td><strong>Location</strong></td><td><strong>Preview</strong></td></tr>";
while($row = mysql_fetch_array($result))
{
$danum = "000000".strval($row['id']) ;
echo "<tr><td width='410px;margin:5px'>".$row['title'] . "</td><td width='410px;margin:5px'>" . $row['place'] . "</td><td width='120px;margin:5px'><a href='archive/800/da".substr($danum,strlen($danum)-6,6).".jpg' rel='lightbox'><img src='archive/100/da".substr($danum,strlen($danum)-6,6).".jpg' class='lbThumb'></a></td></tr>";
}
echo "</table>";
I have all of the required scripts in the head of the main page. 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. 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? 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 slideshow on the "Projects" page. The javascript is external. There's a link on the homepage that when clicked needs to open the Projects page with the appropriate slide loaded. How do I do that? Here's the code I have for the slideshow: Code: var prev = document.getElementById('prev');
var next = document.getElementById('next');
var current = 0;
function prevPic() {
clearInterval(interval);
if(current > 0) {
current--;
if(current == 0) {
document.getElementById('next').src = "images/right_arrow.jpg";
document.getElementById('prev').src = "images/left_arrow_off.jpg";
} else {
document.getElementById('next').src = "images/right_arrow.jpg";
document.getElementById('prev').src = "images/left_arrow.jpg";
}
update();
}
}
function nextPic() {
clearInterval(interval);
if(current < slides.length - 1) {
current++;
if(current == slides.length - 1) {
document.getElementById('next').src = "images/right_arrow_off.jpg";
document.getElementById('prev').src = "images/left_arrow.jpg";
} else {
document.getElementById('next').src = "images/right_arrow.jpg";
document.getElementById('prev').src = "images/left_arrow.jpg";
}
update();
}
}
function update() {
var pic = slides[current];
document.getElementById('project_title').innerHTML = pic.title;
document.getElementById('project_image').src = "images/slides/" + pic.image;
document.getElementById('project_location').innerHTML = "<span>Location:</span> " + pic.location;
document.getElementById('project_operation').innerHTML = "<span>Commercial Operation:</span> " + pic.commercial_operation;
document.getElementById('counter').innerHTML = (current + 1) + " of " + slides.length;
if(pic.link) {
document.getElementById('project_link').style.display = "block";
document.getElementById('project_href').href = pic.link;
} else {
document.getElementById('project_link').style.display = "none";
}
}
//preload slides
var images = [];
for(i in slides) {
var img = new Image();
img.src = "images/slides/" + slides[i].image;
images.push(img);
}
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 |
|||||||