Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Rendere visibile la una riga

    Salve,
    non sono assolutamente esperto di programmazione javascript, che sto iniziando ad utilizzare ...

    Mi trovo davanti a questo problema:
    all'interno di un DIV di dimensioni fisse con la proprieta' overflow:auto inserisco dei dati formattati tramite una tabella, quando la tabella supera le dimensioni del DIV magicamente appare la scroll. (e fin qui tutto nella norma)

    Avrei la necessità di rendere visibile un record della suddetta tabella (senza scombinarne l'ordine), quando l'utente fa una certa cosa...

    E' possibile fare questa cosa? se si, come?

    Grazie

    Enrico.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    intendi quindi far scrollare il div fino a mostrare la riga in questione?
    perche' dal titolo sembrerebbe tu voglia mostrare/nascondere una riga

  3. #3
    si vorrei far scrollare il div.

    Enrico

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <style type="text/css">
    #contenitore {
    	height:68px;
    	width:100px;
    	overflow:auto;
    	border:1px solid #f00;
    }
    </style>
    <script type="text/JavaScript">
    /*<![CDATA[*/
    
    function vaiA(idTr){
    	var el=document.getElementById(idTr);
    	var y=el.offsetTop;
    	document.getElementById('contenitore').scrollTop=y;
    }
    /*]]>*/
    </script>
    </head>
    <body>
    <div id="contenitore">
    <table>
    <tbody>
    <tr id="tr0"><td>0</td></tr>
    <tr id="tr1"><td>1</td></tr>
    <tr id="tr2"><td>2</td></tr>
    <tr id="tr3"><td>3</td></tr>
    <tr id="tr4"><td>4</td></tr>
    <tr id="tr5"><td>5</td></tr>
    <tr id="tr6"><td>6</td></tr>
    <tr id="tr7"><td>7</td></tr>
    <tr id="tr8"><td>8</td></tr>
    <tr id="tr9"><td>9</td></tr>
    <tr id="tr10"><td>10</td></tr>
    <tr id="tr11"><td>11</td></tr>
    <tr id="tr12"><td>12</td></tr>
    </tbody>
    </table>
    </div>
    tr0
    tr7
    tr3
    tr9
    </body>
    </html>
    ciao

  5. #5
    Un Mito!!!

    Grazie mille...

    Enrico

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.