sapere quali elementi nascondo con overflow:hidden

**lally_fragola** · 30-06-2010, 14:24

Ciao a tutti, come da titolo ho il seguente problema: ho una div che viene riempita con una tabella tramite ajax. Fin qui tutto ok: siccome la div non può superare una certa altezza, ho impostato la proprietà overflow:hidden, così se la tabella è più alta viene in parte nascosta ( ho messo anche un tasto espandi, che aumenta l'altezza della div per far visualizzare tutta la tabella). Il mio problema è: posso capire quali righe della tabella vengono nascoste? Cioè supponiamo che dò un'id a ogni riga, per esempio numerico: se accedessi alle proprietà di una specifica riga, quale mi indicherebbe che essa è effettivamente non visualizzata? Spero di essere stata chiara
thanks

**Xinod** · 30-06-2010, 14:33

non esiste nativamente niente del genere

con una certa approssimazione, la riga non e' mostrata se il suo offsetTop (+ eventuale spazio occupato prima della tabella) e' superiore all' altezza del div

**Enzaccio** · 24-07-2010, 22:09

Si può partire da una cosa del genere; testato su Netscape/FireFox e IExplorer 7.
Al momento, devi editare manualmente il numero in cell<9 e in amount > 80 quale altezza (in pixel) assegnata al DIV nello STYLE.
Prova anche cambiando la dimensione testo dal top-menù del Browser e vedi che lo SCRIPT si comporta di conseguenza.

codice:

<!DOCTYPE html PUBLIC>
<html>
<head><title>cells against container measuring</title>

&#60;script type="text/javascript">

function detect(){
 var amount = 0;
 var whatones = "";

 for(cell=1; cell<9; cell++){ // gli ID delle celle vanno da 1 a 8
  amount = amount + document.getElementById(cell).offsetHeight;
  if(amount > 80){whatones = whatones + cell + " / ";};
  };

 document.getElementById('display').value = whatones;
 }
</script>
</head><body>
<input value="quali" type="button" onclick="detect();">
<input value=""      type="text" size="40" id="display">

<div style="height: 80px; overflow: hidden; border: 1px dashed red;">
<table id="tb" border="0" cellpadding="0" cellspacin="0">
 <tr><td id="1">aaaaa</td></tr>
 <tr><td id="2">bbbbb</td></tr>
 <tr><td id="3">ccccc</td></tr>
 <tr><td id="4">ddddd</td></tr>
 <tr><td id="5">eeeee</td></tr>
 <tr><td id="6">fffff</td></tr>
 <tr><td id="7">ggggg</td></tr>
 <tr><td id="8">hhhhh</td></tr>
</table>
</div>

</body>
</html>

Discussione: sapere quali elementi nascondo con overflow:hidden

Strumenti discussione

Ricerca discussione

Visualizza

sapere quali elementi nascondo con overflow:hidden

Permessi di invio