WebSite X5Help Center

 
Luca L.
Luca L.
User

PROBLEMA TABELLA "SCHEDE ATTIVE" SU SMARTPHONE  it

Autore: Luca L.
Visite 2424, Followers 2, Condiviso 0  

Salve a tutti,

sto utilizzando ws v.14.

Ho riscontrato un problema sulle "schede attive" (dell'Oggetto Tabella) in versione responsive su smartphone. 

Nello specifico: quando scorro con il dito in VERTICALE la tabella sullo smartphone per andare giù o su  (premetto che la tabella occupa tutto lo schermo del telefono in larghezza) il programma attiva in automatico la funzione dello scroll anche in verticale, scorrendo le schede in orizzontale. In pratica le "schede attive" della tabella le dovrei scorrere in orizzontale e non in verticale altrimenti si blocca sulla tabella e l'utente non riesce più andare in sù e giù sul contenuto restante della pagina. 

Tutto ciò si verifica solo se ho schede attive, se invece ho solo una scheda il problema non si pone!

Il problema si verifica sia su telefoni apple che su android. 

Spero di essermi spiegato. QUalcuno può aiutarmi? grazie tanto. 

Postato il
44 RISPOSTE - 2 UTILI
Luca L.
Luca L.
User
Autore

Tra l'altro la funzione ROLLOVER sempre sulle schede non funziona nella versione mobile....

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... LINK ...?...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator

@Luca, non hai messo il link , che in questi casi andrebbe sempre postato...

Da quello che scrivi posso dedurre che non vorrei fosse il solito problema della mancanza di spazio laterale per permettere lo scorrimento della pagina ...

devi lasciare tramite margini od un oggetto uno spazio laterale a destra per il "ditino" per poter scorrere ...

Leggi di più
Postato il da Claudio D.
Luca L.
Luca L.
User
Autore

Ciao a tutti e grazie per la risposta. 

Ho provato anche a lasciare lo spazio ma è davvero brutto e soprattutto poco intuitivo per i clienti che scorrono le pagine. 

Ecco il link: http://www.palestretorino.com/entra-nel-tuo-club.html

Il sito per il momento è solo una prova e ancora in fase di costruzione. 

Non ci sono altre soluzioni?

Grazie tanto

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Tra l'altro anche lo spazio laterale il problema resta lo stesso perchè se ad esempio imposto l'altezza minima della tabella e la voglio poi scorrere il rollover non funziona perché qualsiasi scorrimento verticale con il dito cambia la scheda attiva successiva e questo è davvero un grosso problema. Le scede attive dovrebbere cambiare soltanto con uno scroll orizzontale e non verticale.....non so davero che fare....aiutatemi vi prego

Leggi di più
Postato il da Luca L.
Claudio D.
Claudio D.
Moderator

...mi pare se ne fosse già parlato in un altro post, che ora non trovo...

...che ricordi non ci sono altre soluzioni , a parte lasciare lo spazio...

...comunque rimani in attesa di altre idee...

Leggi di più
Postato il da Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Luca L.
Tra l'altro anche lo spazio laterale il problema resta lo stesso ... ... ...

...!... attualmente la tabella la vedo di larghezza non idonea alla consultazione, troppo stretta...!...

... comunque, se gli enti in gioco rimanessero gli stessi, ...potresti risolvere in EXTRA con la mia invenzione tramite il solito DIV_CUSTOM tuttofare...

... prova ad incollare questo codice, prima della chiusura di /HEAD del pannello ESPERTO | Codice Personalizzato della Proprietà della Pagina:

<script> $( document ).ready(function() { $("#imPageRow_6").append("<div style='position:absolute;width:100%;height:100%;z-index:2;top:0px;'> </div>");}); </script>

... puoi provare subito per verificare in rete sul disp. mobile...

... dovresti perdere l'interazione...

... eventualmente prova con quest'altro per avere un certo controllo sui pulsanti:

<script> $( document ).ready(function() { $("#imTableObject_11_102").append("<div style='position:absolute;width:100%;height:100%;z-index:2;top:40px;'> </div>");}); </script>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

GRAZIE KOLASIM! Sei stato davvero gentile e utile. 

Il problema è parzialmente risolto con il codice:

<script> $( document ).ready(function() { $("#imPageRow_6").append("<div style='position:absolute;width:100%;height:100%;z-index:2;top:0px;'> </div>");}); </script>

C'è perà ancora un problema che impedisce il corretto funzionamento. In pratica quando dal telefono vado nelle altre schede attive (es MAR e MER) e le scorro verso il basso e poi verso l'alto o il basso mi ritornano in automatico sulla prima scheda attiva (nel mio caso LUN). Riuscirsti a dirmi per quale motivo accade ciò?

Cmq davvero grazie!!

PS il primo codice che mi hai scritto blocca i pulsanti delle schede attive.

Ancora un quesito: come faccio ad applicare il tuo codice su altre tabelle in altre pagine? é sempre lo stesso o devo modificarlo? 

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Mi sono accorto che se vado sulla tabella e resto fermo ogni 5 secondi cambia automaticamente la scheda attiva in successione.....

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

KOLASIM mi sono sbagliato nel penultimo post, il codice che mi hai girato che parzialmente funziona è questo (il secondo che hai scritto): 

<script> $( document ).ready(function() { $("#imTableObject_11_102").append("<div style='position:absolute;width:100%;height:100%;z-index:2;top:40px;'> </div>");}); </script>

;-)

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Per quanto riguarda i 5 secondi ho risolto perché c'era la spunta sull'avvio automatico e l'ho tolta. Però resta il problema che cambia scheda attiva quando scorro giù...(non nella prima ma nella altre). 

Se riuscissi a risolvere questo problema sarebbe poi perfetta!!

Grazie ancora!!

Leggi di più
Postato il da Luca L.
Giuseppe Guida
Giuseppe Guida
User

Ha ragione Luca, io non riesco a tenere sempre visualizzate le schede MAR o MER per poterle leggere tutte fino in basso, appena inzio a scorrerle verso il basso, ritornano in automatico sulla scheda LUN...

Non so davvero da cosa possa dipendere ma non mi sembra molto normale come comportamento.

Leggi di più
Postato il da Giuseppe Guida
Luca L.
Luca L.
User
Autore

Ciao Giuseppe, anche io non riesco a capire come sia possibile che scorrendo verso il basso ritorna sempre sulla prima scheda attiva. Purtroppo in questo modo sono veramente bloccato con il lavoro.... Spero che qualcuno riesca a suggerirmi qualcosa altrimenti sono rovinato...

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Luca L.
... ... ... Però resta il problema che cambia scheda attiva quando scorro giù...(non nella prima ma nella altre). ... ... ...

... purtroppo non capisco a cosa ti riferisci; ...ho potuto verificare la tua pagina su un "mobile" Android, ed in tutti i modi non ho notato quello che avviene a te, su tutte e tre le schede lo scroll della pagina funziona senza interferenze...

... proprio adesso ho provato anche a creare un > CLONE  parziale e temporaneo della tua pagina, ed anche in questo lo scroll mi funziona a regola...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Mi spiego meglio. Il prblema è riferito alla tabella degli orario.

Se ad esempio clicco sulla scheda attiva "MAR" o "MER" e poi con il dito la scorro verso il basso automaticamente mi ritorna sulla scheda attiva del "LUN". 

Così ti torna? 

Grazie 1000!!!!

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Invece io riscntro questo problema sia su IPHONE che su ANDROID

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Ho guardato anche sul CLONE che hai creato, il prblema resta lo stesso. Diciamo che per un paio di volte che scorri su e giù su MAR e MER all'inizio sembra funzionare ma poi subito dopo ritorna in automatico su LUN...

Leggi di più
Postato il da Luca L.
Claudio D.
Claudio D.
Moderator

...sul mio Galaxy Tab il difetto che dici non lo fa...

ma come aveva già scritto KolAsim  prima, la tabella si vede male perchè super ristretta...

Leggi di più
Postato il da Claudio D.
Luca L.
Luca L.
User
Autore

Il problema si verifica solo sulla versione mobile, quella sotto i 480px, per intenderci IPHONE e GALAXY..sulla versione tablet e pc funziona. E funziona anche se ruoto il cellulare in orizzonatale. 

NON FUNZIONA CON IL TELEFONO IN VERTICALE...

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per me è regolare, anche con mobile Win.10/edge/chrome; ...non posso verificare altri dispositivi...  i(!) ...ecc....

... visto che tu puoi, hai verificato anche il comportamento del CLONE ...?...

... grazie anche a Claudio  per il test ...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Ciao KolAsim, si ho verificato anche con il tuo CLONE su iphone, ma il problema resta. 

Potresti fare ancora una prova  scorrendo con il dito su e giu per un po di volte (almeno 4-5 volte) sulla scheda MAR e MER?

Ho provato anche su altri telefoni e il problema resta sempre....

Grazie tanto

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Grazie anche da parte mia a Claudio per il test!!

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Luca L.
... ... ...  Potresti fare ancora una prova  scorrendo con il dito su e giu per un po di volte (almeno 4-5 volte) sulla scheda MAR e MER? ... ... ...

... fatto e rifatto diverse volte ... tutto regolare ... ... wink

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Grazie KolAsim, purtoppo il problema persiste. A volte però quando ricarico la pagina sembra funzionare, ma dopo un po di volte ritorna sempre lo stesso problema. Sono veramente disperato! Non c'è un altro codice da inserire che può bloccare questo problema?

Cmq grazie tanto!

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Sto caricando il video screen recording dal telefono su wetransfer così puoi vedere il problema, sempre se puoi...

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Ecco il link: https://we.tl/9nQWnKgNTH

Il problema lo puoi vedere verso la fine del video...

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... NO! ... a me non si verifica ...

... intanto rivedi sul tuo disp. i(!) il mio CLONE adesso, colorato di blu, per vedere se il tuo problema si ripeta...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Purtoppo si ripete anche sul tuo ultimo CLONE!! Ma come mai?? Non riesco prorpio a capire quale sia il problema.....sono disperato!

Sei davvero gentilissimo, ti sto facendo perdere tanto tempo.

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Ho una news, il problema si verifica solo se vado su e giù velocemente. Se scrollo lentamente non cambia scheda!

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... è già una buona notizia; ...pochi giocano con gli scroll ...

... comunque la tabella è schermata, quindi il tocco su essa non dovrebbe essere rilevato...!...

... prova a realizzare una tabella più adeguata; ... cioè disponi la tabella, sempre centrata e con misure adeguate, ma con l'oggetto distribuito per tutta la larghezza della riga, senza celle vuote affiancate, ma appunto unico oggetto della riga...

... poi eventualmente vedremo di aggiornare il codice...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Ciao KolAsim, ho realizzato la tabella seguendo le tue indicazioni, ma purtroppo ancora niente...sempre uguale.

Con il telefono in orizzontale tutto perfetto ma quando lo tengo in verticale le schede impazziscono ancora.....

Ci vorrebbe un bel codice KILLER!! ;-)

Sono nelle tue mani....

Leggi di più
Postato il da Luca L.
Giorgio C.
Giorgio C.
User

Questa questione era già uscita in un'altro post come Claudio ricordava.

il problema nasce dal fatto che lo scroll va fatto su una striscia mooolto risicata.sulla destra della tabella (saranno 2 pixel) così funziona. 

Altrimenti se si scrolla sulla tabella il comportamemto é quello di cambiarla

ai vede meglio sul mio sito anche se fatto con la vers 12

https://www.sanfermoglider.it/regole-rules.html

Puoo fare la prova anche con la tua tabella.stando moolto attento a non sbordare col dito (quasi impossibile)

Leggi di più
Postato il da Giorgio C.
Luca L.
Luca L.
User
Autore

Ciao Giorgio, grazie per la risposta. Con il codice di kolasim in realtà avrei risolto il problema, ci deve essere un altro problema che non è relativo allo scroll. Spero si possa trovare una soluzione. 

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Purtroppo anche con l'ultimo aggiornamento beta il problema non si è risolto. Esiste un codice che può risolvere questo problema? Vi prego aiutatemi....

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... controlla come funziona su quei! dispositivi il >> CLONE2 ...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Ciao KolAsim, intanto grazie che mi stai ancora dedicando del tempo!

Ho provato ma purtroppo resta sempre lo stesso problema......che nervoso!

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ormai tutta la fascia è schermata ed il tocco non può venir intercettato...

... mi dispiace! ...foot-in-mouth... da parte mia, senza programmi e con un PC datato, più di quanto fatto non posso immaginare...

... comunque non è una novità che quei dispositivi i(!) sono spesso e per tanti versi obsoleti...!...tongue-out...laughing...wink...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Grazie tanto lo stesso! Sei stato molto gentile e disponibile!

SPero che possa intervenire anche qualcuno dello staff di Incomedia...

Potresti gentilmente scrivermi il codice aggiornato che hai utilizzato per il CLONE2?

Grazie e buona giornata.

Leggi di più
Postato il da Luca L.
Luca L.
Luca L.
User
Autore

Ciao Kolasim, 

ho finalmente capito il vero problema! Allora il codice che blocca lo scroll che mi hai girato funziona perfettamente. Il vero problema si verifica quando (sia su iphone che android) la barra degli indirizzi del browser si rimpicciolisce quando scrolli verso il basso. Ti AALEGO IMMAGINE per capire meglio. 

In questo modo si può trovare una soluzione?

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... il codice ultimo è questo:

<script> $( document ).ready(function() { var hdivK = document.getElementById('imCell_103').offsetHeight;
var hdivK = hdivK - 40; // detrae lo spessore dei pulsanti della scheda;
var topK = 210; // abbassa il div_custom sotto ai pulsanti della scheda;
$("#imPageRow_6").append("<div style='position:absolute;z-index:20000;width:100%;height:"+hdivK+"px;z-index:2;top:"+topK+"px;'> </div>");});
</script>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

GRAZIE Kolasim, ma avendo capito ora dove sta il problema il primo codice che mi avevi giratoè perfetto. 

La schede attive cambiano solo quando la barra del browser del telefono si rimpicciolisce (come foto allegato nel mio penultimo messaggio). 

Ci vorrebbe un codice che riuscisse a bloccare le schede quando il browser del telefono si rimpicciolisce. Chissa se esiste...

Ad ogni modo grazie di cuore!!

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... proprio strano quel dispositivo...!...

... forse potresti realizzare le schede in pagine individuali, separate e nascoste, senza applicazione delle grafica...
... quindi al posto posto del menu delle schede potresti mettere un menu fatto con l'Oggetto TESTO...
... ed al posto dell'oggetto tabella-schede mettere il codice IFRAME che importi al click sul pulsante la scheda della relativa pagina nascosta, per esempio scheda1.html, scheda2.html, scheda3.html ...

... per averne un'idea, vedi >> QUI

... oppure, forse  più indicato, guarda questo esempio di + di una decina di anni fa >> paraschedeK (>> IWP v.7!!) ... ... (le pagine 2 e 3 dovrebbero essere quelle da nascondere)

.

... è semplice; ... casomai ci risentiremo in tarda serata, oppure domani in giornata...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Autore

Devo aver capito che non ti piacciono le mele.... tongue-out

Grazie per il suggerimento ma la vedo un po troppo complicata per le mie competenze in materia....

Non è che per caso esiste un bel codice dei tuoi che possa risolvere il problema?

Leggi di più
Postato il da Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non potendo vedere il problema, che non è comune, non ne ho idea e per me non esisterebbe...laughing...

... comunque, magari cerca di usare un approccio diverso dall'uso delle schede...

... eventualmente altri, più esperti, potrebbero darti qualche idea diversa e più valida...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪