Type de Champ Intéressant - HTML/CSS - Programmation
Marsh Posté le 26-05-2005 à 20:59:22
Je trouve ton idée intéressante.
Perso, je rajouterais un timer du genre, si le gars reste cliqué sur la souris, arrivé à +10, ça change l'incrément par 5 ou 10 au lieu de un.
Ensuite, je mettrais un bouton à gauche et un à droite, parce que là, ça ressemble à du Windows, mais c'est vraiment pas jolie et c'est vraiment petit.
Mais sinon, c'est une bonne idée.
Marsh Posté le 26-05-2005 à 21:01:57
ben le but était de faire comme un input de type Windows
pour les avoir tous les deux sur même coté.
et puis ce n'est qu'un brouillon, je me suis surtout porté sur le javascript
Pour le timer c'est ce que j'ai cherché à faire taleur mais je n'ai pas réussi, jvais retourner essayer ta manière de faire à toi. Moi j'essayai de modifier les intervales du timer. erf j'allais me lancer dans de la merde
ceci dit je rentre chez moi et je vous redit ca taleur
Marsh Posté le 27-05-2005 à 09:28:49
Et pour ceux qui n'ont pas JS d'active ?
Ce que je te recommande de faire, et de tout metre dans un fichier separe.
Ensuite ce fichier JS lorsqu'il est execute, va cherche tous les input de type texte ayant une certaine classe.
Une fois ces input trouves, le script va ajouter dynanimquement les boutons a cote ainsi que les evente handler necessaires.
Et voila, comme ca si ton visiteur n'as pas js, il ne voit pas ton nouveau controle, mais il peut quand meme utiliser le formulaire.
Marsh Posté le 27-05-2005 à 09:49:07
+1, les machins qui nécessitent JS doivent être affiché via JS. Sinon les gens sans verront 2 boutons inopérants.... Quoique..... Hum, ce qu'on pourrait faire, c'est qu'en cliquant sur les boutons, ça recharge le formulaire avec la valeurs dé/incrémentée
Marsh Posté le 27-05-2005 à 09:49:12
Je l'attendais celle là.
T'es pas bête mon biquet, jvais le faire de ce pas
Marsh Posté le 27-05-2005 à 09:55:16
heu techniquement comment compte tu écrire les boutons à coté du input ????
car niveau HTML ca donne ca :
<input name="MonInput" id="MonInput" class="ChampInc">
Donc Okay pour détecter le champ. Mais pour écrire dynamiquement à coté de ce champ ?
j'aurai mis alors plutôt un span ou un div de type inline de cette manière :
<input name="MonInput" id="MonInput" class="ChampInc">
<span class="ChampInc"></span>
et ensuite j'écris dedans
Marsh Posté le 27-05-2005 à 09:56:29
Deux petits input type="submit" (pour l'envoi pour ceux qui ont pas JS )
Marsh Posté le 27-05-2005 à 10:09:27
bon mon pti florentG tu n'as po pigé rhoooooooooo
c'est juste une amélioration du champ input de base.
Si le gars a des inputs avec des entiers dedans et qu'il cherche à les incrémenter. je pense que ma solution est bonne.
nullement je ne cherche à envoyer le formulaire sur le serveur.
imaginonsque le client veut mettre 31 à la Place de 30 dans le input
ben il a juste à cliquer sur le bouton.
et s'il veut ajouter 40, ben il reste appuyé sur le bouton.
même pas besoin de taper 40 dans le champ.
je trouve ca plus ergonomique.
et le gars qui n'as pas JS, ben il ne voit pas les boutons
Marsh Posté le 27-05-2005 à 10:23:22
Mais nan, c'est toi qu'a rien pigé Mes deux petits submits, après clique :
Marsh Posté le 26-05-2005 à 20:27:23
Je me suis dit qu'il manquait un type de champ utile sur le WEB
c'est un champ avec 2 petites flèches qui incrémente la case lorsque l'on appuie dessus, et qui s'autoincrémente lorsque on reste appuyé dessus.
Trêve de bavardage voici ce que ça donne :
http://gatsu.ftp.free.fr/html/testinput.html
au final je mettrai tout ceci dans une fonction PHP du genre
InputInc(NomduChamp, idChamp, valeurpardefaut)
Je me demande s'il y a des choses à améliorer dans la partie purement CSS et Javascript
Ou si certains d'entre vous avez des idées supplémentaires
Voici le code :
edit : Vala La version finale.
Je pensais faire du Javascript Object. Mais je crois que j'allais m'embrouiller dans n'importe quoi
Message édité par gatsusat le 27-05-2005 à 09:25:27