[formulaire] dynamique [résolu, merci bl@p] + imput personnalisé

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [formulaire] dynamique [résolu, merci bl@p] + imput personnalisé

joyeuxlutin

bonjour je voudrais creer un formulaire (on m'a dit que ct en javascript)
je vais expliquer par un exemple :

menu déroulant : 1
2
3

ensuite si 1 => une case à cocher ou non
si 2 => un choix entre 2 cases
si 3 => un champ de texte de taille 10

comment dois-je faire?

2eme question:
Dans mon formulaire je voudrais pouvoir mettre un champ du type
50% blanc 50% noir => si on augmente le blanc, ça diminue le noir automatiquement. avec un graphique une regle graduée en haut de 0 à 100 et un bas de 100 à 0 et que l'on puisse faire bouger le curseur... :pt1cable:

merci de votre aide
ciao

JL :bounce:

Message édité par joyeuxlutin le 02-08-2005 à 22:23:05

Publicité

bl@p_psx

Admin G15-france

t'a pas un debut de code ??

[SPECIAL M ORHTOGRAPHE]
tu n'aurais pas un début de code ?
[/SPECIAL M ORHTOGRAPHE]

Message édité par bl@p_psx le 02-08-2005 à 14:24:17

---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.

joyeuxlutin

c justement ça que je cherche, un début de code :s j'ai trouvé vaguement un script qui pourrai me servir mais bon...

Code :

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<head><title>Test de formulaire dynamique</title></head>
<body>
<script language="javascript">
function add_line(){
document.getElementById('toto').innerHTML = '<input type="text" value="aaaaa" />';
}
</script>
<input class="button" type="button" name="TEST" id="TEST" value="Cliquez-moi" onClick="add_line()"/>
<div id="toto"></div>
</body>
</html>

mais je ne vois pas comment l'arranger pour mon cas
de plus ça ne réponds pas à ma 2eme question :whistle:

bl@p_psx

Admin G15-france

detaille un peu plus le point 2

sinon, pour le point 1, tu creer ton formulaire entier, avec, dans des div separer les parties "visible" "cas1" "cad2" et "cas3" ( en veillant a mettre des id differents pour chaque cas )

en CSS tu cache les divs ( display:none )
puis en JS, en fonction de ce qui est selectionner, tu change le display ...

@+

---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.

joyeuxlutin

ah ouééééé bonne idée pour le CSS, pour la fonction javascript je vois pas trop (je suis une breloque en javascript)
si quelqu'un pouvait me la faire :sweat: :sweat: :sweat:

pour la question 2 :

Code :

blanc 50%
--------|--------
noir : 50%
blanc 100%
|----------------
noir : 0%

avec le | qui es le curseur

bl@p_psx

Admin G15-france

et ca change quoi au niveau d'eventuelle variables ??

Message édité par bl@p_psx le 02-08-2005 à 21:04:13

---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.

bl@p_psx

Admin G15-france

bon, voilà un code qui fonctionne, pas terrible ( accessibilité .... ) mais je suis pas doué en JS non plus ...

visible ici : http://blap.serveftp.com/test/index.php

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>test</title>
<script type="text/javascript">
function efface() {
for(i=1;i<4;i++) {
var div_cache = document.getElementById('cas'+i);
div_cache.style.visibility = 'hidden';
}
}
function affiche(id) {
var id = id.substr(3,6)
var div_cache = document.getElementById(id);
efface();
div_cache.style.visibility = 'visible';
}
</script>
</head>
<body>
<div id="form">
<form name="formulaire" method="post" action="index.php" enctype="multipart/form-data">
<div id="visible">
<select name="id_cat" onchange="affiche(this.options[this.selectedIndex].id)">
<option> </option>
<option id="id_cas1">Cas1</option>
<option id="id_cas2">Cas2</option>
<option id="id_cas3">Cas3</option>
</select>
<div id="cas1">
<label for="chexbox_cas1">Cas1</label><input type="chexbox" id="chexbox_cas1" name="chexbox_cas1" value="chexbox_cas1"/>
</div>
<div id="cas2">
<label for="radio_cas2">Cas2-1</label><input type="radio" id="chexbox_cas1" name="chexbox_cas1" />
<label for="radio_cas21">Cas2-2</label><input type="radio" id="chexbox_cas2" name="chexbox_cas1" />
</div>
<div id="cas3">
<label for="">Cas3</label><input type="text" id="buton_cas3" name="bouton_cas3" size="10" />
</div>
<input type="submit" name="envoyer" />
</div>
</form>
</div>
</body>
</html>

---------------
:Moultiplayers:.:Quatuor Chevalier:.:Admin G15-france.com:.:Wiki -G15-france:.:-Papa-:.

joyeuxlutin

merci bcppppppppppppppppppppppp :love:

Pr la question 2 bin on va dire qu'il y a une variable blanc et une noire.
Quand tu fais varier le curseur ça change les variables.
Simplement ce que je veux c'est qu'elles soient liées de la manière ci-dessus je sais pas si t'as compris, sinon j'explique d'une autre manière

En fait je vais m'en servir pr la création d'un jeu. Tu pourra creer tes unités, et par exemple les attributs seront liés del a manière suivante.
Vitesse = 1 - armure d'ou l'interet pour rendre ceci plus ludique de creer une sorte de barre avec un curseur

Message édité par joyeuxlutin le 02-08-2005 à 22:14:59

FORUM HardWare.fr

Programmation

HTML/CSS

[formulaire] dynamique [résolu, merci bl@p] + imput personnalisé

Sujets relatifs
recherche de données d'une bd via un formulaire	STL - multimap - ou le mystère de l'iterator perdu (non résolu)
plusieur formulaire	[JavaScript] Concaténer des chaines pour faire un nom de var. [Résolu]
[php] [RESOLU] probleme de tableau	[php] [RESOLU] lancer un fichier excel avec un header
Créer un mini formulaire qui listerait automatiquement !	pb de requête [RESOLU]
Problème formulaire mail et bouton radio	UPDATE d'une table à partir d'un formulaire
Plus de sujets relatifs à : [formulaire] dynamique [résolu, merci bl@p] + imput personnalisé

Page générée en 0.075 secondes