Welcome to WebmasterWorld Guest from 54.198.243.51

This page requires javascript to function properly. It seems that your browser does not have Javascript enabled. Please enable Javascript and press the Reload/Refresh button on your browser.

Forum Moderators: not2easy

Message Too Old, No Replies

Changing contents of div or paragraph with a link in CSS

JakeFrederick

4:37 pm on Dec 13, 2001 (gmt 0)

Junior Member

joined:July 24, 2001
posts:53
votes: 0

How can I change the contents of a div or paragraph when the user presses a link using CSS? I am trying to create an image gallery where the user presses a thumbnail and the full image displays. I don't want to use pop-up windows and I don't want to refresh the screen or use frames. Can this be done easily?

joshie76

5:55 pm on Dec 13, 2001 (gmt 0)

Senior Member

joined:Apr 10, 2001
posts:793
votes: 0

Try this little sample, uses the innerHTML property. Won't work in NN4 but will in pretty much everything else.

<html>
<head>
<title>Untitled</title>
<script>
function updateTestParagraph(string)
{
document.getElementById('test').innerHTML = string
}
var testString = "Look, DHTML wonder eh?"
</script>
</head>
<body>
<a href="javascript:updateTestParagraph(testString);" >click here</a>
<p id="test"></p>
</body>
</html>