Newsgroup: it.comp.lang.javascript
Titolo: Expand/collapse del testo in tabella con NN4

Ciao a tutti,
sto provando a realizzare per Netscape 4 un testo epandibile con un click, 
contenuto in una tabella; in IE corrisponde a:  object.style.display = 
""/object.style.display = "none" e non dà problemi se l'oggetto è contenuto 
in una tabella.
Ho trovato del codice per NN4 che mi permette, tramite un loop sui layers 
di espandere e collassare il testo, dopo averlo definito con DIV.
Tutto bene se i layers non sono inseriti in qualche altro DIV, come per 
esempio una tabella: come posso perciò visualizzare del testo all'interno 
di una cella di tabella e fare in modo che la cella si espanda assieme al 
testo reso visibile?
Spero di aver reso l'idea e ringrazio in anticipo possibili suggerimenti
Barbara
-- 
Posted from 
c000-h010.c000.muc.cp.net
 [209.228.29.34] 
via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 assieme al testo reso visibile?
se ho capito bene, temo che NS4 non te lo permetta, spero di essere smentito
perche' tu possa risolvere il tuo problema.
prova come tentativo a scrivere per il div/layer position:absolute senza
specificarne pero' left e top
ciao
--
    Federico Sasso &8v>
 
http://www.crt.unige.it/jsSQL
    The jsSQL Project - JavaScript Database and SQL Engine

Mi sembra che lo supporti (anche se solo in parte) da netscape 4.7
Se però si lavora per rendere un sito compatibile con netscape non credo
abbia senso dare compatibità solo se versione >= 4.7...a quel punto si
sceglie per >=5 (a mio parere)

Ciao a tutti e grazie per i contributi che mi sono giunti; provo a 
sottoporre di nuovo il problema riportando il codice (comprensivo di 
tabella e quindi non completamente funzionante).
Una precisazione: devo essere compatibile a partire da NN 4.5
----------------------------
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function getIndex(el) {
         ind = null;
         for (i=0; i<document.layers.length; i++) {
             whichEl = document.layers[i];
             if (whichEl.id == el) {
                 ind = i;
                 break;
             }
         }
         return ind;
     }
function initIt(){
               for (i=firstInd+1; i<document.layers.length; i++) {
                   whichEl = document.layers[i];
                   if (whichEl.id.indexOf("Child") != -1)
                 whichEl.visibility = "hide";
               }
               arrange();
           }
function arrange() {
         nextY = document.layers[firstInd].pageY + 
document.layers[firstInd].document.height;
         for (i=firstInd+1; i<document.layers.length; i++) {
             whichEl = document.layers[i];
             if (whichEl.visibility != "hide") {
                 whichEl.pageY = nextY;
                 nextY += whichEl.document.height;
             }
         }
     }
function expandIt(el) {
          whichEl = eval("document." + el + "Child");
          whichIm = eval("document." + el + "Parent.document.images['imEx']");
          if (whichEl.visibility == "hide") {
              whichEl.visibility = "show";
              whichIm.src = "updir.gif";
          }
          else {
              whichEl.visibility = "hide";
              whichIm.src = "Back_up.gif";
          }
          arrange();
      }
onload = initIt;
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE  ID="tabella" border=8 cellspacing=0 cellpadding=12>
<TR>
<TD>
<DIV ID="elOneParent" STYLE="position:relative;  visibility:visible">
<H3> <A HREF="#"
        onClick="expandIt('elOne'); return false">
         <IMG NAME="imEx"
              SRC="Back_up.gif" WIDTH=16 HEIGHT=16 BORDER=0
              ALT="Expand/Collapse Item"> </A> Testo da espandere 1
</H3>
</DIV>
<DIV ID="elOneChild" STYLE="position:relative; visibility:visible">
1 <br>
2 <br>
3 <br>
</DIV>
</TD>
</TR>
<TR>
<TD>
<DIV ID="elTwoParent" STYLE="position:relative; visibility:visible">
<H3> <A HREF="#"
        onClick="expandIt('elTwo'); return false">
         <IMG NAME="imEx"
              SRC="Back_up.gif" WIDTH=16 HEIGHT=16 BORDER=0
              ALT="Expand/Collapse Item"> </A>Testo da espandere 2
</H3>
</DIV>
<DIV ID="elTwoChild" STYLE="position:relative; visibility:visible">
4 <br>
5 <br>
6 <br>
</DIV>
</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
firstEl = "elOneParent";
             firstInd = getIndex(firstEl);
             arrange();
//-->
</SCRIPT>
</BODY>
</HTML>
--------------------------------------
Grazie in anticipo e ciao
Barbara
-- 
Posted from 
c000-h011.c000.muc.cp.net
 [209.228.29.35] 
