Modifier une page dynamiquement coté client - HTML/CSS - Programmation
Marsh Posté le 11-09-2008 à 16:46:25
le plus simple, c'est de créer tous les champs et les coller dans des div avec un style "display: none;"
ensuite, t'as juste à changer le display lorsque tu coche ou décoche une checkbox. tu leur donne par exemple à tes checkbox un id="PersonneXXX", et tes div un id="DivXXX" avec XXX égaux pour le div se rapportant à une checkbox. ainsi il sera très aisé en JS de récupérer le XXX en question et effectuer la bonne oppération.
et côté serveur, tu ne traîte que les input correspondant à un "PersonneXXX" reçu en paramètre (les checkbox non cochées ne sont pas transmises au moment du post du formulaire)
Marsh Posté le 11-09-2008 à 16:49:14
oui effectivement j'y avais pensé mais je trouvais pas ça très propre.
J'avais aussi pensé construire les input avec une fonction javascript qui fait des document.write() mais curieusement ce qui est écrit l'est sur une nouvelle page vierge et non dans ma page à l'endroit où je veux.
Marsh Posté le 11-09-2008 à 16:53:53
surtout, c'est bien plus goret d'après moi.
éventuellement, si tu veux modifier ton flux HTML, passes par DOM, mais c'est vraiment se compliquer la vie pour rien
Marsh Posté le 11-09-2008 à 16:59:45
ok éventuellement si je trouve rien d'autre je ferrais ta méthode. Mais si quelqu'un à d'autres idées je suis preneur.
Marsh Posté le 11-09-2008 à 17:03:20
déjà, indique avec quel langage serveur tu travailles.
même si c'est pas franchement côté client, .NET a par exemple de très bonnes solutions alternatives pour faire ce que tu veux en toute simplicité
Marsh Posté le 11-09-2008 à 17:22:10
Je fais du php.
Pour ta méthode comment tu fais pour que les DIV soient initialement invisibles ? La fonction javascript qui permet de les afficher ou de les cacher suivant l'état coché ou non de la box est:
document.getElementById(id_div).style.display = condition ? 'block' : 'none';
Marsh Posté le 11-09-2008 à 18:52:39
ben soit tu leur affecte une class CSS qui contient "display: none;" soit tu leurs met un attribut style="display: none;"
Marsh Posté le 11-09-2008 à 20:34:57
Code :
|
Attention jQuery est une vrai drogue, leur slogan étant : "write less drink more !", attention a votre foie !
Sinon je ne sais même plus changer un attribut css en javascript pur, mais ça se fait
Marsh Posté le 13-09-2008 à 12:17:47
Finalement je vais employer cette méthode:
Code :
|
Comme expliqué dans ce sujet: http://forum.hardware.fr/hfr/Progr [...] 7875_1.htm qui posait exactement la même question que moi... mais qui n'a pas eu les mêmes réponses !
Marsh Posté le 13-09-2008 à 14:49:51
Attention, le code correct est celui ci :
Code :
|
Marsh Posté le 13-09-2008 à 17:22:16
exact la console de firefox indiquait effectivement que pour respecter je sais plus quelle norme il faut faire un getElementById() plutôt que d'avoir l'id en dur...
Marsh Posté le 17-09-2008 à 15:14:31
Savez vous comment je peut inclure du code php dans du javascript, pour que l'inclusion de code HTML soit "dynamique" ?
Marsh Posté le 18-09-2008 à 08:53:50
ouais mais le problème c'est que j'écris pas les scripts directement dans les pages mais je fais une inclusion d'un fichier .js.
Autre question, est-il possible d'écrire un code qui rende possible le retour en arrière dans ce que tu a écrit plus haut. Admettons qu'on ajoute 3 inputs en cliquant sur un lien, est il possible de faire un lien qui appellera une fonction javascript qui pourra supprimer le dernier input ajouté ?
Marsh Posté le 18-09-2008 à 11:15:48
Générer du javascript via du PHP c'est juste la chose la plus laide qui puisse exister.
La seule chose à laquelle tu pourrais avoir le droit, c'est de générer un joli objet contenant tous les paramètres que bibi il a besoin pour faire tourner son JS :
Code :
|
Mais là ça reste encore super moche.
LA solution la plus sexy serait d'avoir un obj PHP rempli des valeurs que tu veux retrouver en JS
et après tu fais un simple :
Code :
|
et voila
Marsh Posté le 18-09-2008 à 14:28:08
Ok et sinon pour la possibilité de revenir en arrière dans l'ajout des champs input avec ce code:
Code :
|
?
Marsh Posté le 18-09-2008 à 14:54:23
document.getElementById('addInput').innerHTML += '<input type="text" name="name[]" /><br />\n';
c'est un peu plus rapide hein
mais sinon en general on code ce genre de chose en pur dom
Marsh Posté le 18-09-2008 à 16:18:41
Qu'est ce que tu entends pas "un peu rapide" ? Ca veut dire quoi coder en pur DOM ?
Sinon t'as pas une idée pour supprimer des rajouts faits de cette façon ?
Marsh Posté le 18-09-2008 à 18:41:10
gatsu35 a écrit :
|
bah je ne l'ai jamais fait je répond juste à sa question
Marsh Posté le 11-09-2008 à 16:36:51
Bonjour à tous,
Dans un formulaire html j'ai une liste de personnes a cocher. On peut cocher 1 où n personnes parmi les choix (ce sont des checkbox).
J'aimerais qu'à chaque fois qu'une personne est cochée un composant html de mon choix soit écrit dans le formulaire, par exemple un nouveau champ texte correspondant à la personne pour rentrer des informations sur cette personne. Informations qui devront évidemment être soumises avec le reste du formulaire le moment venu.
Je pensais faire ça avec un script JavaScript qui serait invoqué à chaque fois qu'une checkbox est cochée ou décochée, mais je sais pas trop comment m'y prendre...
Si vous pensez que mon problème peut se traiter avec autre chose que des chekboxes ça me gêne pas de faire autre chose du moment que l'idée est respectée.
Voilà, si vous avez des idées !