Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Tabella con scroll.

  1. 06-06-2006, 11:38 #1
    iif
    iif non è in linea
    Utente bannato
    Registrato dal
    Nov 2000
    Messaggi
    374

    Tabella con scroll.

    Ciao a tutti.
    Ho un problema con una pagina asp.
    Lo so, lo so che non è il forum giusto, ma chredo che il problema dipenda da un'impostazione html.
    vorrei rendere l'intestazione della tabella fissa ed il resto scrollabile.

    Grazie in anticipo.


    Vi posto il codice:

    <%@LANGUAGE="VBSCRIPT"%>

    <%
    Dim dbConn
    set DbConn=Server.CreateObject("AdoDb.Connection")
    set Rs=Server.CreateObject("AdoDb.Recordset")
    set RsMacroFamiglie=Server.CreateObject("AdoDb.Records et")
    DbConn.Open MM_Materiali_STRING
    StrConn="SELECT * FROM dbo.MacroFamiglie WHERE Codice <> '00000' ORDER BY Descrizione ASC"
    RsMacroFamiglie.open StrConn, DbConn
    %>
    <head>
    <title>Tabifier - Step 3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="tabber.js"></script>
    <link rel="stylesheet" href="example.css" type="text/css" media="screen"></link>
    <link href="../Stili/Elenco.css" rel="stylesheet" type="text/css" />
    <script type="text/JavaScript">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0
    eval(targ+".location='esempio_step3.asp?xParametro ="+selObj.options[selObj.selectedIndex].value+"'");
    if (restore) selObj.selectedIndex=0;
    }
    //-->
    </script>
    <link href="../Stili/Testo.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    .Stile1 {
    color: #FF0000;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    }
    -->
    </style>
    <link href="../Stili/Titolo.css" rel="stylesheet" type="text/css">
    <link href="../Stili/TitoloElenco.css" rel="stylesheet" type="text/css">
    <link href="../Stili/Contenitore.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <h1 class="TItolo">Analisi della dotazione per Categorie </h1>
    <form name="form1">
    <select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
    <option selected="selected" value="">Selezionare un anno</option>
    <option value="2001">2001</option>
    <option value="2002">2002</option>
    <option value="2003">2003</option>
    <option value="2004">2004</option>
    <option value="2005">2005</option>
    <option value="2006">2006</option>
    </select>
    </form>
    <p class="Stile1">Selezione attiva anno: <%= Request.QueryString("xParametro") %></p>
    <div class="tabber">
    <%do until RsMacroFamiglie.eof%>
    <div class="tabbertab">
    <h2><%=(RsMacroFamiglie.Fields.Item("Descrizione") .Value)%></h2>
    <%
    if Trim(Request.QueryString("xParametro"))<>"" then
    StrConn="Select * From dbo.QryDotazionePerMateriale Where IDCat='" & RsMacroFamiglie("Codice") _
    & "' and Annofornitura='" & Request.QueryString("xParametro") & "'"
    Rs.open StrConn, DbConn%>
    <table border="0" cellspacing="0">
    <tr class="TitoloElenco">
    <td width="5%" align="center">

    Seriale</p></td>
    <td width="5%" align="center">

    Anno</p></td>
    <td width="5%" align="center">

    ODA</p></td>
    <td width="65%">

    Materiale</p></td>
    <td width="20%">

    Stato</p></td>
    </tr><%
    Do until Rs.Eof%>
    <tr class="Elenco">
    <td width="5%" align="center">

    <%=Rs("IDDot")%></p></td>
    <td width="5%" align="center">

    <%=Rs("Annofornitura")%></p></td>
    <td width="5%" align="center">

    <%=Rs("Oda")%></p></td>
    <td width="65%">

    <%=Rs("DesMat")%></p></td>
    <td width="20%">

    <%=Rs("Stato")%></p></td>
    </tr>
    <%Rs.MoveNext
    Loop
    %></table><%
    Rs.Close
    end if
    RsMacroFamiglie.MoveNext%>
    </div>
    <%Loop%>
    </div>
    </body>
    </html>
    <%
    RsMacroFamiglie.Close()
    Set RsMacroFamiglie = Nothing
    %>
    Rispondi quotando Rispondi quotando
  2. 06-06-2006, 12:08 #2
    webdemo
    webdemo non è in linea
    Utente di HTML.it L'avatar di webdemo
    Registrato dal
    Oct 2003
    Messaggi
    4,454

    Re: Tabella con scroll.

    Originariamente inviato da iif
    Ciao a tutti.
    Ho un problema con una pagina asp.
    Lo so, lo so che non è il forum giusto, ma chredo che il problema dipenda da un'impostazione html.
    vorrei rendere l'intestazione della tabella fissa ed il resto scrollabile.
    prova con:


    css
    .TitoloElenco{height:150px;}

    html
    <td class="TitoloElenco">


    o se preferisci:
    <td style="height:150px;">




    ciaux
    Extrabold Creative Communication
    Rispondi quotando Rispondi quotando
  3. 06-06-2006, 13:13 #3
    iif
    iif non è in linea
    Utente bannato
    Registrato dal
    Nov 2000
    Messaggi
    374
    Fatto.
    Non funzia.
    Rispondi quotando Rispondi quotando
  4. 06-06-2006, 13:19 #4
    nuky
    nuky non è in linea
    Utente di HTML.it L'avatar di nuky
    Registrato dal
    Oct 2001
    Messaggi
    1,053
    Lo standard direbbe che basta impostare le dimensioni e forzare l'overflow del tbody.
    Questa soluzione va bene per i browser standard, ma Internet Explorer non è d'accordo.

    Un po' di tempo fa c'era stata una discussione uguale (tema ricorrente).
    [EDIT]questa discussione[/EDIT]
    Una soluzione suggerita da Mich era quella di usare javascript per nascondere/visualizzare un tot di righe alla volta, l'idea mi è piaciuta e ho provato a metterla in pratica.
    Testata ( ) su IE:
    codice:
    <head>
  <style type="text/css">
    #tbDati th {background-color:yellow;}
    #tbDati tr {display:none;}
    #btSu, #btSuVeloce, #btGiu, #btGiuVeloce {width:25px; height:25px;}
  </style>
  
  <script type="text/javascript">
    var NRIGHE_VISUALIZZARE = 10;
    var VELOCITA = 100; //Più e basso il valore più è veloce lo scroll

    var oTab;
    var nRigheTab;
    var posTop = 0;
    var posBottom;
    
    var idInterval;
    
    function ColoraRighe() {
      for (var i=0; i<nRigheTab; i++) {
        if (i%2)
          oTab.rows(i).style.background="#e8e8e8";
        else
          oTab.rows(i).style.background="#c0c0c0";
      }
    }
    
    function VistaTop() {
      oTab = window.document.getElementById("tbDati");
      nRigheTab = oTab.rows.length;
      
      ColoraRighe();
      
      // Si mostrano le prime NRIGHE
      for (var i=0; i<=NRIGHE_VISUALIZZARE; i++) {
        if (i>=nRigheTab) {
          window.document.getElementById("btSu").display  = "none";
          window.document.getElementById("btGiu").display = "none";
          break; //Se ci sono meno di NRIGHE nella tabella si nasconono i bottoni
        }
        oTab.rows(i).style.display = "block";
      }

      posBottom = i-1; //Utilizzato solo se i pulsanti sono visibili
    }
    
    function VaiSu() {
      //Si esegue la funzione subito e ogni [VELOCITA] millesimi di secondo
      if (Su()) idInterval = setInterval("Su()", VELOCITA);
    }

    function VaiGiu() {
      //Si esegue la funzione subito e ogni [VELOCITA] millesimi di secondo
      if (Giu()) idInterval = setInterval("Giu()", VELOCITA);
    }
    
    function VaiSuVeloce() {
      //Si esegue la funzione subito e ogni [VELOCITA]/5 millesimi di secondo
      if (Su()) idInterval = setInterval("Su()", VELOCITA/5);
    }

    function VaiGiuVeloce() {
      //Si esegue la funzione subito e ogni [VELOCITA]/5 millesimi di secondo
      if (Giu()) idInterval = setInterval("Giu()", VELOCITA/5);
    }

    function Su() {
      if (posTop==0) return false;
      
      oTab.rows(posTop).style.display    = "block";
      oTab.rows(posBottom).style.display = "none";
      posTop--; posBottom--;
      return true;
    }

    function Giu() {
      if (posBottom==nRigheTab-1) return false;
      
      posTop++; posBottom++;
      oTab.rows(posTop).style.display    = "none";
      oTab.rows(posBottom).style.display = "block";
      return true;
    }
  </script>
</head>

<body onload="VistaTop();">
  <table border="1" id="tbDati">
    <tr><th>col1</th><th>col2</th><th>col3</th><th>col4</th></tr>
    <tr><td>00</td><td>00</td><td>00</td><td>00</td></tr>
    <tr><td>01</td><td>01</td><td>01</td><td>01</td></tr>
    <tr><td>02</td><td>02</td><td>02</td><td>02</td></tr>
    <tr><td>03</td><td>03</td><td>03</td><td>03</td></tr>
    <tr><td>04</td><td>04</td><td>04</td><td>04</td></tr>
    <tr><td>05</td><td>05</td><td>05</td><td>05</td></tr>
    <tr><td>06</td><td>06</td><td>06</td><td>06</td></tr>
    <tr><td>07</td><td>07</td><td>07</td><td>07</td></tr>
    <tr><td>08</td><td>08</td><td>08</td><td>08</td></tr>
    <tr><td>09</td><td>09</td><td>09</td><td>09</td></tr>
    <tr><td>10</td><td>10</td><td>10</td><td>10</td></tr>
    <tr><td>11</td><td>11</td><td>11</td><td>11</td></tr>
    <tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>
    <tr><td>13</td><td>13</td><td>13</td><td>13</td></tr>
    <tr><td>14</td><td>14</td><td>14</td><td>14</td></tr>
    <tr><td>15</td><td>15</td><td>15</td><td>15</td></tr>
    <tr><td>16</td><td>16</td><td>16</td><td>16</td></tr>
    <tr><td>17</td><td>17</td><td>17</td><td>17</td></tr>
    <tr><td>18</td><td>18</td><td>18</td><td>18</td></tr>
    <tr><td>19</td><td>19</td><td>19</td><td>19</td></tr>
    <tr><td>20</td><td>20</td><td>20</td><td>20</td></tr>
    <tr><td>21</td><td>21</td><td>21</td><td>21</td></tr>
    <tr><td>22</td><td>22</td><td>22</td><td>22</td></tr>
    <tr><td>23</td><td>23</td><td>23</td><td>23</td></tr>
    <tr><td>24</td><td>24</td><td>24</td><td>24</td></tr>
    <tr><td>25</td><td>25</td><td>25</td><td>25</td></tr>
    <tr><td>26</td><td>26</td><td>26</td><td>26</td></tr>
    <tr><td>27</td><td>27</td><td>27</td><td>27</td></tr>
    <tr><td>28</td><td>28</td><td>28</td><td>28</td></tr>
    <tr><td>29</td><td>29</td><td>29</td><td>29</td></tr>
  </table>
  <input type="button" id="btSuVeloce"  value="&#171;" onmousedown="VaiSuVeloce();"  onmouseup="clearInterval(idInterval);" />
  <input type="button" id="btSu"        value="&lt;"   onmousedown="VaiSu();"        onmouseup="clearInterval(idInterval);" />
  <input type="button" id="btGiu"       value="&gt;"   onmousedown="VaiGiu();"       onmouseup="clearInterval(idInterval);" />
  <input type="button" id="btGiuVeloce" value="&#187;" onmousedown="VaiGiuVeloce();" onmouseup="clearInterval(idInterval);" />

</body>
    - "E' un messaggio. E' di Svarion, della terra di Merdor!"
    - "Busto Arsizio?"
    - "Terrazzo, sgabello, formaggio. Borraccia blu, ca**o di gomma e... CANNUCCIA!"
    - "Ca**o dici? C'è scritto «frocio chi legge»!"
    Rispondi quotando Rispondi quotando
  5. 06-06-2006, 14:19 #5
    webdemo
    webdemo non è in linea
    Utente di HTML.it L'avatar di webdemo
    Registrato dal
    Oct 2003
    Messaggi
    4,454
    Originariamente inviato da iif
    Fatto.
    Non funzia.

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>tdaltountot</title>
<style type="text/css">
<!--
.td_alto_un_tot {
	height: 150px;
}
-->
</style>
</head>

<body>
<table>
		<tr>
				<td class="td_alto_un_tot">alto un tot</td>
				<td class="td_alto_un_tot">alto un tot</td>
				<td class="td_alto_un_tot">alto un tot</td>
		</tr>
		<tr>
				<td>normale</td>
				<td>normale</td>
				<td>normale</td>
		</tr>
</table>
</body>
</html>
    ciaux
    Extrabold Creative Communication
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.