Collegamento pagina sito da cellulare 
Autor: Alberto Maria C.
Visited 342,
Followers 2,
Udostępniony 0
Buongiorno a tutti, ho un problemino che ho trovato durante la realizzazione del mio sito aziendale.
In pratica in una pagina https://www.paideiacf.it/test/formazione-finanziata.html ho inserito 4 campi di testo in cui ci sono dei collegamenti a delle pagine del sito stesso che ho creato io e che si aprono in una showbox quando si clicca sul link stesso.
Il problema sorge da cellulare, dove la showbox risulta ovviamente non molto performante.
Quindi ho pensato di far aprire, soltanto da cellulare, la pagina come nuova finestra.
Ma non riesco a far si che da cellulare faccia così e poi da desktop usi la showbox.
Come si fa?
Posted on the
... potresti usare la mia storica e semplice invenzione del DIV_SINO, è elementare...
... uno dei tanti esempi del mio codice in una telle tante possibili applicazioni lo trovi per esempio, qui:
>> https://helpcenter.websitex5.com/pl/post/239988#comment8
.
Autor
Grazie per la risposta KolAsim, la vedo che però si tratta di pulsanti, a me sono dei testi inseriti nella pagina dove poi ho messo il link sulla scritta "Come aderire al Fondo?"
E non riesco a capire come risolvere
... da parte mia, dovresti postarmi il LINK della pagina in questione per fare una valutazione...
... comunque sempre con la mia invenzione ad intuito si potrebbe fare in questo mio modo esclusivo:
... nel testo usare l'opzione html, [</>] e duplicare la parola da linkare in due tag <a> consecutivi, assegnando ID diversi. per es. link1 e link2...
... nel primo href inerte/vuoto con assegnazione ad una funzione onclick EXTRA con istruzione JS per apertura della pagina nello showbox, ed il secondo href con il link della pagina da aprire...
... fatto questo si personalizza il codice linkato nel precedente Topic del DIV_SINO...
.
Autor
L'avevo messo il link nel primo messaggio
https://www.paideiacf.it/test/formazione-finanziata.html
Eccolo qua lo metto di nuovo, spero di averlo fatto bene ora
Autor
Allora io ho inserito nel mio testo un html doppio.
<a href="#" class="desktop-link">Come aderire al Fondo?</a>
<a href="#" class="mobile-link">Come aderire al Fondo?</a>
E poi nella stessa pagina ho messo un codice html così:
<style>
.mobile-link {
display: none;
}
@media (max-width: 719px) {
.desktop-link {
display: none;
}
.mobile-link {
display: block;
}
}
@media (min-width: 720px) {
.mobile-link {
display: none;
}
.desktop-link {
display: block;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var desktopLink = document.querySelector('.desktop-link');
var mobileLink = document.querySelector('.mobile-link');
if (desktopLink) {
desktopLink.addEventListener('click', function(event) {
event.preventDefault();
apriShowbox('fondoprofessioni.html');
});
}
if (mobileLink) {
mobileLink.addEventListener('click', function(event) {
event.preventDefault();
window.open('fondoprofessioni.html', '_blank');
});
}
});
</script>
Adesso funziona da cellulare ma non funziona da desktop....forse devo definire meglio la showbox, ma non so come....
...... non so del perchè di quel codice...
... se mi segui per fare le cose semplici semplici secondo la mia invenzione, tu devi fare:
1) - due celle con uguali contenuti; ... puoi fare copia/incolla da una cella all'altra;
2) - al collegamento contenuto nella prima cella assegni apertura nello ShowBox;
3) - al collegamento contenuto nella seconda cella assegni apertura normale (_parent o _blank);
4) - (!) - non è rilevante, ma meglio sarebbe se le celle fossero una sopra l'altra in proprie righe....
... ed il gioco è fatto...
... quindi devi rilevare l'ID delle due celle che fanno da contenitore...
... per esempio, considerando le prime due celle del tuo LINK e supponendo che fossero uguali, il loro ID attuale è:
#imCell_61 ... ed ... #imCell_63
... ecco, ...adesso nel mio codice devi semplicemente sostituire gli ID (che erano relativi a quel Topic!) con i tuoi, esattamente così:
<style>
@media (min-width:720px) {
#imCell_63 { display:none }
#imCell_61 { display:block}}
@media (max-width:719px) {
#imCell_63 { display:block }
#imCell_61 { display:none}}
</style>
... questo stesso codice lo puoi provare subito con un copia/incolla così te ne renderai conto immediatamente dell'effetto che si ottiene, semplice e potente; ...alla risoluzione 720px si alterneranno le celle, o l'una o l'altra...
...ovviamente, penso che lo saprai, il codice va incollato nelle Proprietà della Pagina (Passo_3) | sezione Esperto > 3^opzione - Prima della chiusura del Tag /HEAD
.
... non hai fatto più sapere niente(!), ...ma sono andato a controllare, e vedendo online credo di aver capito...
... hai adottato il mio primo metodo del DIV_SINO quello con con tag <A>, ma non seguendo le istruzioni con attenzione che avrebbero semplificano il tutto senza ricorrere ad Ai(!)...
... hai accoppiato codice Ai(!) che però ovviamente andrebbe integrato da codice HI(!)(Ri)...
...(... se ne son visti qui di questi codici pensando di far da se solo con copia/incolla...)...
... da quello che vedo online la struttura non funziona e non ti può funzionare senza integrazione di HI(!)(Ri)...
... adesso, per rimediare, il modo molto più semplice sarebbe:
1) - quello di rispettare il mio metodo con mio esclusivo <script> senza codici Ai(!)...
2) - oppure, lasciando quello che hai fatto (!), si può integrare in aggiunta al codice una mia funzione per attivare il tuo codice Ai(!)...
... se ti interessasse uno dei due punti, ... avvisami...
.
Autor
Ciao KolAsim si in pratica ho fatto un enorme confuzione.
Ho preso il tuo codice di cui sopra e l'ho testato, ho solo un problema, come si fa a rilevare l'ID delle mie celle di testo??? Perchè devo applicare questo codice in una pagina che è piena di popup e quindi c'è un bel lavorone da fare. Solo che non ho capito se il programma mi dice gli ID dei campi di testo, o devo esportare e poi leggere il codice. Grazie mille
... OK ... ... se mi segui con questi passi, è semplicissimo, valido e risolvi all'istante...
... per usare la tua attuale struttura, valida per il DIV_SINO sui tag <A>, fai queste operazioni:
1) - lascia il tag <STYLE> così com'è, che è quello del mio DIV_SINO e funziona regolarmente;
3) - modifica il tag <A> destinato al desktop (showbox) in questo modo:
<a href="javascript:apriShowBoxK('fondoprofessioni.html')" class="desktop-link">Come aderire al Fondo?</a>
4) - modifica il tag <A> destinato al mobile (Seconda Finestra) in questo modo:
<a href="fondoprofessioni.html" class="mobile-link">Come aderire al Fondo?</a>
5) - elimina completamente il tuo tag <SCRIPT> ed..al suo posto metti il mio codice <SCRIPT> originale legato alle funzioni del Programma, questo:
<script>
/** -- showbox EXTRA x WSx5 by KolAsim -- **/
function apriShowBoxK(linkShowBoxK) {
x5engine.imShowBox({ media:[{type: 'iframe', url: linkShowBoxK, width: 2000, height:500}]});
}
</script>
............................
... fai queste semplici correzioni, ripubblica online, ed avvisami per controllare eventuali incongruenze...
.
ciao
.
Autor
Sinceramente io ho seguito questo qua.
E penso anche di aver risolto, il problema sorge in questa pagina
https://www.paideiacf.it/test/ecm-oss-osa-aos.html
e altre come queste.
Qui in un altro post mi hai dato un bellissimo codice che mi elimina alcune colonne nella versione cellulare e mi fa rientrare tutto in modo ottimale.
non mi ero però reso conto che c'erano tutti i link alle pagine "richiedi" e "programma".
Come devo fare in questo caso??? Inserisco due tabelle uguali cambiando i collegamenti e posso poi inserire il comando con il quale sceglie quale tabella mostrare???
... OK ... ho visto, sei passato al metodo DIV_SINO del prededente Post senza bisogno di script:
1) - due celle con uguali contenuti; ... puoi fare copia/incolla da una cella all'altra;
il problema sorge in questa pagina
https://www.paideiacf.it/test/ecm-oss-osa-aos.html
... ... ...
Come devo fare in questo caso??? Inserisco due tabelle uguali cambiando i collegamenti e posso poi inserire il comando con il quale sceglie quale tabella mostrare???
... in questo caso della tabella, per abbreviare e semplificare il tutto, pur rimanendo la tabella inalterata nel suo aspetto elastico ,sempre con una delle mie invenzioni, molto semplice, si potrebbe fare in modo di direzionare i collegamenti attuali della tabella in seconda finestra anziché nello showbox...
... ma il codice per questa variante verrebbe rilevata ed attivata all'apertura e/o caricamento e/o refresch della pagina in finestra ridotta...
... in teoria con un solo click potresti condizionare tutte le tabelle...
... se ti interessa in questo modo, avvisami...
.