Visualizzazione dei risultati da 1 a 4 su 4

Discussione: navigazione tra pagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2020
    Messaggi
    92

    navigazione tra pagine

    io voglio collegare un bottone per la precisione questi due << >> a delle pagine 1 2 3 e cosi via.. facendo svariate ricerche in javascript ho scoperto onclick non so se è giusto ho provato svariate funzione ma i tasti non funzionano potete darmi uno snippet
    codice:
    <div class="page">
    <ul id="pagina">
    <li><button class="controls" id="prova">&laquo;</button></li>
    <li><a id="prev" href="prova.html" title="vai a pagina 0">0</a></li>
    <li><a id="next" href="prova.html" title="vai a pagina 1">1</a></li>
    <li><a id="prev" href="#" title="vai a pagina 2">2</a></li>
    <li><a id="prev" href="#" title="vai a pagina 3">3</a></li>
    <li id="prev"><a href="#" title="vai a pagina 4">4</a></li>
    <li><a href="#" title="vai a pagina 5">5</a></li>
    <li><a href="#" title="vai a pagina 6">6</a></li>
    <li><a href="#" title="vai a pagina 7">7</a></li>
    <li><a href="#" title="vai a pagina 8">8</a></li>
    <li><a href="#" title="vai a pagina 9">9</a></li>
    <li><a id="next" href="#" title="vai a pagina 10">10</a></li>
    <li><button class="controls">&raquo;</button></li>
    </ul>
    
    
    </div>
    
    
    ul#pagina {
    font: 12px Arial, sans-serif;
    margin: 1em 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
    }
    
    
    ul#pagina li {
    display: inline;
    margin-right: 0.5em;
    }
    
    
    ul#pagina a {
    text-decoration: none;
    border: 1px solid #1258CC;
    padding: 0 3px;
    background: #3C86FF;
    color: #FFF;
    }
    
    
    ul#pagina a:visited {
    background: #EEE;
    color: #003EA5;
    border-color: #89B5FF;
    }
    
    
    ul#pagina a:hover {
    background: #FFF;
    color: #003EA5
    }
    
    
    ul#pagina li#currentpage a {
    border: 0px;
    background: #FFF;
    color: #000;
    cursor: default;
    }
    
    
    .controls {
    display: none;
    }
    manca js
    Ultima modifica di Vincent.Zeno; 29-11-2021 a 13:58 Motivo: eliminazione formattazione colorata del codice e correzione virgolette

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2020
    Messaggi
    92
    stando alle mie ricerche dovrebbe essere una cosa cosi il codice
    function myFunction() {
    document.getElementById("").innerHTML;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2020
    Messaggi
    92
    sto provando un po di codice in locale e nel fai da te mi è uscito questo che però non funziona cosa sbaglio

    codice:
    var i = o
     var pages = []
    
     pages[1] = (a.getAttribute('href'));
     pages[2] = (b.getAttribute('href'))
     pages[3] = (c.getAttribute('href'))
     pages[4] = (d.getAttribute('href'))
    
     document.getElementById('pagina').onclick = function () {
         document.controls.href = pages[i];
         if (i < pages.length - 1) {
             i++;
         } else {
             i = 0;
         }
     }

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,347
    *admin note

    per favore, nel postare codice, non riportare alcuna formattazione.
    altrimenti diventa illeggibile.

    buon lavoro

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