WebSite X5Help Center

 
Alberto Maria C.
Alberto Maria C.
User

Collegamento pagina sito da cellulare  it

Автор: Alberto Maria C.
Просмотрено 128, Подписчики 0, Размещенный 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?

Размещено
6 Ответы
Alberto Maria C.
Alberto Maria C.
User
Автор

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

Читать больше
Размещено От Alberto Maria C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Alberto Maria C.
Alberto Maria C.
User
Автор

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....

Читать больше
Размещено От Alberto Maria C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...... 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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪