Scorrimento pagine senza ricorrere al menù
Autore: Antonio R.
Visite 1448,
Followers 5,
Condiviso 0
C'è un modo di far scorrere le pagine in sequenza senza ricorrere al menù? Un po come avviene in sede di impostazione nel programma dove c'è la freccia "avanti" che fa scorrrere le pagine per modificarle. Grazie
Postato il
Autore
Mi riferisco alla visione sul web dopo la pubblicazione
Potresti dare una occhiata a questo mio sito, dove l’obbiettivo è raggiunto tramite codici CSS e JS esterno.
http://essedi.altervista.org/_EVO2019/_scorripagine/index.html
Nel mio esempio l’array con la sequenza dei link delle pagine è ottenuto automaticamente con le istruzioni
var sdLinks = []; // array dei link del Menu
/* per ogni voce del Menu inserisce il collegamento nell'array dei link */
$("li.imPage a").each (function() {
sdLinks.push($(this).attr('href'))
});
essendo il tuo sito composto da sottositi dovresti costruire il suddetto array manualmente
Autore
Grazie Esse Di, mi sta bene ed è quello che chiedevo ma come si fa? Questo è ilproblema eh eh Come predisporre manualmente il link ch hai mandato? Per favore aggiungi eventuali parole da aggiungere e provo con uno dei siti principale per imparare e se riesco provvedo per tutti. Grazie per l'attenzione
Intanto con CTRL+U puoi visionare e scaricare il mio codice. Esso è valido per un sito dove tutte lepagine risiedono nella stessa cartella e per questo utilizza indirizzi relativi. Se trovo del tempo provo a variarlo adottando indirizzi assoluti. Ma senza fretta.
Autore
i codici li ho già scaricati e sono pronti da copiare e inserire. vorrei fare una prova di inserimento per esempio dei pulsanti, potressi essere così gentile da indicarmi la procedura? Ho letto le indicazioni del link che hai postato ma vorrei che fosse più chiaro, per esempio, credo di aver capite di inserire il codice in seo codici e forse va bene. L'ho fatto ma non visualizzo i pulsani comemai?
In http://essedi.altervista.org/_EVO2019/_scorripagine/pulsanti.html è spiegato come e dove inserire il codice HTML per i pulsanti e l'mmagine utilizzata
In http://essedi.altervista.org/_EVO2019/_scorripagine/codice-css.html non solo è riportato il codice CSS, ma è anche spiegato dove inserirlo
In http://essedi.altervista.org/_EVO2019/_scorripagine/codice-js.html è spiegato dove inserire il codice JS
Scusami, ma non saprei essere più chiaro.
Se segui le istruzioni ed inserisci i codici e l'immagine all'interno di un tuo sito, visualizzerai nell'intestazione e nel piè di pagina i pulsanti che ti permetteranno di navigare avanti e indietro tra le pagine inserite nel menu normale di quel sito , ma non nei sottositi
In questo nuovo sito l’array con la sequenza dei link delle pagine è stato costruito manualmente inserendovi gli indirizzi assoluti delle pagine da scorrere
http://essedi.altervista.org/_EVO2019/_scorripagine_http/index.html
In questo modo la sequenza può contenere anche pagine appartenenti a siti diversi. Almeno dovrebbe, perché io non ho provato
... tanto per allargare le idee, posto anche due mie vecchie, elementari e semplicissime idee, ...facili da implementare; ...il tutto è contenuto nel sorgente delle pagine (Ctrl+U)...
... >> la prima, semplicissima, per pagine in sequenza numerica, (per me da preferire), anche per pagine nascoste o in sotto-siti, con radice numerica...
... >> la seconda, per pagine di qualsiasi tipo in array, anche non appartenenti al menu; ... richiede solo un minimo di impegno temporale solo per redarre la lista delle pagine (copia/incolla)...
.
Autore
Tutte le idee sono buone certamente cari amici e caro KolAsim e credo anche la mia in alternativa. Ci vuole un po di tempo ma come ho fatto nella home principale e anche nel mini turismo, basta mettere tutte le immagini nella pagina e collegarle al link, risultato, nel cellulare le ho sempre presenti in sequenza e qundi credo che farò così con tutte. Magari il uo avanti indiero potrebbe integrare magnificamente. Appena completo le impostazioni responsive per tutti i mini siti proverò il tuo suggerimento chiedendoti come fare in pratica. Grazie anticipatamente:https://www.antoniorandazzo.it/
Autore
KolAsim la facciamo una prova? Mi mandi il codice e mi dici dove metterlo e adattarlo al mio sito, magari ad alcuni mini sito con pagine numerose come "sculture"? Dammi la canna per pescare e ci provo. Grazie
... è più semplice del semplice; ...il codice lo puoi già rilevare direttamente dai miei esempi... (Ctrl+U)...
... comunque, per il sotto-sito SCULTURE, per come è strutturato adesso bisogna usare il secondo mio esempio...
... per facilitarti il compito ho predisposto il codice per le prime 5 pagine (il resto della lista la farai tu) :
1) - scarica il mio JS che trovi in allegato, e lo alleghi UnZippato al progetto SCULTURE, lasciando "files" come directory destinataria già proposta per default;
2) - al >> Passo 1 - Impostazioni > Sezione Avanzate > Statistiche, SEO e Codice > I comandi della Sezione Codice | ▪Codice personalizzato | (3°) >▼Prima della chiusura del tag HEAD ... ... incollare questo codice:
<script src="files/paginazione_k.js"></script>
3) - al >> Passo 1 - Impostazioni > Sezione Avanzate > Statistiche, SEO e Codice > I comandi della Sezione Codice | ▪Codice personalizzato | (5°) >▼Dopo l'apertura del tag BODY ... ... incollare questo codice:
<button onclick="indietro_k()"> << INDIETRO </button>|<button onclick="avanti_k()"> AVANTI >> </button>
4) - al >> Passo 1 - Impostazioni > Sezione Avanzate > Statistiche, SEO e Codice > I comandi della Sezione Codice | ▪Codice personalizzato | (6°) >▼Prima della chiusura del tag BODY ... ... incollare questo codice:
<button onclick="indietro_k()"> << INDIETRO </button>|<button onclick="avanti_k()"> AVANTI >> </button>
.
... nel file allegato paginazione_k.js ...aggiungi tutte le altre pagine a cascata rispettando la precedente struttura da me preparata...
.
ciao
.
... considera che sono senza PC e senza Programma...
.
Autore
Sempre attento e costruttivo il nostro KolAsim. Bene, grazie, proverò e ne darò conto alla prova dei fatti
... il codice <button> del .3) e del .4) se preferisci puoi metterlo in Oggetto HTML in HEADER e nel FOOTER...
... fai le varie prove e vedi come ti si presenti meglio...
Autore
una cosa per volta per caritaaaaaaaaaa!
1) - scarica il mio JS che trovi in allegato, e lo alleghi UnZippato al progetto SCULTURE, lasciando "files" come directory destinataria già proposta per default;
Passo primo ho scaricato il tuo JS allegato come faccio in pratica ad inserirlo? Come sai non conosco i termini tecnici e quindi guidami come faresti con un bambino ai primi passi. Come allego e dove il file zippato? Cosa significa lasciare il file come directory destinataria? Scusa la mia ignoranza e grazie per il tuo prezioso aiuto
Autore
Caro KolAsim come vedi ho segioto le istruzioni fino a qui salvo quello che ho scritto sopra in relazione al file JS zippato. Verifica l'andamento del lavoro e credo che fin qui tutto a posto:
https://www.antoniorandazzo.it/sculture/index.html
... visto quello che avevi fatto con me dai tempi dei sotto-siti, avevo presupposto che ormai almeno il programma potevi conoscerlo ben (e che io non ho!)...
... non sono un esperto nenche io, ...ma siamo nel campo della memoria ancestrale Windows......
... no! "zippato" ...ma "UnZippato"...
1) ... una volta scaricato, clicca con il Destro del Mouse sul file paginazione_k.zip ...e dal Menu Contestuale seleziona la voce Estrai tutto ...e verrà creato il file paginazione_k.js
2) ... per gli ALLEGTI è una opzione che esiste da oltre tre lustri, questa:
>> Passo 1 - Impostazioni > Sezione Avanzate > Statistiche, SEO e Codice > I comandi della Sezione Codice | ▪File allegati al codice
... nel reltivo pannello ti verrà proposta per opzione predefinita la cartella files, ecco, lascia quella senza modificare...
...
... se segui punto per punto le indicazioni potresti verificre immediatamente...
.
... nel caso fatti risentire ... ciao
.
... OK ... sei a buon punto...
... in rete ti manca solo il file paginazione_k.js
... se sai usare un client FTP terzo, o il FileManager del server, e se non vuoi toccare il progetto, ...questo file lo puoi inviare in modo indipendente nel tuo sito e nella cartella "files" che se non c'è la creerai al momento...
.
Autore
va bene allegare il file in formato blocco note oppure in word normale? Ho aggiunto altre 5 pagine e vorrei provare prima di inserirle tutte
... no! no... ... sempre in formato *.js ... esattamente come il file originale...
... con il Blocco Note > Sava Con Nome > Salva Come > ▼Tutti i file > Nome File > paginazione_k.js
Autore
OK ho caricato il tuo file originale e funziona: https://www.antoniorandazzo.it/sculture/galleria-sculture.html Ho provato ad aggiungere pagine e invece non funzionano dove sbaglio? Queste sono le aggiunte che ho fatto alle tue prime pagine:pagineK = [
// ====== lista pagine tra apici/apostrofi (') + virgola (,) finale ========;
'index.html',
'galleria-sculture.html',
'sculture-parlanti.html',
'1-scudetto-radiomobile-cc.html',
'2-la-scelta.html',
'3-amore-di-mamma.html',
'4-il-lavoro.html',
'5-donne-oggi.html',
'6-madonna-nera.html',
'7-uomini-e-donne.html',
'8-bene-e-male.html',
'9-omaggio-a-Poidimani.html',
'10-aratura.html', // ultima pagina NO! virgola
// ====== fine array lista pagine ====== ;
]
Autore
quindi per completare e integrare il file JS domando: come e con quale programma vanno aggiunti elementi al file JS?
... hai messo la virgola (,) nell'ultima pagina, quando è indicato di non metterla:
... errato: '10-aratura.html', // ultima pagina NO! virgola
... coretto: '10-aratura.html' // ultima pagina NO! virgola
.
... con il Blocco Note di Windows, lo stesso procedimento detto prima > qui
... quando modificherai o aggiungerai nomi di pagine al progetto, basterà aggiornare e riallegare il file JS per attivare il codice su tutte le pagine...
.
...!.. togli i pulsanti che hai messo nella sezione BODY in alto e in basso, visto che li hai inseriti in header e footer...!...
Autore
bene, grazie, provvedo
Autore
OK prova riuscita e adesso al lavoro per inserire le altre pagne. Grazie KolAsim, a buon rendere
... provato, ...OK! ... ottimo! ...
.
Autore
Bene, alla prossima idea eh eh questo mio sito è realizzato a più mani e credo che, nel suo genere, sia unico, una piccola ma non troppo, opera d'arte eh eh e qualcuno si lamenta dei difetti di website senza fare un proprio esame di coscienza ed esaminare le proprie inefficienze. Benissimo chiuso questo post e brindo con voi a questa nuova impostazione
... eh! eh! ...(!!!) ......ciao, ...e vai sempre avanti......
.
Autore
chiudiamo come corretto