Problème iWeb formulaire

Version imprimable

Bonjour à tous !

Je rencontre maintenant un problème avec un formulaire que j'ai fabriqué dans l'application iWeb fourni par Mac OS X Snow Leopard dans le pack iLife (voir le code du formulaire plus bas)... Mon problème est en apparence simple mais je n'arrive pourtant pas à le régler... Pour commencer, voilà le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <div align="center"> <font color="white" /> --> On ferme les yeux <font size="4px" /> --> Là aussi... :) <form method="post" action="mailto:xxxx@hotmail.fr"> <p> Nom* : <input type="texte" name="Nom" size="30"><br><br> Prénom* : <input type="texte" name="Prenom" size="30"><br><br> E-mail* : <input type="texte" name="e-mail" size="30"><br><br> Entreprise* : <input type="texte" name="Entreprise" size="30"><br><br> Adresse de l'entreprise : <input type="texte" name="adresse_entreprise" size="30"><br><br> Code postale de l'entreprise : <input type="texte" name="code_postale_entr" size="5"><br><br> Telephone de l'entreprise* : <input type="texte" name="tel_entreprise" size="10"><br><br> Fax de l'entreprise* : <input type="texte" name="fax_entreprise" size="20"><br><br> Durée de votre abonnement : <form><select name="Durée" size="1"> <option>1 mois</option> <option>2 mois</option> <option>3 mois</option> <option>4 mois</option> <option>5 mois</option> <option>8 mois</option> <option>1 ans</option> <option>2 ans</option> <option>3 ans</option> </form> <br> <br> <div align="center"> <input type="submit" value="Envoyer" style="width: 300px"> </div>
Je voudrais que le bouton "Envoyer" soit environ un saut de ligne plus bas que le formulaire et qu'il soit placé au milieu, mais il ne veut pas, j'ai beau faire toutes les modifications possibles il ne veut quand même pas...

Merci à ceux qui prendront le temps de me lire et à ceux qui me répondront éventuellement :mrgreen:

Cordialement, Proinfo.

24/07/2011, 19h35
12monkeys

Bonjour

Pour centrer un élément dans la page : http://css.developpez.com/faq/?page=...orizontalement

Ce n'est pas du tout pour te descendre, mais ce code est très crade...

La balise font est déconseillée, et puis elle est mal placée : c'est un élément en ligne qui ne peut pas contenir de balise <form> ou <p>. Et puis tu ne les ferme pas non plus...
Juste avant le select tu ouvres une seconde balise <form>, il faut la supprimer.
Dans ton premier div tu as mis un attribut aign, c'est plutôt align.

Il faudrait utiliser un peu plus CSS.
25/07/2011, 09h40
RomainVALERI

En supplément des remarques fort justes de 12monkeys, le submit est à l'extérieur du form...

Par rapport à la question posée, c'est effectivement avec des règles CSS qu'il faudrait régler le problème. (voir les tutoriels si tu découvres)
26/07/2011, 00h45
proinfo

Bonjour à tous,

Merci pour les remarques, depuis que iWeb assiste tout et enlève une bonne partie de code brut, j'ai perdu l'habitude, dans l'excitation je n'ai pas relu mon code et je m'en excuse... Je n'avais pas penser au CSS, dans un autre formulaire du même type ou juste les noms de champs changent, le bouton était correctement placé... Enfin pour commencer je vais relire tous mes codes et voir si je peux pas intégrer plus de CSS...

En tout cas merci pour les réponses :ccool:

Note : Je viens de remarquer que mes deux balises <font /> du début ne contiennent pas le reste du code, sauf erreur de ma part elles sont fermées directement... Je suis pénible hein mais... :mrgreen:
26/07/2011, 01h24
RomainVALERI

Citation:

Envoyé par proinfo

Note : Je viens de remarquer que mes deux balises <font /> du début ne contiennent pas le reste du code, sauf erreur de ma part elles sont fermées directement... Je suis pénible hein mais... :mrgreen:

Celle-là j'avoue, elle est pas mal 8-)

>>> le concept, c'est donc une balise FONT, mais "auto-fermante", c'est-à-dire qui définirait une police pour l'intérieur d'elle-même (son tagName, ses attributs HTML même peut-être ?) :fou: (le w3c la marque déjà comme "déconseillée" pour remplacer progressivement son usage par les styles CSS, mais peut-être n'ont-ils même pas envisagé cet usage un tout petit peu *inattendu* de la balise :roll:)

Si ces styles doivent s'appliquer aux éléments de la div parente, place-les sur l'attribut style de la div, pas sur des balises font à l'intérieur :nono:

---

Citation:

Envoyé par proinfo

je m'en excuse...

T'inquiète pas, on a vu bien pire ;)
(et en plus personne nous force à venir on aime ça :aie: :mouarf:)
26/07/2011, 14h07
proinfo

:aie: Aie... Je vais finir dans le betisier c'est ça ?? :mrgreen: Il faut vraiment que je revois toutes mes bases car ça ne va pas du tout là et je m'en rend compte... violemment --'

Je vais revoir mes bases et considérer ce sujet comme résolu :D Je vous remercie pour votre aide :ccool:
26/07/2011, 14h56
RomainVALERI

Citation:

Envoyé par proinfo

:aie: Aie... Je vais finir dans le betisier c'est ça ?? :mrgreen: Il faut vraiment que je revois toutes mes bases car ça ne va pas du tout là et je m'en rend compte... violemment --'

Je vais revoir mes bases et considérer ce sujet comme résolu :D Je vous remercie pour votre aide :ccool:

Non non 8-) tu n'en es pas là ce n'était qu'une boutade stupide de ma part... ^^'

J'espère ne pas t'avoir refroidi, hein :?
26/07/2011, 16h07
proinfo

Citation:

Envoyé par RomainVALERI

Non non 8-) tu n'en es pas là ce n'était qu'une boutade stupide de ma part... ^^'

J'espère ne pas t'avoir refroidi, hein :?

Non c'est pas stupide :mrgreen: Non non ne t'inquiète pas, c'est juste que ça va faire longtemps que je n'ai pas codé en "brut" et que là je vois que ça fait des dégats :haha:

En tout cas merci, je n'avais même plu pensé au CSS (hé hé)
27/07/2011, 19h03
proinfo

Salut à tous,

Maintenant j'ai une autre qestion concernant le formulaire... Quand le visiteur clique sur "envoyer", son logiciel de messagerie s'ouvre et lui affiche le contenu du message de la forme prenom=xxxxxx&nom=xxxxxx&xxxxx=xxxxx

Alors comment présenter plus clairement le contenu, pour que je déchiffre plus facilement en recevant le mail ?

Ensuite, je cherche à mettre un sujet automatique, exemple "Réponse formulaire", de façon à ce que le visiteur n'ai pas à s'en occuper...

Et enfin, est-ce possible d'envoyer directement sans ouvrir le logiciel de messagerie, un envoi "transparent" pour le visiteur ? Si je peux éviter d'utiliser PHP ça m'arrange car pour le moment je n'ai pas d'hébergeur et je n'arrive pas à configurer mon serveur NAS :cry: (voir tous mes posts)...

Voili voilou, merci encore à ceux qui répondront :mrgreen:
27/07/2011, 20h29
RomainVALERI

Citation:

Envoyé par proinfo

Ensuite, je cherche à mettre un sujet automatique, exemple "Réponse formulaire", de façon à ce que le visiteur n'ai pas à s'en occuper...

Et enfin, est-ce possible d'envoyer directement sans ouvrir le logiciel de messagerie, un envoi "transparent" pour le visiteur ? Si je peux éviter d'utiliser PHP ça m'arrange car ...

Désolé mais non : c'est ton serveur (php ou autre) qui doit faire le mail. Sur le poste client, à part le "mailto" que tu utilises déjà et qui est assez minimaliste, on est coincés ^^

Enfin... "coincés" si on ne fait pas de web dynamique, parce qu'avec un bout de php effectivement ça se règle vite fait, et ça permettrait également de soigner les détails que tu évoquais (sujet, présentation, etc.)

N'y a-t-il pas un autre moyen pour toi de pouvoir héberger tes pages sur un coin de serveur PHP quelque part ? :calim2:
27/07/2011, 22h04
proinfo

On est coincés même avec du JS ?? Pour le moment non, pas moyen de faire héberger mon site, et c'est un site pour un projet d'entreprise (mon projet), qui ne se fera que dans quelques années, donc pour le moment c'est plus à titre de test qu'autre chose en réalité... :mrgreen:

Mon mailto est minimaliste dans quel sens ? On pourrait lui rajouter quoi par exemple ?

Edit : Question ***** on peut pas envoyer de mail avec JS... :aie:
27/07/2011, 23h17
RomainVALERI

Ce qu'on peut faire avec JS, c'est... un appel AJAX vers le serveur qui reçoit les données clefs utiles à la création du mail, l'envoie, et retourne au navigateur un rapport d'envoi si tout est OK ^^

Donc, oui, JS participe à l'opération, mais ne suffit pas :piou:
28/07/2011, 18h44
proinfo

Ok, parce que donc le but de ce formulaire c'est de m'envoyer à moi même un mail (le client me l'envoie) avec les champs remplis... Je n'y connaît rien mais alors vraiment rien à AJAX, donc encore une petite question ahurissante :mrgreen: : pas besoin de serveur pour utiliser AJAX ?

Voilà voilà, et si y a pas besoin de serveur, y a t-il moyen de me procurer un script AJAX à peu près tout fait pour faire ce que je veux ? :D

Merci encore.
28/07/2011, 19h16
Bovino

Théoriquement non, tu n'as pas forcément besoin de serveur pour faire certaines requêtes AJAX, en revanche, tu ne peux pas envoyer de mail sans serveur !
28/07/2011, 20h08
proinfo

Ok, mais dans ce cas le serveur utilisé est celui de Hotmail ou autre non ? C'est juste les valeurs de différents champs envoyés par mail, je pense que c'est faisable avec le serveur du logiciel de messagerie...

Je me renseigne... :D
28/07/2011, 20h31
Bovino

Absolument pas.
Comme tu l'as constaté, le seul moyen d'envoyer un mail en HTML pur est de provoquer l'ouverture de ton logiciel de messagerie avec des champs pré-remplis (avec plus ou moins de réussite d'ailleurs).
Si tu veux passer outre cette restriction, il faudra alors demander à un langage serveur (par exemple PHP) de créer le mail pour toi, il lui faut donc avoir accès à un serveur SMTP pour y parvenir.
28/07/2011, 23h00
proinfo

Ok, et si jamais je décide de ne pas mettre en forme mon mail de façon esthétique ? Si je décide de le laisser en HTML pur ? Au final le mieux serait que le client n'ai pas forcément à remplir la case "Objet" dans son logiciel de messagerie... Et bien entendu que je reçoive le mail sinon y a pas d'intérêt... Il m'avait sembler avoir été confronté à un attribut pour mailto:xxxx@xxxx.fr qui définissait un objet pour le mail, mais je ne le retrouve pas (??)...

Enfin voilà, si c'est pas possible sans serveur je vais bien me débrouiller pour en trouver ou en fabriquer un...
13/08/2011, 11h38
MaPommeTao

Bonjour

Ne peux-tu pas déjà compléter dans l'inspecteur de liens de iWeb le mailto en mettant dedans un truc genre object="Le texte que tu veux".

Sinon en local sur ton Mac puisque tu utilises iWeb, tu peux installer PostFix, un serveur de messagerie local qui fonctionne très bien. Au moins pour tester en local sans même avoir Internet.