Discussion :

[didou518]

Bonjour a tous et désolé pour le titre pas très explicite...

Je vais essayer de faire mieux pour vous exposer mon soucis.

Je travaille actuellement sur la refonte d'un site contenant de très très nombreux affichages du type :
titre -> donnée
Actuellement construit en <table> j'en profite pour le passer en <div>
J'ai donc des blocs du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div style="float : left">Titre</div>
<div style="float : left"><input name=date value="data"></div>
<div style="clear : both;"></div>

Et vu qu'ils ont tous la même structure je me suis dis : pourquoi je mettrais pas ça en fonction ?

Un fonction qui ferais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function afficher($gauche, $droite){
   echo '<div style="float : left" class="colGauche">'.$gauhe.'</div>
           <div style="float : left" class="colDroite">'.$droite.'</div>
           <div style="clear : both;"></div>'
}

Je gagne un maximum de lignes de codage grâce a ça.

En revanche je me retrouve a devoir mettre toutes mes "données HTML" dans des chaines qui correspondent à la partie $droite.
Dès fois des <select> ou bien d'autres choses mangeuses d'espace (bien que la plupart du temps cela se résume à un <input>.

J'y suis venu quand sur le premier fichier que j'ai traité, je me suis retrouvé avec 10 enchainements comme le premier bloc que je vous ai montré.

Mais mon fichier ne ressemble plus du tout à un fichier HTML, mais plutot à une suite de code PHP.

Bref, cette manière de coder est-elle adéquate ? Ou bien je fais complètement fausse route ?

Merci d'avance de vos réponses

[TiEuAM]

Bien sure que cette "manière" est la bonne, sur ce principe la en tout cas, c'est notamment une des raison pourquoi à été conçu php, créer du contenu dynamiquement.

A toi d'approfondir tout ca afin d'organiser encore mieux ton code php pour créer ta page.

[Deallyra]

Hum...

Ton code gagne en lisibilité certes... Encor que...

Instancier les variables $droite et $gauche pour les envoyer à la fonction...

Mais bon, ce n'est pas le plus gênant et je dirais même qu'on s'en fiche.

Ce qui me gêne vraiment, c'est que tu envoies tout ton code HTML au serveur pour qu'il le traite...

Et là, je contredis formellement TiEuAM.

Cette manière de faire n'est pas bonne selon moi.

Je te conseille plutôt d'organiser ton code HTML en bloc avec des commentaires si tu cherches à gagner en lisibilité.

Avec la méthode que tu souhaiterais employer, tu auras moins de lignes de code mais un page qui s'affichera après un délais plus long.

[Dendrite]

Plutôt de l'avis aussi que ça n'est pas la fonction de PHP...

Tu sembles vouloir chasser une mouche avec un fusil mitrailleur...
Gare aux dégâts collatéraux.

Tu as mis "CSS ?" dans ton titre, je crois qu'on s'en approche plus.

Je n'ai pas la structure de ta page sous les yeux, donc pour les détails j'ai du mal, mais voici en gros l'idée :

html et css sont du simple langage d'affichage.

html se charge du sens de l'affichage. css se charge du style.

donc là je trouve que c'est plutôt à ce niveau que les problèmes se répartissent dans tes exemples.

Ton html donnerait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="titre">Ma liste</div>
<div class="ligne">et encore une</div>
<div class="ligne">et encore une</div>
<div class="ligne">et encore une</div>
<div class="ligne">et encore une</div>
<div class="ligne">et encore une</div>
<div class="clear">&nbsp;</div>

Et rien d'autre au sein de tes balises que les classes de style CSS personnalisées... Bien sûr, entre deux balises, ton html j'imagine, a un contenu différent à chaque ligne.

Ta feuille css externe, je ne te donne pas d'exemple, je te laisse bosser CSS...

Il y a beaucoup de répétitions ? Et alors ? Le copié-collé a été inventé pour ça !
Par contre, chaque ligne correspond à une ligne d'affichage... Le code est tout ce qu'il y a de plus fluide pour tous les navigateurs ravis.

Pour l'instant dans ce que tu dis, je ne vois pas de raison de mettre un langage de programmation tel que PHP... si toute cette page html est statique, si le contenu ne change pas régulièrement.

Si tu veux automatiser un site qui change de contenu à un endroit ou à un autre de temps en temps dans l'affichage de ton site, en clair, si tu commences à concevoir des variables, là il te faut PHP.

PHP est donc un langage de programmation, dérivé du C, et qui n'est pas compilé mais interprété... Néanmoins, c'est de la programmation. Certes, il ne fait que produire du html, mais du html 'variable' dirons-nous, qui doit changer tout seul à certains chargements de page, selon des critères que tu lui as défini, si tu veux...

Je ne vois pas cela pour l'instant dans ta problématique...

C'est mon avis et je le partage en tout cas.

PS : la question qui tue :Re-demande-toi pourquoi tu veux changer ton site. Tu affirmes 'pour transformer les tableaux en div'... Ah... Et pourquoi ? Si la réponse est 'parce que c'est la mode' ou 'parce que Hector mon voisin m'a dit que c'était plus mieux'... Dis-toi que ce n'est sûrement pas suffisant comme motivation...

[Deallyra]

Pourquoi mettre des divisions plutôt que des tableaux?

Parce que les tableaux pour la mise en forme c'est le mal.

Ca fait déjà un gros point ^^

En restant plus terre à terre, meilleure lisibilité du code et maintenance plus aisée.

[ThomasR]

De façon plus générale, l'utilisation de tableaux pour la mise en forme pose des soucis majeurs :

Un tableau doit contenir des données tabulaires, les lecteurs vocaux lisent les données tabulaires de façon carthésienne, à savoir, lecture des entêtes, puis lecture des occurences colonne/ligne. Ton site sera donc lu par les mal-voyants comme si il contenait des données sous forme d'un tableaux, en gros il sera incompréhensible, innaccessible.


Aussi, il est important de savoir que les moteurs de recherche n'indexe pas le contenu des tableaux imbriqués (c'est le cas pour Google également).