WebSite X5Help Center

 
Luca L.
Luca L.
User

PROBLEMA TABELLA "SCHEDE ATTIVE" SU SMARTPHONE  it

Auteur : Luca L.
Visité 2747, Followers 2, Partagé 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. 

Posté le
44 RéPONSES - 2 UTILE
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... LINK ...?...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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

Lire plus
Posté le de Claudio D.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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

Lire plus
Posté le de 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>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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? 

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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>

;-)

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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.

Lire plus
Posté le de Giuseppe Guida
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

Invece io riscntro questo problema sia su IPHONE che su ANDROID

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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

Lire plus
Posté le de Claudio D.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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 ...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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!

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

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

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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.

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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)

Lire plus
Posté le de Giorgio C.
Luca L.
Luca L.
User
Auteur

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. 

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de Luca L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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

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

Lire plus
Posté le de 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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.

Lire plus
Posté le de Luca L.
Luca L.
Luca L.
User
Auteur

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?

Lire plus
Posté le de 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>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luca L.
Luca L.
User
Auteur

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?

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪