Newsgroup: it.comp.lang.javascript
Titolo: Nasconde/visualizzare parti di una pagina (urgente!)

qualche problema se usato in una pagina che presenta altri "a href" normali
Ritengo che i link faranno comunque il loro dovere ... a fianco di
quanto previsto dalla funzione lickHandler definita nel codice !!
Comunque la gestione dinamica degli eventi viene supportata appieno
solo dai Browser di ultima generazione per cui puoi anche superare il
problema dei CSS ... e comunque devi solo usare style.display ="" o =
"none" per far apparire e scomparire un pezzo di HTML:
Se a è un oggetto qusta funzione lo fa apparire e sparire:
<script type="text/javascript">
function clis(a) {
if (a.style.display =='') {
	a.style.display = 'none';
	}
else {
	a.style.display='';
	}
}
</script>
 Ciao,
Massimo

>
Cliccando sui segni "+" automaticamente viene re-impaginata la pagina ed
appare del testo sotto al link cliccato.
Guardando il sorgente HTML, ho visto che si ricorre ai fogli di stile...
ora, visto che CSS e' ancora meno diffuso di JavaScript, e' possibile fare
qualcosa del genere in JavaScript senza usare CSS ?
Sempre guardando il sorgente di questa pagina, vorrei chiedere:
3) e' giusto posizionare il codice JScript all'interno del corpo "body" ?
Non andrebbe messo tra i tag "head" ?
4) l'evento "document.onclick" posizionato in fondo al codice, puo' creare
qualche problema se usato in una pagina che presenta altri "a href" normali
?
Grazie
Simone Cremonini
p.s. : segue il codice dell'esempio riportato (ho aggiunto al'inizio ed alla
fine i TAG "PRE" per evitare possibili problemi...):
+++++++++++++++++++++++++++++++++
<PRE>
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
    <title>Esplorazione annullata</title>
    <meta http-equiv="PICS-Label"   content="(PICS-1.1
&quot;
http://www.rsac.org/ratingsv01.html&quot
; l gen true comment
&quot;RSACi North America Server&quot; by &
quot;in...@microsoft.com
&quot; for
&quot;res://ie4tour.dll/welcome.htm&quot; on
&quot;1997.06.30T14:21-0500&quot; r (n 0 s 0 v 0 l 0))"></meta>
    <meta http-equiv="content-type" content="text/html;
charset=windows-1252"></meta>
</head>
<style>
    body    { background : white; color : black; margin: 0 }
    body    { font-family: Verdana, Arial, sans-serif; font-size: 8pt;
line-height: 12pt }
    table   { font-family: Verdana, Arial, sans-serif; font-size: 8pt;
line-height: 12pt }
    div.Offscreen     { display:none }
    span.Offscreen    { display:none }
    span.BulletNumber { font-size: x-large; font-weight: bold; color:
#66ccff }
    span.BulletText   { font-size: x-small; font-weight: bold;
letter-spacing: -1pt; text-align:center}
</style>
<body LINK=#FF0000 VLINK=#4E4E4E>
<div style="position:relative; left:10; top:10; width:90%; height=+30px;"
id=DivRule>
<font style="font-size: 14pt; font-family: Verdana, Arial, sans-serif;
color: #4E4E4E;  line-height: 14pt" >
Esplorazione annullata
</font>
</div>
<div id=Out0 style="position:relative; left:20; top:+15px; width:90%;" >
  <span id=Out1 class=Outline style="cursor: hand; ">+ </span><u id=Out1
class=Outline style="cursor: hand; ">Ulteriori informazioni</u>
  <div id=Out1details style="display:None; position:relative; left:12;">
  <BR>
  Impossibile connettersi alla pagina Web richiesta. L'esplorazione &egrave;
stata annullata. Le cause potrebbero essere le seguenti:
  <br><br>
  <ul>
  <li> Il pulsante <b>Termina</b> &egrave; stato selezionato prima della
fine del caricamento della pagina.
  <BR>
  <BR>
  <li> Si &egrave; scelto di non visualizzare contenuto protetto o di non
attivare le restrizioni di accesso.
  <BR>
  <BR>
  <li> La pagina potrebbe non essere disponibile in questo momento.
  <BR>
  <BR>
  <li> Il modem non &egrave; connesso e non &egrave; stato rilevato
contenuto non in linea da visualizzare. Per ulteriori informazioni
sull'esplorazione non in linea, scegliere <a
href="about:OfflineInformation">Impossibile recuperare la pagina Web in
modalit&agrave; non in linea</a>.
  </ul>
  </div>
<BR>
  <span id=Out2 class=Outline style="cursor: hand;">+ </span><u id=Out2
class=Outline style="cursor: hand;">Suggerimenti utili</u>
  <div id=Out2details style="display:None; position:relative; left:12;">
  <BR>
  <ul>
  <li>Per riprovare ad aprire la pagina Web, fare clic sul pulsante
<b>Indietro</b> quindi fare di nuovo clic sul collegamento.
  <BR><BR>
  <li>Se la visualizzazione della pagina Web richiesta &egrave; troppo
lenta, provare a fare clic sul pulsante <b>Termina</b> quindi fare clic su
<b>Aggiorna</b>.
  </ul>
  <BR><BR>
  </div>
</div>
<BR><BR><BR>
<script language=JavaScript>
function clickHandler() {
  var targetId, srcElement, targetElement;
  srcElement = window.event.srcElement;
  if (srcElement.className == "Outline") {
     targetId = srcElement.id + "details";
     targetElement = document.all(targetId);
     if (targetElement.style.display == "none") {
        targetElement.style.display = "";
     } else {
        targetElement.style.display = "none";
     }
  }
}
document.onclick = clickHandler;
</script>
</body>
</HTML>
</PRE>
+++++++++++++++++++++++++++++++++
Simone Cremonini
Internet marketing consultant
Milano, Italia
gsm  : 
+39-348-2231477
email: 
simonec...@iname.com
web  : 
www.kremo.com
+++++++++++++++++++++++++++++++++

 a un certo punto preciso di una pagina (ad esempio scrivere la data).
Posizionare uno script tra i tag HEAD o BODY ha due diverse funzioni:
Nel primo caso lo script viene caricato ed eseguito solamente al termine del
caricamento della pagina html, nel secondo, lo stesso script viene eseguito
durante il caricamento della pagina html.
Ciao
REO