Pas de boutons avec l'iPad

Bonjour

Dans mon site Html + Php, ma feuille de style dimensionne les boutons suivant la situation rencontrée, par exemple :

Code:

---

1 2	.bouton98 { width: <?=$widthmenu2?>%; height: <?=$heightimage1demi?>px; color: ……

---

en ayant naturellement valorisé les variables auparavant, ce que je vérifie en mettant des echo().

Ca fonctionne impeccablement en Windows, Mac, Linux, Androïd.

Pas en iPad où les boutons sont réduits à un point ou à un trait.

Par contre, les boutons s’affichent correctement en iPad avec :

Code:

---

1 2	.bouton98 { width: 98%; height: 153px; color: ....

---

en spécifiant les valeurs des variables plutôt qu’en les nommant, ce qui est exactement ce que je ne veux pas faire puisque les valeurs de ces variables varient suivant la situation rencontrée.

Par avance merci de votre aide.

Francois

Normalement, PHP se moque éperdument du navigateur (et a fortiori de l'OS) avec lequel on consulte le site :koi:
Tu peux voir la source HTML générée de la page dans ton navigateur sur ton iPad ?

Je suis d'accord avec toi, peu importe, normalement, le navigateur.

J'ai conscience que mon sujet peut paraître bizarre, raison pour laquelle je l'ai pas travaillé avant de poster; j'ai par exemple vérifié que le contenu de mes variables était bien numérique (is_numeric()).

Pour le moment, je cale sur l'affichage du code source sur l'iPad dont je ne suis certainement pas un expert; je vais bien y arriver.

Francois

Bonjour,

Si tu as un mac avec, tu te connectes en usb, tu ouvres safari sur le mac et safari sur ios, puis dans le menu des outils développeurs tu devrais voir apparaitre une possibilité d'afficher la console avec les infos de ton ipad.

Non, je n'ai pas de Mac mais je suis en train d'installer Safari sur mon PC Win7 pour faire ce que tu décris.

Francois

L'idée est la suivante : http://moduscreate.com/enable-remote...ctor-in-ios-6/

Par contre je saurais pas dire si ça marche sous Windows...

J'ai installé Safari (517) sur mon PC.

Dans le bouton Afficher un menu pour la page active, je peux sélectionner Code source.

En affichant dans ce Safari sur mon PC la page qui s'affiche mal sur mon iPad:
- je vois le code source
- les boutons s'affichent bien

Il me reste à trouver comment afficher le code source de ce qui s'affiche sur mon iPad, si vous savez comment faire.

Merci de votre aide bienveillante à un tout débutant iPad.

Francois

Tu peux essayer firebug pour Ipad parce que sans mac on dirait que c'est pas possible l'histoire du remote debug....

Sinon tu te pointes à la FNAC ou dans un Apple store avec ton Ipad et ton cable, mais c'est pas dit qu'ils apprecient :aie:

Dommage, j'ai donné mon ipad, sinon j'aurais pu jetter un oeil... Tu connais personnes qui a un mac ? (moi je suis a Edimbourg donc je vais probablement pas pouvoir te rencontrer !).

J'ai installé, avec les difficultés d'un débutant Apple, et utilisé Firebug.

Le code que j'ai pu voir sur l'iPad de la page qui s'affiche sans boutons m'a paru OK.

En particulier les attributs Class de chaque Button apparaissaient corrects.

La difficulté de ce debugging est que les valeurs de dimensionnement des boutons sont utilisées dans la feuille de style qui est inaccessible à des echo() de vérification.

Je ne vois pas ce qui pourrait faire la différence entre les deux situations que je décrivais: spécifier les variables ou leurs valeurs, puisque le remplacement des variables par leurs valeurs est fait en Php sur le serveur avant que le code Html soit chargé dans Safari.

Il ne devrait pas y avoir de différence mais il y en a quand même une.

Je crains que mon problème reste insoluble.

Merci de votre aide; en prime, j'ai appris comment voir le code source sur un iPad.

Francois

La chose à vérifier c'est que le code source est identique que la valeur soit renseignée par le echo ou en dur (pas d'espace parasite, pas de caractère bizarre)

Si le code source généré est identique, c'est sûr que là, à part le sacrifice de poulet...

Excellente suggestion que je me suis empressé de vérifier.

En prenant comme exemple ce bouton:

Code:

---

1 2	<button type="button" onclick="javascript:window.close();" class="bouton98" ...

---

qui est défini dans la feuille de style par:

Code:

---

1 2	.bouton98 { width:<?=$widthmenu2?>%; height:<?=$heightimage1demi?>px; color .....

---

étant vérifié que les deux variables sont correctement valorisées.

J'avais un espace à chaque paramètre juste après le signe : et je les ai supprimés.

Aucun changement, les boutons n'apparaissent pas.

Par contre, avec ça:

Code:

---

1 2	.bouton98 { width:50%; height:150px; color ....

---

le bouton apparaît normalement.

Cette iPad est à la version 6.1.3.

Merci de vos réponses même si la solution n'est pas identifiée.

Francois

Honnêtement, à part enrouler ton iPad dans du jambon et danser autour sur un pied à la pleine lune, je vois pas trop comment résoudre le problème. :koi:
Faudrait p'tet poser la question à des spécialistes en iTruc...

Oui, je crains fort que ce problème n'ait pas de solution rationnelle.

Juste une petite chose supplémentaire qui m'étonne: quand je fais apparaître le bouton comme dit, le libellé du bouton n'apparaît pas.

Ce libellé: <?php echo $lib_ep2; ?>

Le remplacement de la variable par sa valeur ne serait pas correctement fait par Php dans le cas d'une iPad?

Ca parait sans queue ni tête.

Francois

Juste pour être sûre : ce à quoi tu accèdes depuis ton iPad, c'est bien un site web hébergé quelque part? Tu n'as pas mis le serveur php sur l'iPad ?

Ces pages accèdent à un site Web hébergé chez OVH depuis plusieurs années.

Les boutons s'affichent correctement en Windows, Mac, Linux, Android.

Francois

Une information complémentaire qui me revient: quand j'ai regardé le code source sur l'iPad, dans le code généré pour le bouton il n'y avait rien pour le libellé du bouton alors qu'il y aurait dû y avoir le mot Retour.

Ce libellé est exprimé: <?php echo $lib_ep2; ?>

Il est vraisemblable que, de la même manière, les dimensions du bouton décrites dans la feuille de style finissent de même, vides.

Tout se passe comme si ce que Php génère sur le serveur ne convennait pas à l'iOs.

Francois

Il faudrait commencer par simplifier ton problème en produisant le code le plus simple qui reproduise ton problème.

Pour l'instant dans tes messages je vois surtout beaucoup de choses incertaines non pas sur la cause mais sur le resultat même.

En prenant l'exemple de ce bouton98, j'ai présenté ce qui fonctionne concernant ses dimensions dans plusieurs environnements (Windows, ...).

J'ai également présenté comment ça arrive à fonctionner en iPad, montrant ainsi, je crois où se situe le problème.

J'ai pris un autre exemple, le libellé du bouton, qui conforte, je crois, le premier exemple.

Je suis prêt à répondre à toute question qui ferait avancer le sujet.

Francois

Réduis ton cas à sa plus simple expression.
Tu dis que tu n'es pas sûr que les feuilles de styles soient bonnes = enlève les.

Je crois mes feuilles de style bonnes car elles fonctionnent impeccablement depuis plusieurs années en Windows, Mac, Linux et récemment en Android; les boutons sont correctement dimensionnés et ils portent leur libellé.

Simplement, en iPad, ni les dimensions, ni les libellés des boutons ne fonctionnent.

Francois