Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Dynamic expanding text

Status
Not open for further replies.

jimmyweb

Programmer
Dec 9, 2004
37
US

Hi Friends,

I need to created a link or button for displaying detail information. But it can not cover/hidden original page information. it must expandspace and added these new information into page. When users click close button. This detail information should be remove from page. As i know it, It should be do dynamic Javascript to create HTML code and insert into html page and refresh page.Could we do this in dynamic JavaScript or HTML?

Thanks for any example.

Jimmy
 
any example:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]

<html>
<head>
<title>Untitled</title>

<script language="javascript"><!--

function toggle() {
    var d = document.getElementById('theDiv');
    d.style.display = (d.style.display == 'none') ? '' : 'none';
}

//--></script>

</head>

<body>

<form name="f">
<input type="button" onclick="toggle();" />
</form>

<div id="theDiv" style="display:none;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur eget enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas dolor dolor, laoreet ut, egestas a, lobortis eu, metus. Nunc dui. Maecenas ullamcorper, diam at aliquam porttitor, eros tellus porttitor felis, vitae viverra velit erat in pede. In venenatis porta urna. Proin blandit, quam et ultrices congue, enim nunc nonummy arcu, eu pulvinar massa erat sit amet nisl. Ut magna nunc, tincidunt non, interdum id, tempus eget, sem. Pellentesque lobortis porttitor justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sed dui. Fusce enim justo, fringilla sit amet, pretium at, pharetra sit amet, erat. Sed libero justo, sollicitudin commodo, dapibus rhoncus, dignissim sit amet, felis. Maecenas non velit eu magna sagittis imperdiet. Etiam eu metus non metus molestie nonummy. Fusce id neque. Donec vestibulum orci at dui.
</div>

<div>
Mauris sed libero eu enim porttitor ultrices. Donec posuere eros molestie neque. Suspendisse fermentum lacus. Ut pretium bibendum pede. Nullam feugiat lectus sed pede. Donec eleifend, sapien sit amet tincidunt pretium, augue nulla tincidunt arcu, ut volutpat dui arcu et lacus. Suspendisse massa tortor, commodo ut, pellentesque non, luctus non, neque. Etiam sollicitudin quam ac lacus laoreet tincidunt. Sed malesuada, nunc in nonummy feugiat, mi dolor dapibus dui, sit amet semper lorem eros eget libero. Cras feugiat, lectus dapibus porttitor commodo, erat dolor adipiscing leo, vitae viverra neque odio vel urna. Aliquam cursus faucibus ante. Nullam sed mauris eu erat mollis sodales. Suspendisse potenti. Donec urna ipsum, hendrerit at, euismod sit amet, porttitor id, orci. Praesent mollis placerat nisl. Aenean sem. Sed sed risus a est pellentesque fermentum.
</div>

</body>
</html>

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
[banghead]
 
Dear cLFlaVA,

Thanks for your codes anf help.
I am working to this based on your email.
Nice day
Jimmy
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top