Re: [WebDNA] On click show hidden include

This WebDNA talk-list message is from

2009


It keeps the original formatting.
numero = 103941
interpreted = N
texte = --Apple-Mail-33--120902118 Content-Transfer-Encoding: quoted-printable Content-Type: text/plain; charset=windows-1252; format=flowed; delsp=yes This can be a very handy technique. Basically, you put the hidden =20 content inside
=85
tags, with the "visibility: hidden" =20 style. Outside that div block, you include a button / image / link =20 that triggers Javascript (which is a totally different thing than =20 "Java", though the language names create great confusion for many) =20 which changes this "visibility" setting. A simple example page: Hidden Block Test TOGGLE =20= HIDDEN BLOCK
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=

= --Apple-Mail-33--120902118-- Associated Messages, from the most recent to the oldest:

    
  1. Re: [WebDNA] On click show hidden include (Rob 2009)
  2. Re: [WebDNA] On click show hidden include (Brian Fries 2009)
  3. [WebDNA] On click show hidden include (Rob 2009)
--Apple-Mail-33--120902118 Content-Transfer-Encoding: quoted-printable Content-Type: text/plain; charset=windows-1252; format=flowed; delsp=yes This can be a very handy technique. Basically, you put the hidden =20 content inside
=85
tags, with the "visibility: hidden" =20 style. Outside that div block, you include a button / image / link =20 that triggers Javascript (which is a totally different thing than =20 "Java", though the language names create great confusion for many) =20 which changes this "visibility" setting. A simple example page: Hidden Block Test TOGGLE =20= HIDDEN BLOCK
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=

= --Apple-Mail-33--120902118-- Brian Fries

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:

Nested search (1997) Strange intermittent WebDNA problems (2008) Protect and Serve (1999) dates and hex formatting (1997) SmithMicro FTP problems (2002) charging? (2001) [WebDNA] v7 with SSL (2012) Folder Follies (1998) F3 crashing server (1997) GuestBook example (1997) encryption madness (2003) Signal Raised Error (1997) Credit card processing - UK (1997) Calendar Snippet Problems (1998) OT - FCKeditor (2005) WebCat2: Master Counter snippet (1997) StoreBuilder on V.5.x (2003) Questions (1998) WebCatalog for guestbook ? (1997) multiple search commands (1997)