/    Sign up×
Community /Pin to ProfileBookmark

Text swap?

Copy linkTweet thisAlerts:
Nov 21.2006

Is there a text swap plugin available, or an html code that will, upon rolling over a link, swap text in another paragraph.

For example, I have a list in one column, and as I roll over the different points in the list I want the text in the next column to have a paragraph explaining the scentence my mouse is over. I hope this is clear. I hope this can be done without having to create images of the text I want to swap out.

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@JMRKERNov 21.2006 — Are you looking for something like these?

http://meyerweb.com/eric/css/edge/popups/demo.html

http://www.walterzorn.com/tooltip/tooltip_e.htm

or something more along the lines of this?
[code=php]
<html>
<head>
<title>test</title>
</head>
<body>

<a href="#" title="Alternate information">Link to somewhere</a>

</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@CrazyGazNov 21.2006 — I think you need the innerHTML command.

[code=html]
<div id="infoText">Default Text</div>

<a onMouseOver="infoText.innerHTML='This is some text changed'">Change1</a>

<br /><a onMouseOver="infoText.innerHTML='This is some text changed again'">Change2</a>
[/code]
Copy linkTweet thisAlerts:
@jmilin5931authorNov 21.2006 — YES Thanks!! http://meyerweb.com/eric/css/edge/popups/demo.html

Thats the right one. I'm not really sure though how to specify where the actual caption shows up. I dont get it.

I have a list of items, and upon rollover I want a caption to show up in a table to the right which I have a background image of a piece of notebook paper. So it will look like the text is written on the paper, and the text just changes.
×

Success!

Help @jmilin5931 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.21,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...