Champs de selection interactif...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Champs de selection interactif...

kissskoool

Bonjour,

Voila, j'ai sur une page un champ de selection (<select> ) que j'ai rempli avec tout un tas de donnees issues d'une requete SQL.

J'ai rajoute a ce select un choix (<option> ) qui s'appelle "nouvel article"

Je voudrais que qd on choisit ce choix le select se transforme en zone de saisie text (<input> ) pour permettre a l'utilisateur de rentrer un article supplementaire qui n'est pas present dans la liste...

est ce possible??comment faire???
quel langage correspond le mieux a ca?? (je pensais javascript)

Merci

Publicité

masklinn

í dag viðrar vel til loftárása

javascript obligatoire [:spamafote]

et fais en sorte qu'on puisse quand même utiliser le site sans javascript (que cette fonction puisse être remplacée par autre chose)

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

cosmoschtroumpf

dawa powered

essaye ça :

page.php

Code :

<form name="formulaire">
<div id="champSelect">
<select name="selection" onchange="changer()">
<option value="art01">article 1</option>
<option value="autre">autre article</option>
</select>
</div>
</form>

script.js

Code :

function changer() {
if (document.formulaire.selection.value == "autre" ) {
document.getElementById('champSelect').innerHTML = '<input type="text" name="selection">';
}
}

Edit :
en revanche, comme le dit masklinn, si javascript est désactivé, ça ne marchera pas.
Tu peux faire ça dans ce cas :

page.php

Code :

<body onload="cacherInput()">
<form name="formulaire">
<div id="champSelect">
<select name="selection" onchange="changer()">
<option value="art01">article 1</option>
<option value="autre">autre article</option>
</select>
</div>
<div id="champInput">
Autre article : <input type="text" name="selectionInput">
</div>
</form>
</body>

et le JS :
script.js

Code :

function cacherInput() {
document.getElementById('champInput').visibility = "hidden";
}
function changer() {
if (document.formulaire.selection.value == "autre" ) {
document.getElementById('champInput').visibility = "visible";
document.getElementById('champSelect').visibility = "hidden";
}
}

Comme ça, si javascript est désactivé, l'utilisateur voit quand-même le champ input.

Message édité par cosmoschtroumpf le 24-11-2004 à 12:31:56

kissskoool

merci pour ton aide cosmoshtroumpf...ton bout de code a l'air de correspondre exactement a ce que je veux faire...

mais suis je blige de mettre la balise form??

cosmoschtroumpf

dawa powered

non, mais c'est conseillé

si tu le la mets pas, il faut faire if (document.selection.value == "" ) {

kissskoool

je ne comprends pas...ca ne marche pas...pourtant j'ai fait comme tu m as dit

PS : comment inserer dans le post du code??

kissskoool

ca c est le JS :

Code :

<script language="JavaScript">
function changer() {
if (document.select_rub_inter.value == "new_inter_rub" ) {
document.getElementById('champSelect').innerHTML = '<input type="text" name="rubrique">';
}
}
</script>

ca c'est le select:

Code :

<td align="center" width="49%">
<div id="champSelect">
<select name="select_rub_inter" onchange="changer()">
<?
$query_rubrique_inter_tmp = mysql_query("SELECT DISTINCT rubrique FROM missions WHERE id_affaire='$id' ORDER BY rubrique ASC", $dbprotect);
while ($rubrique_inter = mysql_fetch_assoc($query_rubrique_inter_tmp))
{
?>
<option value="<? print $rubrique_inter['rubrique'] ?>"><? print $rubrique_inter['rubrique'] ?></option>
<?
}
?>
<option value="new_inter_rub">Nouvelle rubrique...</option>
<option value="" selected>Choisir une rubrique...</option>
</select>
</div>
</td>

Message édité par kissskoool le 24-11-2004 à 14:21:32

cosmoschtroumpf

dawa powered

je n'ai pas testé, ce n'est pas dit que ça marche avec juste un copier-coller

pour le code, tu fais comme pour les quotes, mais avec cpp. Y'a un bouton "c/c++" au-dessus de ta fenetre de réponse.

cosmoschtroumpf

dawa powered

tu n'as pas mis de <div id="champSelect"> autour de ton select ? parce que là tu essayes de changer du html qui n'existe pas [:petrus75]

Message édité par cosmoschtroumpf le 24-11-2004 à 14:13:27

kissskoool

voila j'ai edite mon message ... et voila ce que j'ai maintenant...et ca ne marche tjs pas... ;(

Publicité

cosmoschtroumpf

dawa powered

c'est plutôt <script type="text/javascript">, mais c'est pas ça qui va faire marcher ton code.

sinon je sais pas trop... :spamafote:

kissskoool

ok je vais chercher a droite a gauche ... en tout cas merci bcp...

Message édité par kissskoool le 24-11-2004 à 14:51:47

FORUM HardWare.fr

Programmation

HTML/CSS

Champs de selection interactif...

Sujets relatifs
Verification des champs et les espaces eregi()	empecher la selection des images
Lire les champs d un fichier C++	Superclass Selection
[C#] inserer une image dans un champs blob d'1 table oracle	maj champs dans entete sous word 2003 avec vb
Requete mysql / where selection par semaine ???	sélection multiple dans une ListBox
[JS] champs obligatoires sous mozilla	[JS] alert sur des champs obligatoires
Plus de sujets relatifs à : Champs de selection interactif...

Page générée en 0.043 secondes