WebSite X5Help Center

 
Fernando N.
Fernando N.
User

Problema include nei responsive  it

Autor: Fernando N.
Visitado 1498, Followers 1, Compartido 0  

Buonasera a tutti.

Ho un problema con il sito web che sto sviluppando e che potete visionare qui

http://www.accerta.it/prova

Nella sezione delle aziende certificate, ho inserito con un include un vecchio form che avevo già sulla vecchia versione del sito che serve per ricercare le aziende certificate dell'ente.

Nella versione da PC funziona come vuole il committente, mentre se visualizzo questa pagina da cellulari o tablet c'è un problema di visualizzazione, in pratica non si "adatta" ai pixel della versione rispettiva.

La pagina in questione è la seguente:

http://www.accerta.it/prova/aziende-certificate.php

Il codice inserito nella pagina dal nostro X5 è il seguente:

Codice HTML con dentro il seguente codice:

<?
include('inc/mysql.php');
include('inc/func.php');
if($_GET['Submit']) {
include('find.php');
} else {
include('/inc/find.html');
}
?>

In pratica vado ad includere tutti i files relativi in php che servono a fare la ricerca dei certificati sul MYSQL e i relativi risultati.

Non ho idea di come fare ad adattare queste tabelle quando il sito viene visualizzato da cellulare o tablet, qualcuno mi potrebbe aiutare? 

Grazie.

Publicado en
29 RESPUESTAS - 3 úTIL
Fabio C.
Fabio C.
User

Prova così

<?php

echo '<div class=”box”>';
include('inc/mysql.php');
include('inc/func.php');
if($_GET['Submit']) {
include('find.php');
} else {
include('/inc/find.html');
}

echo '</div>';
?>

In esperto

.box {
text-align:come vuoi tu center left o right;
width: 100%;
height: quanto ti serve altopx;
border: 0px;
}

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Ottimo questo codice, quando apro la pagina da cell lo schema è centrato e ridimensionato benissimo, però una volta cliccato su cerca mi da i risultati nella pagina e vanno di nuovo fuori dallo schermo.

In pratica quando si richiama uno dei file contenuti nel find.php, poi perde la formattazione.

Spero ci sia soluzione a questo.

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User

find.php la gestisci tu ? Devi formattare i dati prima che arrivino.

Se posti la pagina find.php possiamo vedere

Inseiriscila pure come allegato in blocconotes se ci sono codici sensibili oscurali con delle xxx

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Find.html, non php. 

Lo allego qui 

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User

Scusa ho sbagliato a scrivere, il file dovrebbe essere questo func.php che si trova nella cartella inc

In questo file penso ci siano dati sensibili come l'accesso al DB cancellali con xxx nel file che invii qui

Leer más
Publicado en de Fabio C.
Fabio C.
Fabio C.
User

E comunque, ora che h rivisto lo script hai anche il file find.php include('find.php'); sesta riga dello script dovrei vedere anche questo se ce li hai, sempre con lo stesso procedimento delle xxx wink

Leer más
Publicado en de Fabio C.
Giorgio C.
Giorgio C.
User

Anche il file find.txt postato deve essere .PHP in quanto contiene delle istruzioni php

Leer más
Publicado en de Giorgio C.
Mirko Boschetti
Mirko Boschetti
Moderator

O.T.

questa immagine: "BangkokSitoAccerta.jpg" pesa quasi 6 Mb.  Tantissssssimo per il Mobile surprised

Leer más
Publicado en de Mirko Boschetti
Fernando N.
Fernando N.
User
Autor

Grazie a tutti per le risposte.

Per Mirko, provvederò a rimpicciolire la foto....non imparo mai a farlo, è un mio scatto fatto questa estate e quindi essendo patito per la fotografia, punto sempre alla qualità, ma in effetti 6mb son tanti per il mobile. Grazie

In allegato il file func.php.

L'ho verificato e non vedo files sensibili, sono solo i criteri per la ricerca nel database 

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User

guarda se riesci a trovare anche il find.php pperchè con questo non risolviamo

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Certo, eccolo qua 

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User

Allora forse siamo arrivati a capirci qualcosa, il file temp.html che si trova nella cartella inc dovrebbe essere quello che gestisce il layout della tabella, quindi, aprilo e in tutte le righe dove trovi width valoresostituisci il valore con 100%

Non ti assicuro che sia giusto così perchè il programma non l'ho scritto io e vedo che ci sono altri include che potrebbero interferire, comunque fai una copia del file temp.html e prova, poi fammi sapere

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Ok grazie, ho provato a fare come dici tu. Adesso da cell, in landscape va benissimo, se metto il cell invece in verticale, va ancora fuori. ....che sia anche height da modificare??? Forse mettendo altezza fissa delle righe non va?

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User
Fernando N.
....che sia anche height da modificare??? Forse mettendo altezza fissa delle righe non va?

No l'altezza non crea questi problemi purtroppo, come ti ho detto, il progammino non l'ho scritto io e ci sono molti include concatenati, dovrei rifartelo exnovo nel modo che avevo indicato in un altro tuo post...

Come ho un pò di tempo ci ragiono un attimo e vediamo di risolvere wink

Leer más
Publicado en de Fabio C.
Fabio C.
Fabio C.
User

Controlla bene di aver modificato tutti i width perchè basta uno per non funzionare, specialmente il primo

<tablealign="center" cellpadding="4" cellspacing="0" class="auto-style1" style="width: 815px; height: 584px;">

100% aggiungilo senza px

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Allora Patrizia, ho pensato bene di rifare tutto da 0.

Sto editando il file da 0 ed effettivamente ora da cellulare funziona per bene, si adatta al tipo di supporto che uso.

Il problema è che aggiusto una cosa e ne guasto un'altra sealed

Ora da computer, giustamente, si prende tutta la larghezza della pagina risultando brutto. 

Si può ovviare a questo problema???

http://www.accerta.it/prova/aziende-certificate.php?norma=0&azienda=&cf=&citta=&prov=0&ncert=&scopo=&Submit=Cerca

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User

Purtroppo da qui lo vedo con un portatile ed è ristretto, tantè che non vedo il menù ma l'hamburger, comunque non hai modificato tutti i valori width ma solo quello specifico della prima riga

Leer más
Publicado en de Fabio C.
Fabio C.
Fabio C.
User

Prova il file allegato al posto di temp.html è da rinominare.

Se su smartphone risulta troppo piccolo devi aumentare 

<table align="center" cellpadding="4" cellspacing="0" class="auto-style1" style="width: 60%; height: 584px;">

Per avere una cosa precisa bisognerebbe agire con @media nei css, ma si dovrebbe rifare tutta la struttura ed io non ho i dati per potertelo fare

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Ciao Patrizia, grazie per aver preparato questo file, l'ho caricato ma non va bene, in pratica nella prima pagina è un pò spostato verso sinistra, ma quando apro le pagine successive (2,3,4) si guasta l'impaginazione ed appare diversa ad ogni pagina. Stessa cosa anche sul cellulare, andava meglio prima.

Leer más
Publicado en de Fernando N.
Fernando N.
Fernando N.
User
Autor

Update: sto provando ad usare @media nei css come mi hai suggerito, e son riuscito a correggere la visualizzazione da PC impostando il weight di table fissa in questa visualizzazione. L'unica cosa che non funziona è il cellpadding, prima andava bene ma ora non lo prende, non capisco il perchè

Leer más
Publicado en de Fernando N.
Fernando N.
Fernando N.
User
Autor

Update2: Ce l'ho fatta!!! Non serviva cellpadding ma solo padding applicato allo stile delle singole celle. Adesso da pc la visualizzazione è come la volevo, resta qualche problema però da cellulare.

La struttura è una tabella che viene replicata 5 volte per pagina ad ogni richiesta. 

Il problema è che, in modalità landscape, non capisco perchè, da cellulare, alcune tabelle prendono tutta la larghezza del cellulare, altre invece inspiegabilmente finiscono prima, e crea un problema visivo scorrendo la pagina.

L'altro problema è che, nonostante abbia formattato nell'html in alto 

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

i caratteri accentati non funzionano. Come mai???

Son contento, mi sento vicino alla risoluzione finale di questo problema....grazie ancora

Leer más
Publicado en de Fernando N.
Fabio C.
Fabio C.
User
Fernando N.
Update2: Ce l'ho fatta!!! Non serviva cellpadding ma solo padding applicato allo stile delle singole celle. Adesso da pc la visualizzazione è come la volevo, resta qualche problema però da cellulare. La struttura è una tabella che viene replicata 5 volte per pagina ad ogni richiesta.  Il problema è che, in modalità landscape, non capisco perchè, da cellulare, alcune tabelle prendono tutta la larghezza del cellulare, altre invece inspiegabilmente finiscono prima, e crea un problema visivo scorrendo la pagina. L'altro problema è che, nonostante abbia formattato nell'html in alto  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> i caratteri accentati non funzionano. Come mai??? Son contento, mi sento vicino alla risoluzione finale di questo problema....grazie ancora

Sono contenta che sei vicino la soluzione, purtroppo devi fare tu dei tentativi per vedere cosa capita, considera che i file include non devi farli con vebsite ma inserirli tu sul serve altrimenti il programma ci genera anche i tag htmal, head, body, ecc...

Per il problema degli accenti non è solo quello che imposti tu nella pagina ma, principalmente, come è impostato il server dove è appoggiato il dominio, è li che deve essere impostato utf-8

Leer más
Publicado en de Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Fernando N.
... ... ...  Il problema è che, in modalità landscape, non capisco perchè, da cellulare, alcune tabelle prendono tutta la larghezza del cellulare, altre invece inspiegabilmente finiscono prima, e crea un problema visivo scorrendo la pagina. ... ... 

... quale sarebbe il LINK da controllare...?...

(... l'ultimo che hai postato vedo che contiene ancora diversi errori segnalati in precedenza...)

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Fernando N.
Fernando N.
User
Autor

Ciao KolAsim, il link da controllare è il seguente:

http://www.accerta.it/aziende-certificate.php

Ero riuscito a trovare la quadra qualche giorno fa, avevo pubblicato ed era tutto ok anche da cellulare, a parte che nei risultati della ricerca alcune tabelle (me ne mostra 5 in ogni pagina) non prendevano tutta la larghezza come le altre.

Stamattina un collega mi fa notare che da cellulare non mostra più la tabella per la ricerca.....funziona solo in modalità landscape....cosa può essere successo???

Leer más
Publicado en de Fernando N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ci sono diversi errori che alterano il layout della pagina...

... devi correggere i codici PHP che includi...

...!... non devono esserci tag <HTML></HTML><HEAD></HEAD><BODY></BODY>

...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Fabio C.
Fabio C.
User
 ‪ KolAsim ‪ ‪
... ci sono diversi errori che alterano il layout della pagina... ... devi correggere i codici PHP che includi... ...!... non devono esserci tag <HTML></HTML><HEAD></HEAD><BODY></BODY> ... .

Detto e ridetto

Patrizia B.
...considera che i file include non devi farli con website ma inserirli tu sul serve altrimenti il programma ci genera anche i tag html, head, body, ecc...

Anche in un altro post

Leer más
Publicado en de Fabio C.
Fernando N.
Fernando N.
User
Autor

Edit: Avevo rimosso la visualizzazione per cellulari ecc dai responsive! 

Il solito sbadato.

Leer más
Publicado en de Fernando N.
Fernando N.
Fernando N.
User
Autor

Grazie per la pazienza che avete con me! 

Per quanto riguarda il layout, nonostante ci siano tanti errori che sicuramente avete rilevato, sembra andare tutto bene ora quindi lo lascio così :-)

Gli unici problemi che non riesco a risolvere sono i caratteri accentati e queste tabelle che cambiano la larghezza (solo da tablet o cellulare landscape). 

Leer más
Publicado en de Fernando N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... dovresti per prima cosa correggere gli errori nei files PHP, non è difficile seguendo quanto detto, e nel caso formattare correttamente le tabelle in questi stessi files...
... quando la pagina sarà regolare, allora poi si potrà valutare...
... altrimenti se hai tante difficoltà, e sempre se possa andar bene, potresti usare gli IFRAME, realizzando a monte una struttura PHP esterna che funzioni...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪