Linking To A Page Section
Jan 26, 2011I need the following link to automatically scroll to the top of the page when it is clicked.
[Code]....
I need the following link to automatically scroll to the top of the page when it is clicked.
[Code]....
Basically, I have a link that should open the targeted link in a blank page, and upon the link being clicked, the original page's URL should be changed. The reason for this is that the user has to browse information on another website, and then pass the information on to me via a contact form, so rather than make them click back on my tab in the browser, and then find the "Contact" page link to fill in the form, I thought it would a good feature to simply go ahead and load the "Contact" page upon them clicking the link to the external page (which of course loads in a new tab). Here is the code I have in place:
Code JavaScript:
<a href="http://www.othersite.com/" target="_blank" onclick="window.location.href='http://www.mysite.com/contactus.php';">Other Site</a>
This all works fine on my computer, regardless of the browser that I use. One of my partners on this project called me this morning and said that the link was taking him directly to the "Contact" page without opening the "Other Site." This is strange because after I put this in place, I showed it to him and it worked fine. Now, a few days later, and it does not work. He said that he cleared his browser cache, history, cookies, etc. and the problem did not go away. He uses IE8. After he told me it was no longer working, I went to test it myself, and it works fine for me no matter which browser I use (IE8 or 9, Firefox 3 or 4 Beta).
why this might have worked one day and not the next? Is it simply a problem on his computer, or could it be an issue where based on what type of browser you are using, this won't work. Also, I know this is the JavaScript forum, but is there a way to do this in PHP without using the JavaScript onclick event? Obviously, I can't use the header() function since this functionality needs to be present on a link within text of a page.
How can I use Javascript to look at variables passed from another page
using the GET method( a website address) and load that website?
I have a simple script that will get the NWS forecast for any zip code and it opens it in a new tab. I would like it to open in an iframe on another page with in my website. I have come close, but not quite all the way yet. This will enter the forecast in an iframe on the same page as the input form. [URL]
How can it load onto this page from the form on the menubar? This menu is common on all the sites pages.
I have seen solutions posted around the internet using javascript for similar issues, but I haven't been able to get any to work in my situation. My javascript skills are - none.
i know how to use javascript to make a specific page load into an iframe but not how to make the page load into the iframe on another page. all i need to know is how to do it for one page then i think i can build the decision structure around it to make it work for more than one link (hopefully).
View 24 Replies View RelatedI have 3 bits of code, 2 of which I'm pretty sure are right [i know the php works, and the ajax looks fine], but one i'm having trouble with. Basically what I'm trying to do is use a link to call php function [calls a piece of text from a database]. Which worked fine. But then I tried to incorporate AJAX into the script to make change dynamically on the page, and I'm a little confused with it all. I've got the AJAX and PHP, [and an attempted page with a link on to try and call the function with AJAX] but so far it's not doing as it should. Wondered if anyone could show me where I'm going wrong with the whole 'linking together' thing? So far everything I've tried hasn't worked. [hope this doesn't violate the forums 'don't dump your code' rule. But it's kind of all necessary]
[Code]...
I have inherited a project with some code that runs fine for some
frames but not for others. This is a frames based project, and
(apparently) sometimes there is a parent frame, and sometimes not. When
there is no parent frame, you see this error message:
'parent.frmUpper.document' is null or is not an object
I would like to know if there is a way to check for the existence of an
object by name so I can determine what to do next.
I'm trying to link to a jQuery tab (the second tab) from an external source and havent had much luck so far. I found this on the jQuery UI demo's page:
...select a tab from a text link instead of clicking a tab itselfvar $tabs = $('#example').tabs(); // first tab selected $('#my-text-link').click(function() { // bind click event to link $tabs.tabs('select', 2); // switch to third tab return false;
});
But cant figure out what I should be putting in "#my-text-link
", what is itreferringtoo?
My second tab is called '#tabs-2' so I assume that's what I place into'#example'
?
I have a website for tanning salon services. Salon A's page has links for 4 possible equipment choices - (diamond, platinum, gold, bronze levels) on the [I]Sunbeds page. Sunbeds page has 2 iFrames, top and bottom, that are changed by 4 functions - changediamond(), changebronze(), etc. based on the selection. I need to be able to click a link on the Salon page that will take me to the corresponding function on the Sunbeds page...
Here's what I have so far:
Salon A page
<a href="sunbeds.htm?javascript:changediamond()"><img src="images/nr_diam_sm2.jpg" alt="Diamond Level Sunbeds" /></a>
(thru)
<a href="sunbeds.htm?javascript:changebronze()"><img src="images/nr_brnz_sm2.jpg" alt="Bronze Level Sunbeds" /></a>
Sunbeds page
<SCRIPT language="JavaScript">
function changediamond() {
parent.FRAME1.location="sb_top_ct1.htm";
parent.FRAME2.location="sb_bot_ct1.htm";
}
(thru)
function changebronze()
{
parent.FRAME1.location="sb_top_ct4.htm";
parent.FRAME2.location="sb_bot_ct4.htm";
}
</script>
.
..
...
..
.
<a href="javascript:changediamond()"><img src="images/diamond_sm2.jpg" alt="Diamond Level Sunbeds" /></a>
(thru)
<a href="javascript:changebronze()"><img src="images/bronze_sm2.jpg" alt="Bronze Level Sunbeds" /></a>
The links take me to the correct page but not the function. Once I'm there I can select the functions and the iFrame change works great. I'm just at a loss for passing along the data string i.e., sunbeds.htm?javascript"changediamond()
How would I go about creating the coding for a submit button that links to another page? And I would I go about creating the coding for the reset button that resets the page? I go about creating a code to do so, but it never works. Here is the coding I have for the submit button:
<p id="pbuttons"><center>
<input type="reset" value="Reset" />
<input type="submit" value="Submit Order">
</center></p>
I have a live radio running on my home page and the rest, and i want to navigate through the website without having to make the buffering again.
View 2 Replies View RelatedI am trying to load the contents of a div on another page into the contents of the div on a new page, I can't just load the the full page into the div as it has stuff I don't want displaying on the new page. for example, my page setup is a div column with links and another column with data the links can be loaded from a drop down menu at the top or the first column I mentioned on each page.
what I want is that if you load the page from the top nav bar it loads the entire new page, if you load the page from the side links it loads the content of right column from the requested page into the content of the right column of the exisitng page, not changing the links which are in the left column
I need a JavaScript script to only affect a certain section of my page. Is it possible that I could put that part of my page in a DIV or a FRAME to get this to work? How would I do this?
Here is my script:
As you can see, that would choose a random link from my entire page. If I want to make it choose from a section of my page, what would I do? (there are a lot of links on this page, and I don't want to assign number to each and every one of them, and then choose a random number)
Is there a reason why this code won't execute properly? It's not printing out the contents that I have put in the head section.
View 1 Replies View Relatedi've followed this javascript and i'd like to link the text to one of my page.How do i place the ahref tag in the script.[URL]...
View 2 Replies View RelatedI need guideline with a script I am using for a link on my index page to load up a different page with two iFrames on it and at the same time load up different pages in each of these iFrames. I have achieved this with only one iFrame so far with this script:
1. <script type="text/javascript">
2. <!--
3.
4. function loadIframe(){
5. if (location.search.length > 0){
6. url = unescape(location.search.substring(1))
7.
8. window.frames["main"].location=url
9. }
10. }
11.
12. onload=loadIframe
13. //-->
14. </script>
15.
16. <a href="mainpage.html?about.htm"</a>
So basically when I click on Link1 on Page1 it takes me to Page2 with iFrame1 with a page loaded and iFrame2 with nothing loaded whereas I would like Link1 on Page1 to load up Page 2 with two different pages loaded in the iFrames all at the same time.
I have put together an image gallery that contains links to each individual image, however, I would like to link to individual images on a separate html document and cannot for the life of me determine how to go about doing this.
rnmix
Code:
<html>
<head>
<script type="text/javascript">
[Code]....
I don't know whether this is a css problem or a javascript problem. My js knowledge is very basic. I purchase some javascript from Project7 to scroll my pages vertical, and I am having a small problem. There is probably a fairly simple solution, but I can't figure it out.
In this first example, the top padding for the first page is set to 0. Everything works well until the home button is clicked:
Test 1
In the second example, the first page has the a padding of 260px, same as all other sections (the header is also 260 px). When the page loads, there is a 260px gap between the header and the first section. Once any button is clicked, everything is works fine. Even if the page is refresh, it works fine.
Test 2
I have been playing around with this for hours and I cannot figure out how to set everything right.
I am trying to link to a specific nested tab fromanother page. So let's say I'm on the home page, and I want to link to: productspage > Widgets (parent tab #2) > Large Widgets (Parent tab #2's child tab #3). In other words; Directly to a non-default nested tab, from acompletely different page. Linking to the parent tabs works fine (with a standard anchor link e.g.; [URL]), but I can't figure out how to link to one of their child tabs (besides what is set as default)
Here is a stripped down version of the setup I have (I just typed most of it out, so forgive any obvious syntax errors, my pages on the site all validate):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL]">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Site Title</title> .....
I am building a static website, and I have images in my index page each image has a title name, how do I make an image clicked to open in a different window if clicked, I have a template page designed to be used for opening an image in a different window if clicked but I don`t know how to configure everything. Secondly, I would want the image to be placed in a particular section in the template page.
View 2 Replies View RelatedI'm using an HTML page with one section having editable content. Nothing overly complicated. All other execCommands are working fine, but I cannot get Paste to work. The function is called from this button:
And, here's the Javascript function:
When I use the Copy or Cut buttons the selected text is loaded into the clipboard. If I press Ctrl+V to paste, it works fine. But clicking the Paste button either has no visible effect (if no text is selected) or just deletes any selected text. I've used the Paste command before from VB without any problem, but it's been awhile since I've used JS.
Anyone know how I can change the color of a text link on a page that doesn't load a new page, but rather stays on the same page?The nav links already use an onClick to present content below it that changes depending on what link in the nav I select. In other words, there's already two things going on -- links take you to content on the same page using a JS onClick.What I want to add to that is when you click on the link, it changes style, like turns bold or changes color. So then the user knows that not only have they selected new content, but the link they selected stands out as well.
View 1 Replies View RelatedHow do I put this onclick function code...
into the head of my page so I can call it from several similarly situated links?
How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<img src="/Img/Illustrations/kicktalkv2.jpg"" alt="Kick Talk" usemap="#kicktalk_map" />
[code]....
I've got this code:
<html>
<head>
<style>
a{cursor:hand;text-decoration:none;font-size=10pt;font-family:Verdana;}
a:hover{cursor:hand;text-decoration:underline;}
</style>
</head>
<body>
<a href="" onClick=openR()>link1</a><br>
<a onClick=openR()>link2</a><br>
</body>
</html>
And I'm wondering why on the first link the css is working fine and on the
second one fails. Anyone know's?
How do you link in external js file from a current js file? i went to do it with <script> tags and remembered i wasn't in html.
View 8 Replies View Related