By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,761 Members | 956 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,761 IT Pros & Developers. It's quick & easy.

Dynamic text: modify text by image/link click

P: n/a
Hello,

The effect i'm trying for:
Tha tthe user clicks an image, and a line of text on the page changes.
I'd like to make it so that this could be done over and over with
different links.
But this isn't working. I think the problem is related to a refresh
not happening, but I'm just learning the javascript ropes.
Thanks in advance for your help.

-Dave
--code follows

*attempt*1*
var avar = 'beforeclick';
//defined in body
//included document.write(avar) in text. it shows up in text, but
doesn't change on click.

function newtext(){
document.write(avar);
return false;
}
<!-- setInterval("newtext()",500);-->
//page doesn't finish loading
newtext();
/this is included in the body of the page.

<a onClick="avar='afterclick'; newtext(); return false;">first link</
a>
//results in a new page with the only element "afterclick"
<a onClick="avar='afterclick'; return false;">first link</a>
//no effect

*Attempt*2*: I also try doing this as an anchor, rather than a global
var.
<a name = "anchor">This is the original text</a>

<a onClick="document.getelementbyid("anchor")='newtex t?'; return
false;">anchorlink</a>
//no effect
<a onClick="anchor='newtext?'; return false;">anchorlink</a>
//no effect

Feb 2 '07 #1
Share this Question
Share on Google+
1 Reply

P: n/a

David Housman wrote:
The effect i'm trying for:
Tha tthe user clicks an image, and a line of text on the page changes.
I'd like to make it so that this could be done over and over with
different links.
*Attempt*2*: I also try doing this as an anchor, rather than a global
var.
<a name = "anchor">This is the original text</a>

<a onClick="document.getelementbyid("anchor")='newtex t?'; return
false;">anchorlink</a>
//no effect
<a onClick="anchor='newtext?'; return false;">anchorlink</a>
//no effect
Hi,
Javascript is case sensitive that is why "getelementbyid" not the same
that "getElementById".
If you want to search by id (getElementById) then set id (not name).
<span id="anchor1">This is the original text</span>
<a href="#"
onclick="document.getElementById('anchor1').innerH TML='newtext?';
return false;">anchorlink</a>

or if you want the change occurs after the user clicks on an image:
<span id="anchor1">This is the original text</span>
<img src="someimg.gif"
onclick="document.getElementById('anchor1').innerH TML='newtext?'">

Feb 2 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.