<html>
<head>
<title>Hidden Block = Test</title>
<script = language=3D"javascript">
function = showDiv(theName) {
d =3D = document.getElementsByTagName('div');
= if (d) {
for(i=3D0;i<d.length;i++){
= if (d[i].id =3D=3D theName) {
= if (d[i].style.visibility =3D=3D 'visible') = {
= d[i].style.visibility =3D 'hidden';
= d[i].style.display =3D = 'none';
= } = else {
= d[i].style.visibility =3D = 'visible';
= d[i].style.display =3D 'block';
= }
= }
}
}
}
</script>
</head>
<body>
<a href=3D"#" = onClick=3D"showDiv('hiddenblock'); return false;">TOGGLE HIDDEN = BLOCK</a><br>
<div = id=3D"hiddenblock" style=3D"visibility: hidden; display:none;">THIS = IS THE HIDDEN BLOCK.<BR>YOU CAN PUT WHATEVER YOU WANT IN = HERE.<br></div><br>
</body>
</html>
Brian = Fries
BrainScan Software
On Nov 4, 2009, at 9:50 AM, Rob wrote:
Has anyone ever made a hidden include that automagically = becomes visible when a button is clicked? Kind of like on click, show = these additional form fields? I'm not a java dude, but could sure = use this in a lot of areas, and get asked about it a lot.
Any = help would be much appreciated = ...
Rob
--------------------------------------------------------= -
This message is sent to you because you are subscribed to
the = mailing list <talk@webdna.us>.
To = unsubscribe, E-mail to: <talk-leave@webdna.us>
archi= ves: http://mail.webdna.us/l= ist/talk@webdna.us
old archives: http://dev.webdna.us/TalkLi= stArchive/
Bug Reporting: http://forum.webdna.us/eucabb.html?page=3Dtopics&category=3D288=
THIS = =20 IS THE HIDDEN BLOCK.
YOU CAN PUT WHATEVER YOU WANT IN HERE.
Brian Fries BrainScan Software On Nov 4, 2009, at 9:50 AM, Rob wrote: > Has anyone ever made a hidden include that automagically becomes =20 > visible when a button is clicked? Kind of like on click, show these =20= > additional form fields? I'm not a java dude, but could sure use this =20= > in a lot of areas, and get asked about it a lot. > > Any help would be much appreciated ... > > Rob > --------------------------------------------------------- > This message is sent to you because you are subscribed to > the mailing list
. > To unsubscribe, E-mail to: > archives: http://mail.webdna.us/list/talk@webdna.us > old archives: http://dev.webdna.us/TalkListArchive/ > Bug Reporting: = http://forum.webdna.us/eucabb.html?page=3Dtopics&category=3D288 --Apple-Mail-33--120902118 Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset=windows-1252 This can be a very handy = technique. Basically, you put the hidden content inside <div> =85 = </div> tags, with the "visibility: hidden" style. Outside that div = block, you include a button / image / link that triggers Javascript = (which is a totally different thing than "Java", though the language = names create great confusion for many) which changes this = "visibility" setting. A simple example page:
<html>
<head>
<title>Hidden Block = Test</title>
<script = language=3D"javascript">
function = showDiv(theName) {
d =3D = document.getElementsByTagName('div');
= if (d) {
for(i=3D0;i<d.length;i++){
= if (d[i].id =3D=3D theName) {
= if (d[i].style.visibility =3D=3D 'visible') = {
= d[i].style.visibility =3D 'hidden';
= d[i].style.display =3D = 'none';
= } = else {
= d[i].style.visibility =3D = 'visible';
= d[i].style.display =3D 'block';
= }
= }
}
}
}
</script>
</head>
<body>
<a href=3D"#" = onClick=3D"showDiv('hiddenblock'); return false;">TOGGLE HIDDEN = BLOCK</a><br>
<div = id=3D"hiddenblock" style=3D"visibility: hidden; display:none;">THIS = IS THE HIDDEN BLOCK.<BR>YOU CAN PUT WHATEVER YOU WANT IN = HERE.<br></div><br>
</body>
</html>
Brian = Fries
BrainScan Software
On Nov 4, 2009, at 9:50 AM, Rob wrote:
Has anyone ever made a hidden include that automagically = becomes visible when a button is clicked? Kind of like on click, show = these additional form fields? I'm not a java dude, but could sure = use this in a lot of areas, and get asked about it a lot.
Any = help would be much appreciated = ...
Rob
--------------------------------------------------------= -
This message is sent to you because you are subscribed to
the = mailing list <talk@webdna.us>.
To = unsubscribe, E-mail to: <talk-leave@webdna.us>
archi= ves: http://mail.webdna.us/l= ist/talk@webdna.us
old archives: http://dev.webdna.us/TalkLi= stArchive/
Bug Reporting: http://forum.webdna.us/eucabb.html?page=3Dtopics&category=3D288=
DOWNLOAD WEBDNA NOW!
Top Articles:
Talk List
The WebDNA community talk-list is the best place to get some help: several hundred extremely proficient programmers with an excellent knowledge of WebDNA and an excellent spirit will deliver all the tips and tricks you can imagine...
Related Readings:
Does [Sendmail] create html? (2002)
browser info.txt and SSL (1997)
RE: Re:Signal Raised (1997)
Bug or syntax error on my part? (1997)
Protect and Serve (1999)
HELP WITH DATES (1997)
Hiding words (2000)
[BULK] [WebDNA] abstraction code can be tricky... (2012)
NT or Mac (1997)
Math variable size-dumb question (1999)
Re:multiple digests, please stop (1997)
Drop down menu (2003)
RE: is sku a REQUIRED field on NT (1997)
SKU (1997)
[append] vs. [appendfile] delta + question? (1997)
Problems passing [SKU] with $Replace in 2.0 (1997)
carriage returns in data (1997)
Size/Color Options (2002)
WebCat cannot handle compatible search parameters? (1997)
Image upload (2000)