SELECT en lien direct avec mon texte
Résolu/Fermé
aurésky
Messages postés
95
Date d'inscription
jeudi 7 janvier 2010
Statut
Membre
Dernière intervention
20 septembre 2014
-
31 mai 2010 à 14:03
xav3601 Messages postés 3288 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 2 mars 2016 - 1 juin 2010 à 08:58
xav3601 Messages postés 3288 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 2 mars 2016 - 1 juin 2010 à 08:58
A voir également:
- SELECT en lien direct avec mon texte
- Vue satellite en direct gratuit de ma maison - Guide
- Lien url - Guide
- Telechargement direct - Guide
- Verifier un lien - Guide
- Créer un lien pour partager des photos - Guide
4 réponses
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
31 mai 2010 à 15:24
31 mai 2010 à 15:24
Regarde ici, ça va répondre a ta question, il y a deux solutions, il suffit de les adapter
https://forums.commentcamarche.net/forum/affich-17892743-liste-deroulante-en-html-pour-telechargement
https://forums.commentcamarche.net/forum/affich-17892743-liste-deroulante-en-html-pour-telechargement
xav3601
Messages postés
3288
Date d'inscription
lundi 10 novembre 2008
Statut
Membre
Dernière intervention
2 mars 2016
311
31 mai 2010 à 16:41
31 mai 2010 à 16:41
Salut,
tu peux réaliser celà avec une fonction javascript.
Tu met un attribut onBlur sur la première case qui va appeler ta fonction et dans la fonction tu remplis la deuxieme case.
tu peux réaliser celà avec une fonction javascript.
Tu met un attribut onBlur sur la première case qui va appeler ta fonction et dans la fonction tu remplis la deuxieme case.
aurésky
Messages postés
95
Date d'inscription
jeudi 7 janvier 2010
Statut
Membre
Dernière intervention
20 septembre 2014
5
31 mai 2010 à 17:07
31 mai 2010 à 17:07
ah sa m'interesse!!
l'attribut onBlur je le met comme çà?
<select>
<option onBlur="Couleur">jaune</option>
<option onBlur="Véhicule>voiture</option>
</select>
l'attribut onBlur je le met comme çà?
<select>
<option onBlur="Couleur">jaune</option>
<option onBlur="Véhicule>voiture</option>
</select>
xav3601
Messages postés
3288
Date d'inscription
lundi 10 novembre 2008
Statut
Membre
Dernière intervention
2 mars 2016
311
Modifié par xav3601 le 31/05/2010 à 17:15
Modifié par xav3601 le 31/05/2010 à 17:15
non tu le mets plutot sur le select je pense!
comme ca:
<select onblur="fonctionJS(this)">
functionJS(poSelect){
if(poSelect.value = "jaune"){
document.getElementById("vehicule").value = "Véhicules"
}
}
et après faut créer la fonction JS qui fais le lien, mais elle est pas trop compliqué normalement ^^ (mais peut être un peu plus que celle que je t'ai donné ci dessus ^^)
ET comme ca lorsque tu aura fini de modifier le select, ca lancera automatiquement ta fonction JS.
comme ca:
<select onblur="fonctionJS(this)">
functionJS(poSelect){
if(poSelect.value = "jaune"){
document.getElementById("vehicule").value = "Véhicules"
}
}
et après faut créer la fonction JS qui fais le lien, mais elle est pas trop compliqué normalement ^^ (mais peut être un peu plus que celle que je t'ai donné ci dessus ^^)
ET comme ca lorsque tu aura fini de modifier le select, ca lancera automatiquement ta fonction JS.
aurésky
Messages postés
95
Date d'inscription
jeudi 7 janvier 2010
Statut
Membre
Dernière intervention
20 septembre 2014
5
31 mai 2010 à 17:32
31 mai 2010 à 17:32
okey! je viens de bricoler un petit truc, ma dernière question est, comment appelé cette fonction dans la seconde case?
Je met mon tableau en haut de page admettons et la seconde case ou aparaitra l'autre mot est en bas de page, dois-je refaire un <select>? ou juste <p fonction="functionJS">
merci!
Je met mon tableau en haut de page admettons et la seconde case ou aparaitra l'autre mot est en bas de page, dois-je refaire un <select>? ou juste <p fonction="functionJS">
merci!
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
31 mai 2010 à 18:15
31 mai 2010 à 18:15
Je te propose de le faire en jquery qui est une bobliotheque javascript permettant de faciliter le travail et d'utiliser moins de code javascript.
ça t'interresse ?
ça t'interresse ?
aurésky
Messages postés
95
Date d'inscription
jeudi 7 janvier 2010
Statut
Membre
Dernière intervention
20 septembre 2014
5
31 mai 2010 à 18:35
31 mai 2010 à 18:35
si cela ne te pose pas de souçi, alors j'accepte que tu m'aide!!^^
merci encore
merci encore
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
31 mai 2010 à 19:09
31 mai 2010 à 19:09
Avant tout je vais te proposer un exemple qui va t'expliquer le principe de fonctionnement.
On va commencer par aller telecharger jquerydepuis le lien suivant:
http://code.jquery.com/jquery-1.4.2.min.js
ensuite on va créer un fichier php et un fichier js
test.php et test.js
Ces 3 fichiers seront mis dans un même repertoire.
Code du fichier test.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="test.js" ></script>
</head>
<body>
<select name="selection" id="selection">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="text" name="affichage" id="affichage"/>
</body>
</html>
code du fichier test.js:
$(document).ready(function() { // lorsque le document est chargé
$("#selection").change(function() { //lorsque la valeur du select change
$("#affichage").val($(this).val()); //le champs text prendra la même valeur que le select
});
});
teste ça pour comprendre comment jquery selectionne et comment il tourne et tu va voir que ta question est deviendra tres simple.
A toute de suite
On va commencer par aller telecharger jquerydepuis le lien suivant:
http://code.jquery.com/jquery-1.4.2.min.js
ensuite on va créer un fichier php et un fichier js
test.php et test.js
Ces 3 fichiers seront mis dans un même repertoire.
Code du fichier test.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="test.js" ></script>
</head>
<body>
<select name="selection" id="selection">
<option value=""></option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="text" name="affichage" id="affichage"/>
</body>
</html>
code du fichier test.js:
$(document).ready(function() { // lorsque le document est chargé
$("#selection").change(function() { //lorsque la valeur du select change
$("#affichage").val($(this).val()); //le champs text prendra la même valeur que le select
});
});
teste ça pour comprendre comment jquery selectionne et comment il tourne et tu va voir que ta question est deviendra tres simple.
A toute de suite
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
31 mai 2010 à 19:14
31 mai 2010 à 19:14
La'avantage ici qu'on n'a pas besoin d'ajouter onchange ou on blur dans le code html qui devien tres net
aurésky
Messages postés
95
Date d'inscription
jeudi 7 janvier 2010
Statut
Membre
Dernière intervention
20 septembre 2014
5
31 mai 2010 à 19:48
31 mai 2010 à 19:48
waoh! c'est exactement ce que je cherchais à faire, la bibiliothèque jquery est vraiment énorme! heureusement que tu étais là^^ merci pour ton aide et d'avoir pris le temps de m'expliquer!!
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
31 mai 2010 à 19:51
31 mai 2010 à 19:51
Pas de quoi, disponible pour toute autre demande
xav3601
Messages postés
3288
Date d'inscription
lundi 10 novembre 2008
Statut
Membre
Dernière intervention
2 mars 2016
311
1 juin 2010 à 08:58
1 juin 2010 à 08:58
C'est vrai que comme à mon boulot j'ai pas le droit d'utiliser JQuery j'y pense pas tout le temps ^^
31 mai 2010 à 16:40
31 mai 2010 à 16:40