code to hide content

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

code to hide content

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> code to hide content

Page: [1]


dexter_wizard19 Posts: 4 Joined: 8/5/2008 Status: offline	code to hide content - 8/5/2008 2:23:12 am using wordpress to blog. i need a code like <!---more---> to hide my content. and i need that code to work even if the article is viewed in its own page... the article should come up only wen some one clicks that link. any help ? thanks in advance

TexasWebDevelopers

Posts: 202
Joined: 2/22/2002
From:
Status: offline

RE: code to hide content - 8/5/2008 10:38:21

Not sure if this is exactly what you want but you can show/hide a DIV using javascript and CSS like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div show hide</title>
<body>
<script type="text/javascript" language="JavaScript">
<!--
function HideContent(e) {
document.getElementById(e).style.display = "none";
}
function ShowContent(e) {
document.getElementById(e).style.display = "block";
}
function FlipContent(e) {
if(document.getElementById(e).style.display == "none") { document.getElementById(e).style.display = "block"; }
else { document.getElementById(e).style.display = "none"; }
}
//-->
</script>
<a onmouseover="ShowContent('div1'); return true;" href="javascript:ShowContent('div1')">[show]</a>
<a onmouseover="HideContent('div1'); return true;" href="javascript:HideContent('div1')">[hide]</a>
<a onmouseover="FlipContent('div1'); return true;" href="javascript:FlipContent('div1')">[show/hide]</a>
<div id="div1" style="display:none;">
Content goes here.
</div>
</body>
</html>

(in reply to dexter_wizard19)