Collegamento pagina sito da cellulare 
Auteur : Alberto Maria C.
Visité 125,
Followers 0,
Partagé 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?
Posté le
... 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/fr/post/239988#comment8
.
Auteur
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...
.
Auteur
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
Auteur
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
.