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

    Centrare una parte della pagina al centro del frame

    Ciao.
    E' possibile centrare una parte di una pagina html al centro di un frame? Mettiamo di avere un calendario con i giorni scritti in questo modo (ogni numero è una colonna <td>1</td>)

    codice:
    1 2 3 4 5 6 7 8 9 ... 31
    Nel frame riesco a visualizzare solo 11 giorni.. oggi è il 19 quindi vorrei vedere nel frame giorni che vanno dal 14 al 24 con il 19 al centro del frame (naturalmente sotto utilizzo la scrollbar per spostarmi nel mese..
    Si può fare? Grazie

  2. #2
    se può essere d'aiuto..
    Invece di dover spostare la scrollbar vorrei trovarmi in questa situazione al caricamento della pagina. E' un po' come usare #qualcosa nell'url solo che voglio il riferimento centrato centrato e lo spostamento è orizzontale..


  3. #3
    è impossibile? Please.. :quipy:

  4. #4
    per favore.. almeno un non si può fare

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Codice PHP:
    <html>
    <
    head>
    <
    title>esempio</title>
    <
    style type="text/css">
    body{
        
    margin:0px;
    }
    </
    style>
    <
    script type="text/javascript">

    // non so se il giorno lo ricavi lato client o lato server...
    var giorno=19

    function centra(){
     
    // ricavo larghezza parte visibile del documento nel frame
     
    var ww=(window.innerWidth)?window.innerWidth:document.body.clientWidth

     
    // riferimento alla cella del giorno corretto:
     // conto i td partendo da 0 x cui la cella del giorno 19 è la 18esima,
     // se hai altri td nello stesso tr prima dei giorni modifica quel -1 
     
    var cl=document.getElementById("riga").getElementsByTagName("TD")[giorno-1]

     
    // pixel da scrollare = distanza da margine sinistro + (larghezza cella - ww) /2
     // aggiungi anche il margine sinistro se c' è, x comodità io l' ho azzerato
     
    var toX=cl.offsetLeft+(cl.offsetWidth-ww)/2

     
    // scrolla solo sulle ascisse
     
    self.scrollTo(toX,0)
    }

    </script>
    </head>
    <body onload="centra()">
    <table border="1">
    <tr id="riga">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
    <td>17</td>
    <td>18</td>
    <td>19</td>
    <td>20</td>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    <td>25</td>
    <td>26</td>
    <td>27</td>
    <td>28</td>
    <td>29</td>
    <td>30</td>
    <td>31</td>
    </tr>
    </table>
    </body>
    </html> 

  6. #6
    Perfetto, grazie mille!
    I giorni li ricavo lato server..
    Adesso cerco di adattare il tutto allo script php. Molto gentile.
    Ciao

  7. #7
    Ciao.. funziona tutto.. torno sull'argomento perchè è venuto fuori un problemino.. nella colonna centrale (quella della data odierna) c'è un link che apre una pop-up. Quando clicco su questo link la scrollbar torna tutta a sinistra... come posso evitarlo? Grazie

  8. #8
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Non specifichi come hai scritto il link... immagino sia cosi:

    <a href="#" onclick="window.open(...)">

    modifica:
    <a href="#" onclick="window.open(...);return false;">

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  9. #9
    PERFETTO!!
    Grazie delle risposta velocissima!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.