I was wondering if I could change the text of a link with a JavaScript. I want to set it up with a JavaScript function so that when A link is clicked on, the text of that link changes and it points to a different function.
View 2 RepliesI am having a problem changing HREF and Text of a link from javascript.
My code is as colos
Code:
And the javascript code is:
Code:
At first page load, it works fine. But then the link text nor its href don't change.
What could be the error?
I am using some javascript code to change an image on an html page. I would
like the user to click on the image to bring them to another page. I need to
change an href to include an id value based on the image.
Here's the process:
1. select an image from a drop down list.
2. view the image on the same page.
3. click on the image to bring user to another page.
Here's my attempt at it:
function nextimg() {
txtString =
document.Topics.sel_val.options[document.Topics.sel_val.selectedIndex].value
document.image1.src = txtString.substring(txtString.lastIndexOf("&") + 1);
document.frmPic.href="details.asp?id=" & txtString;
}
I also think that txtString is not what I need. I believe it is a text
string (12345.jpg). So I will need to parse the string as well to get the
"12345".
I have a website with several pages. Each page having the same menu.I need one of this menu item's text to vary according to each of my customers, where the customer id will be passed from an external link at launch time.I also need to change the menu item link <a href.../a> dynamically.I'm planning to create a redir.html pacge for each client and within that page, I can insert a url with parameters to launch the main page.
View 1 Replies View RelatedCan anyone assist me with what I am trying to do with the following
code (six different scenarios to try to make the functionality work
correctly)?
I want to always (and ONLY) display in the status bar 'Symantec
Corporation' whenever anyone mouses over (onMouseOver) my image or
link OR when one clicks while holding the left mouse down (onClick) on
the same image or link. Upon releasing the mouse (onMouseOut), the
status bar should be 'blank'. I need the link to open in a new window
via my function openWindow(URL) code.
What is happening in most of the six scenarios, is that when one
clicks the link, either the function doesn't engage, but rather the <a
href= takes effect instead OR that status bar shows
'javascript:openWindow('http://www.symantec.com/');' when one clicks
while holding the left mouse down (onClick) on the image or link.
Additionally, for only the link, I need the CSS/style to show 'red'
when one mouses over (onMouseOver) it and then change to 'blue' upon
releasing the mouse (onMouseOut).
How about integrating 'style="cursor:hand"' into the code or perhaps
setting some of the data via a <div> or <span> snippet? Code:
there is a text box in a html page... When a user writes "23 April" And click "Go" and then an excel file should get open named "23 April.xls" and if user write any other date than it should open file with name of that same date with the extension .xls And also if there is any date picker to insert a date in the text box but in the format dd mmmm, eg. "14 March"
Now I have a code where i have a text box and a go buttom and if a click write anything and click go button then i will directed to the xls file with the name written in the text box.... BUT I AM NOT ABLE TO LINK A DATE PICKER TO THE TEXT BOX WHICH INSERTS THE DATE IN THE dd mmmm FORMAT Eg: 23 April
CODE I ALREADY HAVE FOR OPENING A PAGE
<html>
<head>
<!--
[Code]....
The thing is i am trying to create an intranet website for my office use only with the help html.. now on one of the page I need a link for the weekly based data stored in excel files... the name of those files are "Schedule for Week 04th May to 10th May.xls" So I need a popup calendar to insert a date and when a button click is hit then the above metioned file should open...
The above mentioned file has the date for the first and the last day of the week.. where the week starts on monday...
I have a table that is populated row and column headers, and data of course, I need to convert one of the row headers to a href that will reference a more detailed report. I have already gotten the parent/child relationship needed to pinpoint the data in that one cell but I can't figure out how to change it to a href using javaScript.
View 3 Replies View RelatedCan anyone explain why replace doesn't work in the code below, the anchor text doesn't change when I click on the link.I will be happy if someone can tell me
1. how to change the linktext to "Hide information" when I click on the link.
2. how to hide the showInfoText (which has been visible when I clicked the first time) when I click on the link - now with the text "Hide information" - again.
3. how to make the link clickable again. Just now it is only clickable once.
I'm writing a FireFox extension and I have the dom and therefor the
links[] collection
window.getBrowser().contentDocument.links[i]
Is there a way to change the color of these links based on the stuff I'm
checking for from the JavaScript?
For example. If I have this loop
var number_of_links = window.getBrowser().contentDocument.links.length;
for (var i=0; i < number_of_links; i++)
{
var domain = window.getBrowser().contentDocument.links[i].hostname;
//Check hostname here and change color
}
how could I change the links color?
I need to change all the links on my site that say "more information"
to something else. Unfortunately I don't have access to change the
component that places these links in the first place, so I need to use
Javascript at runtime to go through, find each instance of a link with
the above string and change it. Is there a good cross-browser way of
achieving this? Is HTMLAnchorElement a good place to start?
I can I take a code like this:
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
[Code]....
But make it so you see "Show" before you click, then change the text to "Hide" once you click the link?
I have a textual "link" that, when clicked, I want the text to change, and I want a number of checkboxes to be toggled on or off. Here's my code. Currently, I just have the text changing - I don't know how to simultaneously check/uncheck checkboxes.
<head>
<script language="JavaScript" type="text/JavaScript">
<!-- toggle off and on, currently unused -->
function checkAll(checkname, exby)
[code]....
I have a page here [url]. What I want to control is that for link on the left that is clicked I want the text to change to a particular color to highlighted it have been selected. And when another linked is clicked I want the previous linked to be reset to the normal color. How to achieve that.
View 2 Replies View RelatedI have a page here [url]. What I want to control is that for link on the left that is clicked I want the text to change to a particular color to highlighted it have been selected. And when another linked is clicked I want the previous linked to be reset to the normal color.
View 4 Replies View RelatedAny way to update URLs on a page depending on the region selected by the user. I have 3 regions, Americas, Europe & Asia. And depending on the region selected I need to update URLs on the page for the different regions.
For example, below are the 3 possibilities for the links.
domain.com/americas/product.php
domain.com/asia/product.php
domain.com/europe/product.php
Javascript form: text link instead of button
instead of having a button as a big grey thing, is it possible to have a <a href> style text link?
I created 3 hyperlinks, when the user click each link, it will change
the color of the text of a link. For example, when user clicks Link1,
text Link1 will become red color, but Link2 and Link3 unchange. Here's
my attempts, any ideas??
<script language="javascript">
function changecolor (i)
{
document.i.fontcolor = red;
}
</script></head><a name="item1" href="test.html"
onClick='changecolor(item1)'>Link 1</a><a name="item2"
href="test.html" onclick='changecolor(item2)'>Link 2</a><a
name="item3" href="test.html" onclick='changecolor(item3)'>Link 3</a>
how to implement the same effect as the left hand side navigation bar on this site,
[URL]
I want the link to appear opaque when inactive but upon hover fade in darker.
Trying to have plain text that you can click (div of newslink) which toggles the right parameter of other element (div of rightSidebar). Set rightSidebar initially with css: #rightSidebar {right:200%}
Here's what I have for script, but still not working:
<script type="text/javascript">
$j(document).ready(function(){
$j('#newslink').toggle(
function()
[Code]....
I'm trying unsuccessfully to get some text links to change & restore their colour.
[URL]
Referencing this link - there are 3 text links at the top of the page, which scroll to different anchor points on the same page.I need the following to happen: On hover, change colour (easy using css) On click link A, change colour When clicking link B, link A restores to original colour.
One is the default style sheet.The other is an alternative style that fires up if the user clicks a button.Here are the style sheets in the page head.
Code:
<link rel="alternate stylesheet" type="text/css" media="screen" title="default" href="../bandi_css_760px/global760px.css" />
[code]....
Lets say I have a bunch of links with the same class but different anchor text like [code] When the page loads I want the anchor text of each link to display the same text of my choosing. However, when the visitor clicks a link the anchor changes back to the orignial. It would be best if all links could be changed back their original if any link is clicked but this isn't necessary.
View 1 Replies View RelatedI have a simple menu as you can see in which i want the link that gets pressed to change color to grey.(line26).But before that (line25) i use jquery to change all the links back to their original color.But that line of code destroys my hover effect on all my links for a reason.
<head>
<style>
.link {
color: #fff;
[Code].....
I would like to know how i would go about changing my CSS text size by selecting a value form a select list.
I was told it would be pretty easy with DOM? but i dont know enough about JavaScript or DOM to figure it out. Code:
I am trying to make a variable link on a page. The page has a text box
for a stock symbol. The code is: <input type=TEXTBOX Name="symtb"
value="" size="10>
The value of the text box {the stock symbol} will complete the url.
I found code for a variable link:
<script language="JavaScript">
<!--
function variable_in_link(varible_value)
{
new_win = window.open('http://finance.yahoo.com/q?s=" +
varible_value'')
}
// -->
</script>
The link I am trying to use is: <a
href="javascript:variable_in_link(symtb)">The text</a>
No matter what I do the variable_value comes back as undefined. There
is always a value in the text box.
I want to know if there is any way to access an external site, search for an a statement and get it's href, like this:
<a href="http:google.com/" target="_blank">Click Me!</a>
I need the code to search for the Click Me! href on the middle of a HTML file.