comment faire ca sur un site web ??

comment faire ca sur un site web ?? - HTML/CSS - Programmation

Marsh Posté le 23-04-2002 à 19:50:13    

voila je souhaiterai sur une page web avoir un formulaire, et ds ce formulaire une case a cocher, si cette case est cochee alors on affiche un formulaire plus bas dans la page, sinon non
c possible de faire ca ??

Reply

Marsh Posté le 23-04-2002 à 19:50:13   

Reply

Marsh Posté le 23-04-2002 à 19:51:25    

Oui en JS, pour le code, je ne c pas de tete  :hello:

Reply

Marsh Posté le 23-04-2002 à 19:54:43    

cool, et ca va marcher sans faire de bouton envoyer ?

Reply

Marsh Posté le 23-04-2002 à 19:59:27    

evenement onclick et utilisation du style "display" ou "visibility" au choix...

Reply

Marsh Posté le 23-04-2002 à 20:10:09    

En fait, tu aurais un seul formulaire, avec certains champs qui sont cachés ou pas lorsque tu (dé)coches la cache.

Reply

Marsh Posté le 23-04-2002 à 20:10:39    

bjbebert a écrit a écrit :

En fait, tu aurais un seul formulaire, avec certains champs qui sont cachés ou pas lorsque tu (dé)coches la cache.  




ouaip c ca

Reply

Marsh Posté le 23-04-2002 à 20:21:40    

y'a personne pour m'expliquer comment ?

Reply

Marsh Posté le 23-04-2002 à 21:05:06    

Goueg a écrit a écrit :

evenement onclick et utilisation du style "display" ou "visibility" au choix...  




cherches ca dans les tutoriaux...

Reply

Marsh Posté le 23-04-2002 à 21:45:28    

Je@nb a écrit a écrit :

Oui en JS, pour le code, je ne c pas de tete  :hello:  




 
Deux petites remarques:
1/Ca ne marchera pas avec tous les browsers (si c le cas, dites moi comment), en tous cas pas sur des 4.xx (avec ou sans layers)
 
2/Ca marchera encore moins avec les browser qui n'ont pas le JS enabled. Ca coute rien un petit submit
 
Moi ce que je ferais si vraiment on veut pas submiter, c'est au lieu de 'cacher' le champ a ne pas remplir si la case n'est pas cochée (j'ai bien suivi?), je mettrais ce champ en "DISABLED", et sur l'event onChange de la checkbox, je le switch en enabled. Resultat, ça marchera sur tous les browsers: ceux qui ont le JS et les capacités d'enabler/disabler un champ ne pourront pas editer le champ qd ils ne peuvent pas, et pour les browsers qui n'ont pas js, eh bien ils n'y verront que du feu et le contenu du champ qui aurait du etre disablé sera de ttes façons ignoré par ton cgi/ta servlet.
 
(ET PAR PITIE ARRETER DE FAIRE DES SUBMIT EN JS BORDEL DE DIEU >:-O

Reply

Marsh Posté le 23-04-2002 à 21:49:27    

ouaip mais en fait c pas ce ke je veux
expl :  
nom :
prenom :  
avez vous des enfant : [oui] [non] -> boutons
  -> si oui, on affiche combien :
  -> si oui, on affiche date de naissance
 
avez vous des animaux
etc...

Reply

Marsh Posté le 23-04-2002 à 21:49:27   

Reply

Marsh Posté le 23-04-2002 à 22:08:47    

swich a écrit a écrit :

ouaip mais en fait c pas ce ke je veux
expl :  
nom :
prenom :  
avez vous des enfant : [oui] [non] -> boutons
  -> si oui, on affiche combien :
  -> si oui, on affiche date de naissance
 
avez vous des animaux
etc...  




 
moi je t'avais bien compris donc j'ai du mal m'expliquer :))
de toutes façons si tu veux mon avis, le mieux c encore d'afficher ces champs en permanence, et d'ecrire en label "si oui, combien" au lieu de simplement "combien" :-)

Reply

Marsh Posté le 23-04-2002 à 22:36:56    

ouaip, mais bon, ca fait moins classe

Reply

Marsh Posté le 23-04-2002 à 23:15:55    

swich a écrit a écrit :

ouaip, mais bon, ca fait moins classe  




 
c'est vrai que c'est super classe les messages d'erreur js, et encore plus classe quand ton formulaire veut pas submiter :-]

Reply

Marsh Posté le 23-04-2002 à 23:45:33    

arghh toute suite du negatif...
tu serais pas un peu pessimiste toi ?
 ;)

Reply

Marsh Posté le 23-04-2002 à 23:59:12    

greg@freestarthu a écrit a écrit :

 
 
Deux petites remarques:
1/Ca ne marchera pas avec tous les browsers (si c le cas, dites moi comment), en tous cas pas sur des 4.xx (avec ou sans layers)
 
2/Ca marchera encore moins avec les browser qui n'ont pas le JS enabled. Ca coute rien un petit submit
 




 
Tu te foues de nous? Tu veux dire qu'il y a encore des paumés qui surfent avec des navigateurs utilisant l'ancien D.O.M et que même pire, il y a des gens qui surfent avec des navigateurs ne supportant pas le JavaScript?
 
Put1 même en afghanistan, ils en ont plus des merdes comme ça...
 
Tu sais un jour, il a fallut remplacer le boulier par la calculatrice et le gens ont du faire un peu de frais pour se payer des calculatrices. Maintenant si tu me dis que tu comptes toujours avec un boulier, c'est pas mon problème mais ne vient pas dire au gens de ne pas faire des additions compliqués sous pretexte que tu t'en sors pas avec ton boulier...

Reply

Marsh Posté le 24-04-2002 à 00:04:56    

Roco a écrit a écrit :

 
 
Tu te foues de nous? Tu veux dire qu'il y a encore des paumés qui surfent avec des navigateurs utilisant l'ancien D.O.M et que même pire, il y a des gens qui surfent avec des navigateurs ne supportant pas le JavaScript?
 
Put1 même en afghanistan, ils en ont plus des merdes comme ça...
 
Tu sais un jour, il a fallut remplacer le boulier par la calculatrice et le gens ont du faire un peu de frais pour se payer des calculatrices. Maintenant si tu me dis que tu comptes toujours avec un boulier, c'est pas mon problème mais ne vient pas dire au gens de ne pas faire des additions compliqués sous pretexte que tu t'en sors pas avec ton boulier...  




 :lol:  :lol:

Reply

Marsh Posté le 24-04-2002 à 00:25:59    

Roco a écrit a écrit :

 
Maintenant si tu me dis que tu comptes toujours avec un boulier, c'est pas mon problème mais ne vient pas dire au gens de ne pas faire des additions compliqués sous pretexte que tu t'en sors pas avec ton boulier...  




 
La minute culturelle : le boulier est encore une matiere obligatoire en primaire au Japon ... tu crois qu'ils surfent avec IE3.0 ? :lol:

Reply

Marsh Posté le 24-04-2002 à 01:47:37    

j ai pas tt suivis mais je crois que l evenement associé au chekbox est plutot "onChange()" et non pas onClick()
 
voila

Reply

Marsh Posté le 24-04-2002 à 09:36:27    

vi c bien possib, mais on va pas chipoter :D

Reply

Marsh Posté le 24-04-2002 à 09:39:33    

greg@freestarthu a écrit a écrit :

 
 
c'est vrai que c'est super classe les messages d'erreur js, et encore plus classe quand ton formulaire veut pas submiter :-]  




 
 :jap:


---------------
Just because you feel good does not make you right
Reply

Marsh Posté le 24-04-2002 à 11:05:09    

Roco a écrit a écrit :

 
 
Tu te foues de nous? Tu veux dire qu'il y a encore des paumés qui surfent avec des navigateurs utilisant l'ancien D.O.M et que même pire, il y a des gens qui surfent avec des navigateurs ne supportant pas le JavaScript?




 :gun:  
j'oserais pas voyons
mais si non, oui je veux dire qu'il y a "encore" des gens qui etc..
y'en a meme qui sont encore en dialup (oui, MOI)

Reply

Marsh Posté le 24-04-2002 à 11:07:02    

greg@freestarthu a écrit a écrit :

 
 :gun:  
j'oserais pas voyons
mais si non, oui je veux dire qu'il y a "encore" des gens qui etc..
y'en a meme qui sont encore en dialup (oui, MOI)  




 
tiens çà m'intéresse moi,
tu utilises koi comme navigateur et sous quel OS ?


---------------
Mes photos,Feed-Back HA/V
Reply

Marsh Posté le 24-04-2002 à 11:10:20    

normalement ça fct avec tout les browser :
 
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
 
function show()
{
 
if (document.getElementById) { // IE6 or NS6
    document.monformulaire.type.value= 'IE6 ou NS6';
    document.getElementById('mondiv';).style.visibility = "visible";
    document.getElementById('mondiv2';).style.visibility = "hidden";
   return;
}
 
if (document.all) { //IE
  document.monformulaire.type.value= 'IE';
  document.all["mondiv"].style.visibility='visible';
  document.all["mondiv2"].style.visibility='hidden';
  return;
}
if (document.layers) { //IE <6
  document.monformulaire.type.value= 'NS<6';
//  alert(document.layer["mondiv"].visibility);
  document.layer["mondiv"].visibility='show';
  document.layer["mondiv2"].visibility='hide';
  return;
}
 
}
 
function hide()
{
if (document.getElementById) { // IE6 or NS6
   document.monformulaire.type.value= 'IE6 ou NS6';
   document.getElementById('mondiv';).style.visibility = "hidden";
   document.getElementById('mondiv2';).style.visibility = "visible";
   return;
}
 
if (document.all) { //IE
 document.monformulaire.type.value='IE';
  document.all["mondiv"].style.visibility='hidden';
  document.all["mondiv2"].style.visibility='visible';
  return;
}
if (document.layers) { //NS
  document.monformulaire.type.value='NS<6';
  document.layer["mondiv"].visibility='hide';
  document.layer["mondiv2"].visibility='show';
  return;
}
 
}
 
function showAll()
{
 
if (document.getElementById) { // IE6 or NS6
    document.monformulaire.type.value= 'IE6 ou NS6';
    document.getElementById('mondiv';).style.visibility = "visible";
    document.getElementById('mondiv2';).style.visibility = "visible";
   return;
}
 
if (document.all) { //IE
  document.monformulaire.type.value= 'IE';
  document.all["mondiv"].style.visibility='visible';
  document.all["mondiv2"].style.visibility='visible';
  return;
}
if (document.layers) { //IE <6
  document.monformulaire.type.value= 'NS<6';
//  alert(document.layer["mondiv"].visibility);
  document.layer["mondiv"].visibility='show';
  document.layer["mondiv2"].visibility='show';
  return;
}
 
}
 
</SCRIPT>
 
 
</HEAD>
<BODY>
<FORM NAME="monformulaire">
<INPUT TYPE=BUTTON VALUE="Show ligne 1" onClick="show()" name="1">
<INPUT TYPE=BUTTON VALUE="Show ligne 2" onClick="hide()" name="2">
<INPUT TYPE=BUTTON VALUE="Show ALL" onClick="showAll()" name="3">
<INPUT TYPE=TEXT VALUE="" name="type">
 
<DIV ID="mondiv" >
  <INPUT TYPE="BUTTON" VALUE="Tout" name="3">
  <INPUT TYPE=RADIO  name="4" >ici
  <SELECT><OPTION>peut</SELECT>
  <TEXTAREA rows="1" cols="20">disparaitre</TEXTAREA>
</DIV>
 
<DIV ID="mondiv2">
  <INPUT TYPE="BUTTON" VALUE="Tout" name="5">
  <INPUT TYPE=RADIO name="6">ici
  <SELECT><OPTION>peut</SELECT>
  <TEXTAREA rows="1" cols="20">disparaitre</TEXTAREA>
</DIV>
</FORM>
</BODY>

Reply

Marsh Posté le 24-04-2002 à 11:12:59    

ethernal a écrit a écrit :

normalement ça fct avec tout les browser :
 
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
 
function show()
{
 
if (document.getElementById) { // IE6 or NS6
if (document.all) { //IE
if (document.layers) { //IE <6
 




et netscape 4 ça pue du f???
et mozilla?
et ie 3?
et konqueror?
et opera?
 
pour les os: win2K, win98, win95, win3.11, linux, macOS je sais pas combien. Et si je veux vraiment faire chier mon monde j'ajoute TOS (l'os de l'atari st) mais faudra que je lui trouve un browser :))

Reply

Marsh Posté le 24-04-2002 à 11:18:27    

greg@freestarthu a écrit a écrit :

 
et netscape 4 ça pue du f???
et mozilla?
et ie 3?
et konqueror?
et opera?
 
pour les os: win2K, win98, win95, win3.11, linux, macOS je sais pas combien. Et si je veux vraiment faire chier mon monde j'ajoute TOS (l'os de l'atari st) mais faudra que je lui trouve un browser :))  




 
c pas pcq j'ai mis "//IE" que ça ne fct que pour ie..., teste le sur les browser que tu veux et dis moi si ça fct...
je l'ai testé avec IE <4, IE >4, Netscape 4, Netscape >4, Opera 6.  Si je me souviens bien ça fctait... Pour les autres, dis moi si ça fct au lieu de me dire "et les autres ils puent ??"  :gun:

Reply

Marsh Posté le 24-04-2002 à 11:29:58    

ben moi j'ai essayé le menu DHTML que je viens de dev avec IE et NS6 pas de soucailles en utilisant à donf GetElementById justement par contre j'ai fais testé par un linuxien sous Konqueror et là çà marche pô :(


---------------
Mes photos,Feed-Back HA/V
Reply

Marsh Posté le 24-04-2002 à 14:18:26    

ethernal a écrit a écrit :

 
 
c pas pcq j'ai mis "//IE" que ça ne fct que pour ie..., teste le sur les browser que tu veux et dis moi si ça fct...
je l'ai testé avec IE <4, IE >4, Netscape 4, Netscape >4, Opera 6.  Si je me souviens bien ça fctait... Pour les autres, dis moi si ça fct au lieu de me dire "et les autres ils puent ??"  :gun:  




 
non ça ne marche pas sur tous ces browsers (pê certains)
ce que je voulais dire c'est que c'est po bien de faire de la segregation de browser:)

Reply

Marsh Posté le 24-04-2002 à 14:27:50    

oui je m'en doute, mais bon...  
 
La fonction que je propose permet l'utilisation d'une bonne série de browser, et est déjà plus compatible que la plupart des fonctions que tu trouveras sur le net réuni sur une seul page.  
Je l'avais fait pour un autre sujet de ce forum, mais la personne voulait qu'elle fct pour la plupart des browser (NS4, NS5,  NS6, IE4, IE5, IE6, Opera6).  Je n'ai pas su la tester avec tout les browser non plus  :(  
 
Elle ne demande qu'a être étoffée  :jap:

Reply

Marsh Posté le 24-04-2002 à 14:33:35    

ethernal a écrit a écrit :

oui je m'en doute, mais bon...  
 
La fonction que je propose permet l'utilisation d'une bonne série de browser, et est déjà plus compatible que la plupart des fonctions que tu trouveras sur le net réuni sur une seul page.  
Je l'avais fait pour un autre sujet de ce forum, mais la personne voulait qu'elle fct pour la plupart des browser (NS4, NS5,  NS6, IE4, IE5, IE6, Opera6).  Je n'ai pas su la tester avec tout les browser non plus  :(  
 
Elle ne demande qu'a être étoffée  :jap:  




 
je ne dis pas
le hic, c'est que le formulaire marchera pas du tout avec les autres browsers...
par contre, sans vouloir me la peter, la solution que je proposais (jouer sur l'attribut "disabled" ) marchera partout :)
(<wanker>de plus, d'un point de vue IU ça me parait plus coherent de "montrer" a l'utilisateur que des champs sont désactivés plutot que les cacher. si il les voit "inactifs", il sait que ces champs sont disponible dans certains cas... </wanker>
 
bref.

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed