javascript : petite question
2 participants
Page 1 sur 1
javascript : petite question
Salut tout le monde.
J'ai une checkbox et deux textbox et j'aimerai que lorsque la checkbox est coché le phocus soit dans l'un des champs et quand elle est décochée il soit dans le deuxième. Comment je peut écrir ça en javascript ?
J'ai esseyé ça, mais ça n'a pas l'aire de fonctionner.
var chkCversF = document.getElementById("chkCversF")
var txtCelsius = document.getElementById("txtCelsius")
var txtFahrenheit = document.getElementById("txtFahrenheit")
chkCversF.checked = cocher
function cocher()
{
if(chkCversF.checked)
{
txtCelsius.onfocus=true
}
else
{
txtFahrenheit.onfocus=true
}
}
J'ai une checkbox et deux textbox et j'aimerai que lorsque la checkbox est coché le phocus soit dans l'un des champs et quand elle est décochée il soit dans le deuxième. Comment je peut écrir ça en javascript ?
J'ai esseyé ça, mais ça n'a pas l'aire de fonctionner.
var chkCversF = document.getElementById("chkCversF")
var txtCelsius = document.getElementById("txtCelsius")
var txtFahrenheit = document.getElementById("txtFahrenheit")
chkCversF.checked = cocher
function cocher()
{
if(chkCversF.checked)
{
txtCelsius.onfocus=true
}
else
{
txtFahrenheit.onfocus=true
}
}
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
Salut,
je viens d'écrire ce petit code :
Est-ce-que ça fait bien ce que tu voulais ?
je viens d'écrire ce petit code :
- Code:
<script LANGUAGE="Javascript">
<!--
<!-- Begin
function Check(chk)
{
if(document.form.chk_box.checked==true)
{
document.form.txt_box1.value = "aze";
document.form.txt_box2.value = "";
}
else
{
document.form.txt_box1.value = "";
document.form.txt_box2.value = "aze";
}
}
</script>
<form name="form" action="" method="post">
<input type="textbox" name="txt_box1" value=""><br>
<input type="textbox" name="txt_box2" value=""><br>
<input type="checkbox" name="chk_box" value="yes"
onClick="Check(document.form.check_list)">
</form>
Est-ce-que ça fait bien ce que tu voulais ?
Julien- Administrateur
- Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005
Re: javascript : petite question
Non, ce n'est pas vraiment ça. Mon HTML c'est :
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
degrés C --> degrés F
Mon javascript c'est :
var chkCversF = document.getElementById("chkCversF")
var txtCelsius = document.getElementById("txtCelsius")
var txtFahrenheit = document.getElementById("txtFahrenheit")
var btnConvertir = document.getElementById("btnConvertir")
var btnEffacer = document.getElementById("btnEffacer")
chkCversF.checked=true
btnConvertir.onclick = convertir
function convertir()
{
var c
var f
if(chkCversF.checked==true)
{
if(txtCelsius.value!="")
{
c = parseFloat(txtCelsius.value)
f = 32+9/5*c
txtFahrenheit.value = f
}
else
{
txtFahrenheit.value="NAN"
}
}
else
{
if(txtFahrenheit.value!="")
{
f = parseFloat(txtFahrenheit.value)
c = 5/9*(f-32)
txtCelsius.value = c
}
else
{
txtCelsius.value="NAN"
}
}
}
btnEffacer.onclick = effacer
function effacer()
{
txtCelsius.value=""
txtFahrenheit.value=""
}
Je voulais ajouter une fonction qui mettrait le curseur dans un textbox quand on coche le checkbox et dans l'autre quand on le décoche.
Mon prof a fait le contraire c'est-à-dir cocher ou décocher le checkbox selon où le curseur se trouve.
Mais bon ce que je veux faire n'est peut-être pas possible.
J'ai donc esseyer la fonction
function cocher()
{
if(chkCversF.checked)
{
txtCelsius.onfocus=true
}
else
{
txtFahrenheit.onfocus=true
}
}
btnConvertir.onclick = convertir
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
Mon javascript c'est :
var chkCversF = document.getElementById("chkCversF")
var txtCelsius = document.getElementById("txtCelsius")
var txtFahrenheit = document.getElementById("txtFahrenheit")
var btnConvertir = document.getElementById("btnConvertir")
var btnEffacer = document.getElementById("btnEffacer")
chkCversF.checked=true
btnConvertir.onclick = convertir
function convertir()
{
var c
var f
if(chkCversF.checked==true)
{
if(txtCelsius.value!="")
{
c = parseFloat(txtCelsius.value)
f = 32+9/5*c
txtFahrenheit.value = f
}
else
{
txtFahrenheit.value="NAN"
}
}
else
{
if(txtFahrenheit.value!="")
{
f = parseFloat(txtFahrenheit.value)
c = 5/9*(f-32)
txtCelsius.value = c
}
else
{
txtCelsius.value="NAN"
}
}
}
btnEffacer.onclick = effacer
function effacer()
{
txtCelsius.value=""
txtFahrenheit.value=""
}
Je voulais ajouter une fonction qui mettrait le curseur dans un textbox quand on coche le checkbox et dans l'autre quand on le décoche.
Mon prof a fait le contraire c'est-à-dir cocher ou décocher le checkbox selon où le curseur se trouve.
Mais bon ce que je veux faire n'est peut-être pas possible.
J'ai donc esseyer la fonction
function cocher()
{
if(chkCversF.checked)
{
txtCelsius.onfocus=true
}
else
{
txtFahrenheit.onfocus=true
}
}
btnConvertir.onclick = convertir
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
Tient c'est marant, il a converti mon HTML ! J'ai pas pensé que ça pouvait faire ça. Bon je pense que ça ne change pas grand-chose.
Si non ce que je ne comprend pas c'est que d'habitude on doit mettre les fonctions avant les appelles mais pour ce fichier ca ne fonctionne que quand je les mets après, c'est bizare.
Si non ce que je ne comprend pas c'est que d'habitude on doit mettre les fonctions avant les appelles mais pour ce fichier ca ne fonctionne que quand je les mets après, c'est bizare.
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
Sers-toi de la balise code pour ne pas que le code soit interprété !
Sinon, tu as réussi à faire ce que tu voulais finalement ? Ce n'est pas très clair... Si tu as l'énoncé de l'exercice, ça sera plus facile à comprendre.
- Code:
[code][/code]
Sinon, tu as réussi à faire ce que tu voulais finalement ? Ce n'est pas très clair... Si tu as l'énoncé de l'exercice, ça sera plus facile à comprendre.
Julien- Administrateur
- Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005
Re: javascript : petite question
Non, j'ai refait la fonction comme ça :
Mais ça n'a pas l'aire de fonctionner non plus.
Edit :
Je vais areter de mettre du HTML, décidément ca fou le bazare même avec [code].
- Code:
[color=cyan]function cocher()
{
if(chkCversF.checked)
{
txtCelsius.focus()
}
else
{
txtFahrenheit.focus()
}
}
[/color]
Mais ça n'a pas l'aire de fonctionner non plus.
Edit :
Je vais areter de mettre du HTML, décidément ca fou le bazare même avec [code].
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
Je viens d'éditer ton message pour mettre la balise code. Tu peux voir que ça marche très bien.
Et tu ne m'as toujours pas donné un énoncé clair !
Et tu ne m'as toujours pas donné un énoncé clair !
Julien- Administrateur
- Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005
Re: javascript : petite question
Non c'est le html qui fou le bazare le javascript ça a toujours bien passer.
Le problème c'est qu'on a un énoncé tout pouri, on a une page sur le site avec ce que ça doit donner et on doit le refaire sans plus d'explication. D'ailleurs le cours est lui aussi tout pouri.
Je réessaye pour le HTML ?
allez !
Le problème c'est qu'on a un énoncé tout pouri, on a une page sur le site avec ce que ça doit donner et on doit le refaire sans plus d'explication. D'ailleurs le cours est lui aussi tout pouri.
Je réessaye pour le HTML ?
allez !
- Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
<meta http-equiv="Content-Language" content="fr" />
<meta name="author" content="Irina Lambla"/>
<title>degrés C --> degrés F</title>
</head>
<body>
<fieldset>
<table cellpadding="4" >
<tr> <td colspan="2"> <input type="checkbox" id="chkCversF"/> <label for="chkCversF">Convertir Celsius en Fahrenheit </label> </td> </tr>
<tr> <td> <label for="txtCelsius"> Celsius </label> <input type="text" id="txtCelsius" size="10" /> </td>
<td> <label for="txtFahrenheit"> Fahrenheit </label> <input type="text" id="txtFahrenheit" size="10" /> </td> </tr>
<tr> <td align="right"> <input type="button" value="Convertir" id="btnConvertir" /> </td> <td> <input type="button" value="Effacer" id="btnEffacer"> </td> </tr>
</table>
</fieldset>
<script type="text/javascript" src="CF.js"></script>
</body>
</html>
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
Euh, tu as accès à la page ? Si oui, tu peux voir le code source si ce n'est que du HTML et du javascript.
Sinon, quand tu mets la balise 'code' autour de ton code HTML, celui-ci n'est pas interprété (la preuve avec ton dernier message).
Sinon, quand tu mets la balise 'code' autour de ton code HTML, celui-ci n'est pas interprété (la preuve avec ton dernier message).
Julien- Administrateur
- Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005
Re: javascript : petite question
Oui tu as raison ça marche, le problème que j'avais c'est que quand je mettais du HTML sans la balise code, je ne sais pas ce qui ce passait mais je n'arrivais plus à modifier le message ou à en rajouter un autre avant un sacré bou de temps et donc je n'ai pas vu que ça marchait avec la balise.
En fin bref, oui je peut voir le code de la page du prof mais j'aimerais surtout comprendre comment ça fonctionne, je voulais essayer de faire un peut autrement.
Dans la page il y a :
C'est-à dire quand le curseur va dans le chemp 1 la case à coché se coche et quand il va dans le chemp 2 elle se décoche.
Mais moi je voulais essayer de fair que quand on coche la case à cocher le curseure se met dans le chemp 1 et que quand on la décoche le curseure se met dans le chemps 2.
Je ne sais pas comment mieux l'expliquer. Si non tempi j'espère que j'ai quand-même compri quelque-chose à se langage.
En fin bref, oui je peut voir le code de la page du prof mais j'aimerais surtout comprendre comment ça fonctionne, je voulais essayer de faire un peut autrement.
Dans la page il y a :
- Code:
function txtCelsius_gotfocus() {
chkCelsiusFahrenheit.checked = true
}
function txtFahrenheit_gotfocus() {
chkCelsiusFahrenheit.checked = false
}
txtCelsius.onfocus = txtCelsius_gotfocus
txtFahrenheit.onfocus = txtFahrenheit_gotfocus
C'est-à dire quand le curseur va dans le chemp 1 la case à coché se coche et quand il va dans le chemp 2 elle se décoche.
Mais moi je voulais essayer de fair que quand on coche la case à cocher le curseure se met dans le chemp 1 et que quand on la décoche le curseure se met dans le chemps 2.
Je ne sais pas comment mieux l'expliquer. Si non tempi j'espère que j'ai quand-même compri quelque-chose à se langage.
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
Ca y est, j'ai trouvé !
pour utiliser ma fonction. il falait
chkCversF.onclick = cocher
pour utiliser ma fonction. il falait
chkCversF.onclick = cocher
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Re: javascript : petite question
OK j'ai mieux compris à présent. ^^
Tant mieux si t'as trouvé toi-même.
Tant mieux si t'as trouvé toi-même.
Julien- Administrateur
- Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005
Re: javascript : petite question
Oui je suis contante d'avoir trouvé ! Comme je suis débutante j'ai pas encore bien tout compri. J'éspère que je m'en suis aussi bien sortie pour mon intéro !
irina- Membre
- Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
Jeu 2 Juil 2015 - 15:16 par louaraychi
» Devoir maison sur équilibre et réaction chimique
Dim 1 Fév 2015 - 17:19 par sararose
» Ma présentation
Sam 25 Oct 2014 - 23:29 par Rith
» projet scientique sur la LUMIERE
Ven 26 Sep 2014 - 20:33 par benjamin-010
» La trajectoire de la Terre
Mar 5 Aoû 2014 - 22:19 par Alban
» Equilibrer une réaction redox
Dim 8 Juin 2014 - 21:18 par Courtney ♥
» les effets sur les lignes de transport de l’électricité
Ven 30 Mai 2014 - 17:14 par leila14
» lignes de transport de l'électricité
Ven 30 Mai 2014 - 17:07 par leila14
» Gravitation
Ven 16 Mai 2014 - 20:16 par fatimaa
» Maquette suspension de moto 2D
Jeu 17 Avr 2014 - 17:20 par Sti2d