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?
Can 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 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 RelatedI 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 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
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].....
Greetings. I am using this code for a photo gallery.
<script language="JavaScript">
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
if (document.all)
{
[Code].....
It totally works but I would like to have the "Link" when clicked change from the style designated in the <td> tag below:
<td class="style 1">
To another CSS style .style 2
I am stuck on how to get this to work. I have tried many things with no luck. Do I need another function or could it be added to my gallery script?
based on selection of radio button, i want to change the text box to enable and disable. And additionally, how to set if i enter a value in textbox1 then calculating something and display the result in textbox2 that to on key up.. not on form submitting.
View 4 Replies View RelatedI'm a real newbie with Javascript, but I'm having fun. I just bought the book, "Simply Javascript" (have only just cracked it so far). I'm reasonably familiar with PHP (I use a lot of it to do simple things). I'm a Web desinger and do custom CSS Websites (I'm fairly new to that too couple of years or more working with CSS and I've never done a table based layout.
[Code]...
But when the button is clicked, nothing will call the showCaption() function again, and I can't figure out how to call that function as the images advance. I have tried a lot of things with a lot of weird results, one being the tne next caption will display in a blank browser window, without the Webpage! I'm not sure why that happens, but I have a clue.
Is there an easier way to do what I want to do? I only want to show a few lines of text that will describe each image. Seems simple enough to me, but I'm just too new to make it work.
I am not very familiar with AJax, and for simplicity sake, I am trying a simple code. When I click the text box it should change the text and display "hello there", but it did not change. Is there something wrong with the code? I know this can be done with out using AJAX, but I want to test AJAX.page1.php
PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[code].....
I am wanting to insert text into a text area when a button or link is clicked. I know how to replace the whole lot in the text area, but I want it to insert text where the flashing cursor is in the text box. (Like Wikipedia)
View 3 Replies View RelatedI would like to hide some text from my user initially. Then when the user clicks 'Read More', those text will appear. I have some idea of how this can be done in JS but got stuck halfway
Can someone pls help me? How can I write (using JS) into the place where I want the text to appear?
I am trying to learn SVG and I have alot of the basics including javascript manipulation. But I am really stuck on trying to manipulate the actual text itself.
<text id="text1" x="300" y="200" font-size="60" font-family="tempus sans itc" stroke="red" stroke-width="2" onmouseover="changeText()">
OMG
</text>
I am trying to change the text "OMG" to say something else when you hover over it. For example: It says OMG, I want to hover over the text and have it change to WTF. Like you could do with innerHTML. anybody have any experience with SVG
I need to set the border width of a link when it is clicked. The link calls a javascript and so I need a way to identify which link has been clicked, hence the outline...i tried this.style.borderWidth = 'thin';but to no avail...?!I have already assigned border-color and border-style in the style sheet if that makes any difference...
View 1 Replies View RelatedI want to create a javascript function that will change the url of an image link. This is what I tried (which I'm sure is totally wrong):
document.images['myimagename']. = '" + address + "'";
where address is a parameter passed into my function and myimagename is the name of my image.
I am trying to get the title attribute of a link to be the same as the visible text of the link. That is, I want the little pop up that occurs when you hover your mouse over the link to read the same as what users would see in the menu.
The menu is written by Javascript, so there is no way to just put a title attribute on each link. Here is the code:
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?