[Formulaire] menu-déroulant part-2

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [Formulaire] menu-déroulant part-2

Message par kahlanou le Ven 29 Nov - 11:40

Rappel du premier message :

Bonjour !

Suite aux MP de Scoubifitz me demandant d'ouvrir un sujet pour la suite qui serait profitable aux plus grands nombres, je reviens ici squatter un petit peu votre aide à tous ! Twisted Evil 

Voilà, je souhaiterais savoir comment faire pour prendre la valeur de plusieurs options dans un sous menu à plusieurs catégories. Exemple :

Votre profil professionnel : Cuisinier (Assassin)

"Cuisinier" serait ce que le candidat met dans la partie libre (textarea) et "Assassin" serait l'information qu'il donne en sélectionnant sa classe dans le menu déroulant. Ce qui nous donne donc deux cases côte à côte.


Ensuite, dans le cas de la "race" qui est devenu un menu déroulant, est-il possible que lorsque je sélectionne "Autre" une textarea s'ouvre ? (et soit bien entendu prise en compte par l'envoi du formulaire)

Merci à vous ! thumleft


Dernière édition par kahlanou le Mer 18 Déc - 9:36, édité 1 fois

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Dim 15 Déc - 11:55

@ patriciadpt30 : la colère est très mauvaise conseillère ... et ne fait pas avancer les problèmes.

@ kahlanou :

la déformation du formulaire vient du fait que l'éditeur ne comprend pas les balises "fieldset" et "legend" à l'édition , et les referme directement après ouverture ...

les codes qui n'ont pas encore été modifiés (édités et enregistrés) depuis la dernière mise à jour restent valides . Ne les éditez donc pas pour le moment .

Pour les codes édités , qui sont déformés depuis , si vous avez conservé un original sur votre ordi (sur Notepad++ par exemple) , vous pouvez remplacer le code déformé par l'original .
Mais vous ne pourrez pas l'éditer par la suite , en attendant une correction de ce bug ...

sinon , pour donner suite à votre problème , ceci devrait être le plus adapté à votre demande :

la partie formulaire :
Code:
<tr>
<td colspan="2"><font color="cyan"> Vos métiers Rp parlant:</font><br><br>
<table>
<tr>
<td><input type="checkbox" name="metier" value="Alchimiste" id="alchemy">
<label for="alchemy"> Alchimiste </label></td>
<td><select name="alchemylevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td><td>
<input type="checkbox" name="metier" value="Couturier" id="tailor">
<label for="tailor"> Couturier </label></td>
<td><select name="tailorlevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td>
</tr><tr>
<td><input type="checkbox" name="metier" value="Cuisinier" id="Cooker">
<label for="Cooker"> Cuisinier </label></td>
<td><select name="Cookerlevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td><td>
<input type="checkbox" name="metier" value="Constructeur" id="build">
<label for="build"> Constructeur </label></td>
<td><select name="buildlevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td>
</tr><tr>
<td><input type="checkbox" name="metier" value="Artisan" id="artisan">
<label for="artisan"> Artisan </label></td>
<td><select name="artisanlevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td><td>
<input type="checkbox" name="metier" value="Forgeron d'armes" id="weaponsmith">
<label for="weaponsmith"> Forgeron d'armes </label></td>
<td><select name="weaponsmithlevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td>
</tr><tr>
<td><input type="checkbox" name="metier" value="Forgeron d'armures" id="armorsmith">
<label for="armorsmith"> Forgeron d'armures </label></td>
<td><select name="armorsmithlevel">
<option value=" (Débutant)">Débutant</option>  
<option value=" (Intermédiaire)">Intermédiaire</option>  
<option value=" (Expert)">Expert</option>  
<option value=" (Virtuose)">Virtuose</option>
<option value=" (Maître)">Maitre</option>
</select></td>
</tr>
</table>
</td>
</tr>
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Dim 15 Déc - 12:46

Je ne sais pas pourquoi, mais j'ai toujours de nouvelle surprise en vous voyant proposer ainsi des solutions sur ce que je pensais vraiment pas réalisable à la base, à savoir : combiner le menu déroulant ET le radio ...

C'est vraiment très ergonomique ainsi !
Seule question : l'envoie formulaire se fait avec un code radio, ou un code d'envoi de menu déroulant ?

Bien à vous. ^^

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Dim 15 Déc - 19:50

Il y aurait un script supplémentaire pour limiter les cases à cocher à trois maximum (valeur modifiable dans le script) , et l'envoi se ferait en conditionnel , c'est à dire si la case est cochée , le message contiendra la valeur de la case + la valeur du menu déroulant qui lui est associée .
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Dim 15 Déc - 19:54

Code:
// Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
for(var i = 0; i < form.métier.length; i++)
{
if(form.niveau[i].checked == true) { txt_message = txt_message + "Quel est votre métier rp parlant : " + form.métier[i].value + '\n'; }
}

Quelque chose comme cela ?..
Merci encore à vous !

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Dim 15 Déc - 21:31

non, non ... il faut y aller cas par cas ...

plutôt du genre :

Code:
var txt_message = "blabla..."
+ "[color=orange][b]Quels sont vos métiers ? :[/b][/color]\n"
+ (form.metier[0].checked ? form.metier[0].value + form.alchemylevel.value + '\n':"")
+ (form.metier[1].checked ? form.metier[1].value + form.tailorlevel.value + '\n':"")
+ (form.metier[2].checked ? form.metier[2].value + form.Cookerlevel.value + '\n':"")
+ (form.metier[3].checked ? form.metier[3].value + form.buildlevel.value + '\n':"")
+ (form.metier[4].checked ? form.metier[4].value + form.artisanlevel.value + '\n':"")
+ (form.metier[5].checked ? form.metier[5].value + form.weaponsmithlevel.value + '\n':"")
+ (form.metier[6].checked ? form.metier[6].value + form.armorsmithlevel.value + '\n':"")
+ "suitedublabla...";

donc si la 1ere case est cochée , la valeur de cette case sera transmise et la valeur de la liste aussi ... sinon il n'y aura rien .

les listes peuvent donc être complètement différentes , ça ne changera rien ...
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Dim 15 Déc - 22:47

D'accord ! je comprends mieux les "id" que vous avez mis pour chaque catégories. Je me demandais pourquoi elles étaient là si la balise du menu déroulant se cantonnait simplement à son .value ... Oulàlà..

En tout cas c'est super car le code est fonctionnel, ergonomique, simple et pas prise de tête pour celui qui remplis ( mais grosse prise de tête pour vous de l'avoir codé ! ) Zen ! 

Merci à vous pour les explications, c'est surtout ça qui est génial !  ::fete:: Yes 

Je crois qu'avec votre aide, j'ai pu rendre tout ce petit code ergonomique... mais avant toute chose, et avant de conclure jovialement ce topic, que pensez-vous de la présentation en général ? Il y a -t-il des choses qui serait plus préférable de faire ou de modifier ?

http://newforts.mo-rpg.com/h5-code-test-aion


PS : ... Je suis simplement curieuse et je pense que ça peut servir à beaucoup : Est-il possible d'ancrer dans le formulaire une sélection de pièce jointe comme pour l'avatar ?


J'ai trouvé sur cette page le HTML : http://cyberzoide.developpez.com/html/form.php3
Mais il n'explique pas comment connecter l'image à l’envoie formulaire.

Encore merci !

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Dim 15 Déc - 23:29

Je vous répondrais demain , si ça ne dérange pas ...

Si mes souvenirs sont bons ,il y a même un des sujets sur les formulaires où ce genre de code pour pièces jointes y est inclus ...
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Lun 16 Déc - 10:48

D'accord, dans ce cas je vais passer en revue les 8 pages de formulaire dès que possible. Merci à vous !  thumright

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Lun 16 Déc - 16:54

au pire , quelques hébergeurs proposent des mini-fenêtres en outils pour webmasters :
recopiez le code iframe ...

http://imagesia.com/webmaster

http://uprapide.com/outils-pour-webmasters
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Lun 16 Déc - 18:50

Donc il suffit de prendre le code iframe et puis basta ?  Shocked 

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Lun 16 Déc - 19:00

Ben voui ...  Razz  * à l'air étonnée !  scratch  *

Casimages et Hosting pics le font aussi ..
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Lun 16 Déc - 19:10

Mais je veux dire... une fois qu'on a hébergé l'image, comment ça fonctionne avec le formulaire ?

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Lun 16 Déc - 19:45

en prenant avec UpRapide par exemple , il suffit d'héberger l'image et de prendre le code "lien avec un forum"

ce qui donne :

Code:
[url=http://uprapide.com/image/675325-deux_45][img]http://uprapide.com/images/invite/deux_45.gif[/img][/url]

et de coller ce code dans un champ de texte , de récupérer la valeur de ce champ avec le script d'envoi .
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Lun 16 Déc - 19:46

Donc mettre le script image + un textarea juste en dessous avec .value et .id ?

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Lun 16 Déc - 19:54

comme ceci :

Code:
<tr>
<td><label for="photo"><font color="cyan">Enregistrez votre photo et copiez le code "lien avec un forum" dans ce champ :</font></label><br />
<input type="text" name="photo" id="photo" size="85" maxlength="130" /><br />
<iframe src="http://uprapide.com/uploadiframe" scrolling="no" allowtransparency="true" frameborder="0" width="460" height="140"></iframe>
</td>
</tr>
et ceci dans le script :

Code:
var txt_message = "blabla..."
+ "[color=orange][b]Votre photo :[/b][/color]" + form.photo.value + '\n'
+ "suitedublabla...";
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Lun 16 Déc - 20:16

En effet, c'est le code que j'avais entré (sauf pour la value photo mais finalement je l'ai prise, plus cohérente.)
Seulement cela déforme mon cadre : http://newforts.mo-rpg.com/h5-postul-aion-2-ne-pas-edit



Ou alors j'ai droit au resize mal fait ..



D'ailleurs... les "input" tout simples peuvent comporter jusqu'à combien de caractères ? Car je les trouve très restreint. Et si un lien est trop long, cela risque de le couper..

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Lun 16 Déc - 22:28

mettez la balise ouvrante "td" avec un colspan="2" pour avoir toute la largeur de la ligne ...

augmentez le nombre du "maxlength" de votre "input" pour augmenter le nombre de caractères autorisés . 200 devraient faire l'affaire .
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Lun 16 Déc - 23:04

C'est parfait !!!  victoire 
J'ai même pu apprendre maintenant comment personnaliser les input et mettre une sélection d'image !!!  Yahoo 

Merci encore Scoubifitz !!
Je me permets juste d'être un petit peu chiante hihihi..

Comment peut-on faire pour que le lien de l'image soit directement mis en [ img][ /img] ?

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Mar 17 Déc - 13:32

@Scoubifitz a écrit: il suffit d'héberger l'image et de prendre le code "lien avec un forum"

... ou dans votre cas , "BBcode pour forum"
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Mar 17 Déc - 17:16

Marchi ! En effet c'est tout bête ... et ça marche parfaitement !
Dernière question toute bête (car je n'en ai plus après et je ne vous embête plus !)

Comment fait-on pour que l'image une fois postée qui est dans le <tr><td> soit répétable verticalement ?

Code:
+ "[td][/td][/tr][tr][td colspan='2'][center][img]http://image.noelshack.com/fichiers/2013/39/1379937192-1340239272-hr.png[/img][/center][/td]"
        + "[/tr][tr][td][color=orange]blablablabla"

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Mar 17 Déc - 17:44

Interrog  pas compris la question ...

vous pouvez préciser ? ça doit être une barre de séparation qui se répète ?
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Mar 17 Déc - 18:58

Non, l'image de fond que vous voyez sur le formulaire posté (le fond bleu avec une espèce de démon derrière) s'est possible de lui dire de se répéter verticalement alors que le formulaire se fait en envoie bbcode ?

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par Scoubifitz le Mar 17 Déc - 23:10

ben , simplement en disant au fond de se répéter , non ?

extrait :

Code:
[td style='background:url(http://image.noelshack.com/fichiers/2013/48/1385460540-azphel.png) repeat-y center;border:1px solid black;-moz-box-shadow: 1px 1px 12px #BABABA;-webkit-box-shadow: 1px 1px 12px #BABABA; box-shadow: 1px 1px 12px #BABABA;']

on dit à la cellule (td) d'avoir un fond (background) qui se répète à la verticale (repeat-y) et qui est centré dans la cellule .
(répétition horizontale = repeat-x , remplissage = repeat )
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Formulaire] menu-déroulant part-2

Message par kahlanou le Mer 18 Déc - 9:27

Parce que j'ai essayé de rajouter le "repeat : repeat;" et le formulaire n'a pas aimé...  Sad 
J'ai du me tromper de syntaxe ...

En tout cas, merci à vous !
Je crois que si j'avais quelque chose à rajouter, je referais un topic.
En attendant, comme tout commence à dériver du menu déroulant, je vais mettre ce sujet en résolu et vous remercie grandement pour votre aide et les explications données !

Pour vous !  Flowers2 

kahlanou
****

Féminin
Messages : 207
Inscrit(e) le : 01/02/2009

http://cercleaz.forumactif.org/
kahlanou a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum