HTML & WEB-Design

Moderators: Jonathan
Number of threads: 1249
Number of posts: 3348

This Forum Only
Post New Thread
Single Post View       Linear View       Threaded View      f

Report
hiding text Posted by com123 on 24 Jul 2006 at 9:43 PM
i don't know if this question belongs here.
if this is in the wrong place, please tell me were i should post it.

i was wondering if anybody knew what those hiden text things are
called.

the type were you click on something like a picture or text,
and under it or to the side, extra information becomes visible that wasn't visible before. when you click on the item again the extra info hides itself again.

can anyone help me with the name?
i'm tring to creat one, but am only able to find tutorials on the
ones that become visible under the item (there mostly menus).
i need one were the extra info comes out to the left and right of the item.

one person called it collapsible text. but when i did a search i didn't get what i wanted.

any help is very appreciated.
Report
Re: hiding text Posted by NCS_One on 25 Jul 2006 at 10:40 AM
: i don't know if this question belongs here.
: if this is in the wrong place, please tell me were i should post it.
:
: i was wondering if anybody knew what those hiden text things are
: called.
:
: the type were you click on something like a picture or text,
: and under it or to the side, extra information becomes visible that wasn't visible before. when you click on the item again the extra info hides itself again.
:
: can anyone help me with the name?
: i'm tring to creat one, but am only able to find tutorials on the
: ones that become visible under the item (there mostly menus).
: i need one were the extra info comes out to the left and right of the item.
:
: one person called it collapsible text. but when i did a search i didn't get what i wanted.
:
: any help is very appreciated.
:

Hi

Here goes 2 exemples :

One using the DISPLAY and the other using the VISIBILITY,
the DISPLAY doesnt reserve the space of the object on the screen
as the VISIBILITY does.

<html>
<head>
<title>Teste8</title>
<script language="JavaScript">
function ShowLink2()
{
	if (Link2.style.display == "none")
		Link2.style.display = "inline";
	else
		Link2.style.display = "none";
}

function ShowLink5()
{
	if (Link5.style.visibility == "hidden")
		Link5.style.visibility = "visible";
	else
		Link5.style.visibility = "hidden";
}
</script>
</head>
<body>
<a href="JavaScript:ShowLink2();">aaaaaaaa</a>
<a id="Link2" href="JavaScript:;" style="display: none;">bbbbbbbb</a>
<a href="JavaScript:;">cccccccc</a>
<br>
<br>
<br>
<a href="JavaScript:ShowLink5();">aaaaaaaa</a>
<a id="Link5" href="JavaScript:;" style="visibility: hidden;">bbbbbbbb</a>
<a href="JavaScript:;">cccccccc</a>
</body>
</html>


Hope it helps.
Report
Re: hiding text Posted by com123 on 26 Jul 2006 at 6:16 PM
This message was edited by com123 at 2006-7-26 18:17:20

: : i don't know if this question belongs here.
: : if this is in the wrong place, please tell me were i should post it.
: :
: : i was wondering if anybody knew what those hiden text things are
: : called.
: :
: : the type were you click on something like a picture or text,
: : and under it or to the side, extra information becomes visible that wasn't visible before. when you click on the item again the extra info hides itself again.
: :
: : can anyone help me with the name?
: : i'm tring to creat one, but am only able to find tutorials on the
: : ones that become visible under the item (there mostly menus).
: : i need one were the extra info comes out to the left and right of the item.
: :
: : one person called it collapsible text. but when i did a search i didn't get what i wanted.
: :
: : any help is very appreciated.
: :
:
: Hi
:
: Here goes 2 exemples :
:
: One using the DISPLAY and the other using the VISIBILITY,
: the DISPLAY doesnt reserve the space of the object on the screen
: as the VISIBILITY does.
:
:
: <html>
: <head>
: <title>Teste8</title>
: <script language="JavaScript">
: function ShowLink2()
: {
: 	if (Link2.style.display == "none")
: 		Link2.style.display = "inline";
: 	else
: 		Link2.style.display = "none";
: }
: 
: function ShowLink5()
: {
: 	if (Link5.style.visibility == "hidden")
: 		Link5.style.visibility = "visible";
: 	else
: 		Link5.style.visibility = "hidden";
: }
: </script>
: </head>
: <body>
: <a href="JavaScript:ShowLink2();">aaaaaaaa</a>
: <a id="Link2" href="JavaScript:;" style="display: none;">bbbbbbbb</a>
: <a href="JavaScript:;">cccccccc</a>
: 
: 
: 
: <a href="JavaScript:ShowLink5();">aaaaaaaa</a>
: <a id="Link5" href="JavaScript:;" style="visibility: hidden;">bbbbbbbb</a>
: <a href="JavaScript:;">cccccccc</a>
: </body>
: </html>
: 

:
: Hope it helps.
:

thanks a lot, i was just looking for a name but got the
code i needed instead. thank you i appreciate it. this
was a major help.





 

Recent Jobs

Official Programmer's Heaven Blogs
Web Hosting | Browser and Social Games | Gadgets

Popular resources on Programmersheaven.com
Assembly | Basic | C | C# | C++ | Delphi | Flash | Java | JavaScript | Pascal | Perl | PHP | Python | Ruby | Visual Basic
© Copyright 2011 Programmersheaven.com - All rights reserved.
Reproduction in whole or in part, in any form or medium without express written permission is prohibited.
Violators of this policy may be subject to legal action. Please read our Terms Of Use and Privacy Statement for more information.
Operated by CommunityHeaven, a BootstrapLabs company.