comment faire ca sur un site web ?? - HTML/CSS - Programmation
Marsh Posté le 23-04-2002 à 19:59:27
evenement onclick et utilisation du style "display" ou "visibility" au choix...
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.
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
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...
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 |
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
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...
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" :-)
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 :-]
Marsh Posté le 23-04-2002 à 23:45:33
arghh toute suite du negatif...
tu serais pas un peu pessimiste toi ?
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...
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... |
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 ?
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
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 :-] |
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? |
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)
Marsh Posté le 24-04-2002 à 11:07:02
greg@freestarthu a écrit a écrit : 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 ?
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>
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 )
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 ??"
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ô
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 ??" |
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
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
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 |
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.
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 ??