WebSite X5Help Center

 
Claudio G.
Claudio G.
User

Visualizzare casella di testo alla basse risoluzioni  it

Autor: Claudio G.
Visitado 201, Seguidores 2, Compartilhado 0  

Mah, forse mi perdo un bicchiere d'acqua ma, è possibile, in un sito responsive, visualizzare una casella di testo al di sotto a una determinata risoluzione? Ovvero, l'operazione opposta a quella (possibile) di nascondere degli oggetti quando la risoluzione è sotto a un determinato break-point impostato.

Grazie per l'aiuto e la risposta

Publicado em
11 RESPOSTAS - 1 ÚTIL
Mirko Boschetti
Mirko Boschetti
Moderator

con codice a parte la puoi nascondere nelle visualizzazioni superiori e lasciarla vedere nelle  risoluzioni che vuoi...ti basterebbe una cosa tipo:

<style>
#imCellStyle_5{
    display:none;
}
@media  (max-width: 430px) {
    #imCellStyle_5{
    display:block;
}
</style>

se metti un link, si potrà vedere il da farsi... wink

Ler mais
Publicado em de Mirko Boschetti
Claudio G.
Claudio G.
User
Autor

Grazie Mirko, il link non lo posso mettere perchè ho pensato a questa cosa modificando un sito che non era responsive, quindi devo ancora pubblicare/aggiornare nulla.

Se non ho capito male però, dovrei trovare ID della cella da nascondere per usare il codice che mi hai suggerito tu, giusto? E come trovo quel ID? (immagino sia "imCellStyle_5..." dove 5, appunto, è l'ID della cella da non far visualizzare SOPRA a una determinata risoluzione). Questo codice, dove lo devo mettere? Proprietà pagina, Esperto e poi...  grazie

Ler mais
Publicado em de Claudio G.
Mirko Boschetti
Mirko Boschetti
Moderator

prima della chiusura del tag head...wink

Ler mais
Publicado em de Mirko Boschetti
Claudio G.
Claudio G.
User
Autor

Certo sarà un limite mio ma...

1- ho cercato di recuperare l'ID della cella (di testo) che voglio non sia visibile sopra ad una certa risuluzione,

2- ho copia-incollato il tuo codice nella pagina nella sezione "Esperto" prima della chiusura del tag head

3 - ho cambiato ID (da #imCellStyle_5{ a #imCellStyle_1{) su entrambi le due righe di codice

ma la casella di testo "1" (questo è il codice che ho recuperato cercando con la funzionalità "ispeziona codice") rimane sempre visibile... cosa sbaglio? 

Grazie

Ler mais
Publicado em de Claudio G.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

..."forse" se posti il link e un'immagine esplicativa di quale casella vuoi nascondere è più facile aiutarti... wink

Ler mais
Publicado em de Claudio D.
Claudio G.
Claudio G.
User
Autor

...devo ancora pubblicare le modifiche, è tutto ancora work in progress ma, visto che fa lo stesso, diciamo che vorrei che il riquadro "sicurezza" , posto nella parte inferiore di questa pagina http://www.claudio-gucchierato.info/index.html fosse visibile SOLO alle basse risoluzioni... (in realtà non è questo il testo che voglio far visualizzare alle basse risoluzioni, ma a parte ID della casella, il codice dovrebbe essere e rimanere uguale.

grazie per l'attenzione

Ler mais
Publicado em de Claudio G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Claudio G.
... ...  il testo che voglio far visualizzare alle basse risoluzioni, ma a parte ID della casella, il codice dovrebbe essere e rimanere uguale. ... ... 

... se per esempio in Chrome clicchi col destro del mouse | ispeziona  sul campo sicurezza, ti si aprirà una finestra di servizio con evidenziato il relativo campo da cui puoi facilmente identificare l'ID, che in questo caso sarebbe imCell_9  (#imCell_9); ...il resto te l'ha già anticipato  >Mirko...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Claudio G.
Claudio G.
User
Autor

OK, me lo avrà spiegato Mirko (che ringrazio al pari tuo e al pari del mio ominimo) ma... come scritto, il codice non funziona o io, molto più probabilmente, non riesco a farlo funzionare...

Ler mais
Publicado em de Claudio G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Claudio G.
... ... ma... come scritto, il codice non funziona o io, molto più probabilmente, non riesco a farlo funzionare...

... se l'ID è giusto, dovrebbe funzionare perfettamente...

... puoi provare per il campo SICUREZZA, e come anticipato devi usare questo codice relativo:

<style>
#imCell_9{ display:none;}
@media (max-width: 430px) { #imCell_9{ display:block;}
</style>

... e sotto ai 430 pixel il campo SICUREZZA apparirà, ...ed al di sopra scomparirà...

... al posto della cella puoi optare per eliminare tutta la riga, con aspetto finale simile...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Claudio G.
Claudio G.
User
Autor

Perfetto funziona! Allora ho verificato il codice (che non funzionava) che mi ha inviato Mirko e, al contrario del tuo, Mirko aveva messo #imCellStyle_5 e NON imCell_n... può essere questo il motivo del mancato funzionamento?

Comunque grazie a tutti, adesso posso fare ciò che mi ero proposto di fare. 

Resta comunque il fatto che, speriamo, nella nuova versione di EVO questa possibilità sia implementata da programma (come, per altro, già richiesto anche da altri utenti).

Ler mais
Publicado em de Claudio G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Claudio G.
... ... ... può essere questo il motivo del mancato funzionamento? ... ...

... quando si posta il LINK, si risparmiano domande e supposizioni...wink...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪