Est il possible de creer ce type de page avec html/javascript/php
Est il possible de creer ce type de page avec html/javascript/php - HTML/CSS - Programmation
Marsh Posté le 04-11-2005 à 10:20:12
un truc dans ce genre là:
Code :
|
Marsh Posté le 04-11-2005 à 10:29:01
heuuuuuuuuuuu
et de ce genre là pour l'arborescence en gardant un code HTML propre et ensuite en JS tu ajoute ou supprime des éléments
http://gatsu.ftp.free.fr/html/Exem [...] cence.html
---------------
Les CSS c'est bon mangez-en
Marsh Posté le 04-11-2005 à 13:41:35
Merci pour vos reponses.
En essayant de me demerder, j'ai reussi a pondre ca : http://chaenel.free.fr/
Finalement ca sortait pas si mal que ca 
Par contre, je vais essayer d'implanter les <fieldset>, je ne connaissais pas et ca a l'air plus plus pratique que mes tableaux !
L'etape suivante c'est de faire une arborescence comme sur ton lien gatsusat, c'est vraiment tres propre 
Il me suffirait de modifier juste un peu le code pour qu'un clic sur les elements de l'arbre appelle ma fonction qui remet a jour l'etat enable/disable des boutons.
Message édité par nlc le 04-11-2005 à 13:42:53
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Marsh Posté le 04-11-2005 à 14:40:51
les tableaux c'est moche
si tu veux faire un truc aussi propre que moi sache qu'il te suffirait juste de faire appel à des fonctions comme appendChild, document.createElement. et autres trucs du genre.
Faudrait aussi créer en parallèle la chose que tu as déjà fait afin de faire un effet formulaire.Bien evidement cette chose serait alors cachée dans le code. ou simplement un input type="hidden"
---------------
Les CSS c'est bon mangez-en
Marsh Posté le 04-11-2005 à 14:45:55
sans vouloir être mechant, tu aurais pu creer tes éléments en HTML proprement. et ensuite faire les modifs via du JS les doigts dans le PIf
car là du document.write c'est obsolète et dépassé depuis des années
---------------
Les CSS c'est bon mangez-en
Marsh Posté le 04-11-2005 à 14:51:46
| gatsusat a écrit : les tableaux c'est moche |
Ouais je sais bien que les tableaux c'est moche 
Mais le truc que c'est que fais 2 pages html par an, et que j'ai pas du tout suivi l'evolution !!
Mais bon en meme temps cette page est prevue pour un administreur, qui utilisera la page quelques dizaines de fois par an.
Donc pour l'instant je vais faire un truc qui marche, ensuite j'essaierai de rendre le code plus propre, et d'avoir une page plus esthetique.
En tout cas j'ai bien vu qu'il y a moyen de faire des arborescences super design !
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Marsh Posté le 04-11-2005 à 14:55:47
| gatsusat a écrit : sans vouloir être mechant, tu aurais pu creer tes éléments en HTML proprement. et ensuite faire les modifs via du JS les doigts dans le PIf |
C'est ce j'avais fais au debut, mais je trouve que le code html est illisible.
Là au moins je peux separer en blocs, mettre des commentaires plus facilement, etc...
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Marsh Posté le 04-11-2005 à 15:02:44
au contraire si tu fais un code HTML propre, là il devient super lisible justement.
regarde mon menu en arborescence que je t'ai donné.
c'est jsute du UL LI A .... imbriqués.
et avec du Javascript je le parcours comme un malade
---------------
Les CSS c'est bon mangez-en
Marsh Posté le 04-11-2005 à 15:14:21
Peut etre mais comme je l'ai dis plus haut, je ne suis pas concepteur de site, je n'y connais rien et je fais 2 pages par an, donc je n'ai pas evolué avec les nouveaux tags et les nouvelles possibilités.
De plus, si je fais comme ça c'est sans doute par ce que je suis dans l'informatique industrielle et que je developpe du C a longueur de journée.
Et plutot que de faire une enorme fonction qui fait 200 lignes avec des boucles imbriquées ou des trucs comme ca, je prefere la scinder en plusieurs fonctions avec plusieurs niveaux de "couches".
Message édité par nlc le 04-11-2005 à 15:15:09
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Marsh Posté le 04-11-2005 à 15:18:06
Sinon, pourrais tu me montrer comment tu aurais ecris la page html que j'ai mis en exemple ? En gardant le systeme du select pour l'arbo, et le systeme de la variable arbo qui contient l'arboscence si possible, que que je puisse bien comprendre les differences ?
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
![[:chenaillou]](https://forum-images.hardware.fr/images/perso/chenaillou.gif "[:chenaillou]")
Marsh Posté le 04-11-2005 à 15:29:16
| dwogsi a écrit : Comme ca tu a ton code sans rien faire c'est ca? |
Heuuuu, au cas ou tu avais pas remarqué, j'ai deja un code qui tourne !
C'est moi qui l'ai fait, na ! 
Le truc c'etait juste pour voir la difference.
Sinon j'ai approfondi ta page de menus gatsusat, et meme si la partie menu est simple, <ul>, <li>, etc...
le reste me parait tres tres tres complexe car il faut etre un pro en CSS pour definir les styles, et tes fonctions javascript font des trucs que je n'imaginais meme pas qu'on puisse faire !!
Il me faudrait passer des heures pour trouver le moyen de faire la moindre bricole avec ce systeme, meme si c'est plus propre.
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Marsh Posté le 04-11-2005 à 15:41:05
| nlc a écrit : Il me faudrait passer des heures pour trouver le moyen de faire la moindre bricole avec ce systeme, meme si c'est plus propre. |
Certe, mais c'est un temps perdus au début pour du temps gagné ensuite à chaque nouveau script que t'auras à faire.
Marsh Posté le 04-11-2005 à 15:47:56
| nlc a écrit : Heuuuu, au cas ou tu avais pas remarqué, j'ai deja un code qui tourne ! |
Désolé c'est l'habitude, on est vendredi...
---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Marsh Posté le 04-11-2005 à 15:48:33
Je sais bien, c'est que je me tue a repeter a tous les programmeurs avec qui j'ai affaire !!! :-D
Mais là c'est quand meme du costaud de se lancer la dedans alors que je ne connais que le stric minimum du html.
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Marsh Posté le 04-11-2005 à 15:52:33
Alors il faudrait peut être passer par un apprentissage plus approfondi avant de t'attaquer à ce genre de choses?
C'est le processus logique, mais bien entendu tu fais comme tu le sent.
---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Marsh Posté le 04-11-2005 à 15:59:03
dwogsi, on a quand même à faire à quelqu'un qui sait coder, pas à un gus qui vient avec un script tout fait.
il faut juste lui indiquer comment faire correctement.
aller pose tes question on est là pour ça !
---------------
Les CSS c'est bon mangez-en
Marsh Posté le 04-11-2005 à 16:08:57
Ben en fait mon probleme est reglé, car finalement j'ai un truc qui tourne. C'est moche, certe, mais je vais finir le bestiau complet avant de faire un design plus propre.
J'essaierai a ce moment là de me pencher plus en detail sur les feuilles de style CSS, et la priorité sera de changer la representation de l'arborescence par les magnifiques arborescence que gatsusat a mis en lien.
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );
Sujets relatifs:
- Comment créer une galerie d'articles en ligne style ikea
- [Javascript] set handler dans une classe
- ecriture variable en javascript
- Javascript qui contrôle la taille d'ouverture d'une fenêtre
- ASP pb pour créer un lien qui inclueraient une page dans un tableau
- Créer une architecture plugin
- Création fichier html
- actionlistener : 1 seule action possible ?
- [Javascript]2 Frame, fermer/ouvrir celle de gauche[Résolu]
Marsh Posté le 03-11-2005 à 17:52:47
Bonjour a tous
Bon ma question est un peu compliquée, je vais essayer de faire le plus simple possible.
Admettons sur un serveur web l'arborescence de fichiers suivants :
./groupe1/boitiers.txt
./groupe2/boitiers.txt
./groupe3/boitiers.txt
./groupe4/boitiers.txt
etc..
Chaque fichier boitiers.txt contient une liste de noms de boitiers, par exemple :
boitier_1
boitier_2
boitier3_3, etc...
Je voudrais creer a partir de là une page qui va me permettre de manager mes boitiers, c'est a dire :
- Creer un nouveau groupe de boitier ( Revient a creer un nouveau dossier sur le serveur contenant un fichier boitiers.txt vide )
- Renommer un groupe ( Revient a renommer un repertoire )
- Effacer un groupe de boitier ( Revient a effacer un repertoire )
- Creer un nouveau boitier dans un groupe ( Revient a rajouter dans le bon fichier boitiers.txt une ligne avec le nom du boitier )
- Renomer un groupe ( Revient a changer une ligne dans le bon fichier boitiers.txt )
- Effacer un boitier ( Revient a effacer la bonne ligne du fichier boitiers.txt du bon repertoire )
Toute cette partie là, j'arrive a me demerder en php, j'ai deja ecrit un fichier qui execute toutes ces fonctions et qui s'appelle groupes.php
Par exemple :
groupes.php?erase=groupe1 --> Efface le groupe "groupe1"
groupes.php?new=groupe2 --> Crée un nouveau groupe "groupe2"
etc...
Ce que je ne sais pas faire, c'est la mise en page.
Je voudrais realiser un truc de ce type :
http://chaenel.free.fr/capture2.jpg
Donc en fait on represente graphiquement l'arborescence, que l'on peut developper ou envelopper, et selon l'element de l'arbre que l'on clique, on active ou on desative les boutons d'actions.
Par exemple, si je selectionne "Architecture du site", on ne peut qu'utiliser le bouton "Groupes/nouveau"
Si je clique sur un boitier, on ne peut que le modifier ou l'effacer.
etc...
Pour que la page html connaisse l'arborescence du site, je pense faire un script php qui sorte ce genre de chose :
<script language="JavaScript">
var arbo = new Array();
arbo.push( new Array( "Groupe1", "Boitier1", "Boitier2", "Boitier3", "Boitier4" ) );
arbo.push( new Array( "Groupe2", "Boitier11", "Boitier12", "Boitier13", "Boitier14" ) );
etc..
</script>
En fait on aurait donc un tableau qui repertorie les groupes sous forme de tableau, avec dans la 1ere case le nom du groupe, et dans les suivantes chaque boitiers faisant parti du groupe.
J'ai fais une petite page qui imite relativement bien ce que j'ai decris ci dessus : http://chaenel.free.fr/groupes.php
Mais comme vous pouvez le constater, c'est trop moche !! De plus, on peut pas envelopper/developper les arborescences
Comment je pourrais-je faire un truc plus joli ?
---------------
char table[] = {112,114,105,110,116,102,40,34,37,99,37,99,37,99,34,44,49,49,48,44,49,48,56,44,57,57,41,59,0}; char* tablePtr = table; while(*tablePtr) printf( "%c",*tablePtr++ );