Rechercher : dans
Par :

Formulaire et validation w3c ...

Dernière réponse le 14 sep 2008 à 21:58:21 leod, le 12 sep 2008 à 18:43:44 
 Signaler ce message aux modérateurs

Bonjour a tous

une petite question qui devrait pas poser trop de probleme mais je ne trouve pas comment faire !

je voudrai rendre un petit formulaire valide w3c . norme : xhtml1 strict

je vous passe les détails du formulaire , l'erreur se situe au niveau du "name" de form , c'est la seul erreur
je sais qu'il ne faut pas l'utiliser mais par quoi doit je le remplacer :

<form method="post" action="traitement.php" name="nous_contacter">
blabla ...

<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

</form>


voila , avec name ca marche mais c'est pas valide
avec id ca marche pas mais c'est valide

merci d'avance pour vos réponse

Configuration: Windows XP
Firefox 2.0.0.16

Meilleures réponses pour « formulaire et validation w3c ... » dans :
Outils de référencement en ligne VoirDes outils en ligne pour tous ! Liste ouverte à tous et qui ne demande qu'à grandir ... Vous informer sur votre positionnement Enregistrer votre site sur les moteurs Générateurs de mots clés en ligne Validations W3C Scripts d'échange...
[Webmaster] Un formulaire de contact pour votre site VoirCe formulaire permet d'avoir une page pour être contacté sur son site, sans utiliser de logiciel de messagerie. La personne qui vous contacte indique son adresse, l'objet du message et son message (évidemment). Le code est une version...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Servlets - Gestion des formulaires VoirIntroduction aux formulaires Les servlets rendent très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML, c'est-à-dire une interface graphique permettant à l'utilisateur de saisir des données. Grâce à la balise...
Bases de données - Utilisation de formulaires VoirUtilisation de formulaires Afin d'exploiter les bases de données, il faut fournir une interface à l'utilisateur lui permettant de visualiser des données en fonction de certains critères. Pour cela il existe un outil : les formulaires. Un formulaire...

1

Dalida, le 12 sep 2008 à 19:34:20

Salut,

et quelle est l'erreur ?

normalement, tu n'as pas besoin d'un "name" sur <form>.
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

2

leod, le 12 sep 2008 à 20:00:56

Oui justement l'erreur est l'utilisation du "name" (il ne faut pas)
je cherche donc un moyen de faire marcher mon bouton submit par un autre moyen

c'est pour ca que j'ai souligné name
il identifie mon form pour le javascript du bouton mais ce n'est pas valide !
je doit donc changer ca mais je ne sais pas comment

Répondre à leod

3

Dalida, le 12 sep 2008 à 20:02:08

Ben utilise un "id".
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

4

charlo100, le 12 sep 2008 à 20:02:50
Répondre à charlo100

5

Dalida, le 12 sep 2008 à 20:05:47
  • +3

Salut,

ce qu'il te faut c'est un correcteur d'orthographe !!!

et disparaît d'ici, on a pas besoin de toi, squatteur de discussion !
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

6

charlo100, le 12 sep 2008 à 20:07:09

Svp g des gro pb

Répondre à charlo100

7

Dalida, le 12 sep 2008 à 20:10:04
  • +3

Mais dégage de là, on n'a pas la réponse à ton problème et on parle d'autre chose !

et arrête d'écrire comme ça !!!
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

8

charlo100, le 12 sep 2008 à 20:11:17

Ok! s1pa les fr!

Répondre à charlo100

9

leod, le 12 sep 2008 à 20:22:03

Non ca ne marche pas avec un id dalida !
je ne sais pas pourquoi
j'ai pensé a ca tout de suite

ps : merci de faire le menage dans mon topic ^^

Répondre à leod

10

Dalida, le 12 sep 2008 à 21:49:57

Tu utilises quoi comme script JS pour soumettre le formulaire ?
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

11

leod, le 12 sep 2008 à 21:53:08

J'ai mis tout le code de ce que j'utilisais

Répondre à leod

12

Dalida, le 12 sep 2008 à 21:56:03

Lol !

j'aurais dû lire on aurait fini depuis longtemps !

il te faut un <input />, pas un lien :

<form method="post" action="traitement.php">
	<!-- blablabla -->
	<input type="submit" value="Envoyer"/>
</form> 
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

13

leod, le 13 sep 2008 à 00:01:07

Oui je sais très bien ^^
evidement ca marche avec un input
mais j'essaye de corser un peu la difficulté pour un bouton avec un jolie design :p
donc il doit y avoir un moyen pour faire marcher ca avec un lien !

disons que en lien avec (name) ca marche
input ca marche

mais id a la place de name marche plus ...

Répondre à leod

14

Dalida, le 13 sep 2008 à 00:03:50
  • +1

Pour "corser un peu la difficulté pour un bouton avec un jolie design" utilise CSS c'est fait pour ça !!!

ou alors tu peux prendre un <input /> graphique ou tu mettras un bitmap à toi et zou c'est joli et ça fonctionne partout !

<input type="image" src="image.png" />
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

15

leod, le 13 sep 2008 à 08:12:36

Mais justement c'est en css , je n'utilise plus que ca une image tres legere avec survol de la souris et icone inserer à l'interieur

je vais essayer de voir si je peu l'aplliquer sur le input mais c'est pas gagné !

voici le css que j'utilise pour le lien

a.bouton{display: block;background-image: url(image_du_site/bouton1.png);background-repeat: no-repeat;width: 120px;height: 25px;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-weight: bold;text-decoration: none;padding: 5px 0 0 0;}
a.bouton:visited {color: #fdfdfe;}
a.bouton:hover{background-image: url(image_du_site/bouton2.png);color: #fdfdfe;}
.icon {background-image: url(image_du_site/valide1.png);display: inline-block;background-repeat: no-repeat;padding: 0 0 0 20px;}
a.bouton:hover .icon{background-image: url(image_du_site/valide2.png);}

je redonne le code du lien :

<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

voila si tu peu me dire comment modifier pour un input

Répondre à leod

16

leod, le 13 sep 2008 à 08:24:08
  • +1

Bon j'ai trouvé la solution
c'etait tout simple :

<a href="javascript:document.getElementById('nous_contacter').submit();" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

et voila le tour est joué ^^

merci pour ton aide dalida ! toujours la pour m'aider
on dirai que ya que toi sur ce fofo ^^

Répondre à leod

17

nEm3sis, le 13 sep 2008 à 14:07:09

Sinon tu peux le faire sans id ni name

si le lien est directement dans le formulaire

<form method="post" action="traitement.php">
<a href="javascript:this.parentNode.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

</form> 

ou autrement tu séléctionne ton formulaire avec document.forms[0], ou document.forms[1], ou 2, ou ...
ça dépend de la place du formulaire dans la page

j'arrive un peu en retard dsl ^^

Répondre à nEm3sis

18

 Dalida, le 14 sep 2008 à 21:58:21

Salut,

tant qu'à faire du valide, autant donné du sens à ton formulaire.

tu peux faire la même chose avec un <input> qu'avec un <a>, regarde cet exemple.
il est pas joli mais c'est juste un exemple !
-:oD

tu as deux boutons un "reset" et un "submit" mis en forme, le premier uniquement en jouant sur la police et les couleur de premier et arrière plan, le deuxième avec une image de fond, chacun est animé au survol.

dans le deuxième <form> un bouton "image" juste pour montrer que ça existe aussi !
-;o)

à plus !
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida