Forum d'entraide en sciences
Bienvenue sur le forum d'entraide en sciences ! Inscrivez-vous gratuitement pour accéder à l'intégralité du forum ou connectez-vous si c'est déjà fait !

Bonne visite !

Rejoignez le forum, c'est rapide et facile

Forum d'entraide en sciences
Bienvenue sur le forum d'entraide en sciences ! Inscrivez-vous gratuitement pour accéder à l'intégralité du forum ou connectez-vous si c'est déjà fait !

Bonne visite !
Forum d'entraide en sciences
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
TCL C74 Series 55C743 – TV 55” 4K QLED 144 Hz Google TV (Via ODR ...
499 €
Voir le deal

javascript : petite question

2 participants

Aller en bas

javascript : petite question Empty javascript : petite question

Message par irina Jeu 18 Fév 2010 - 9:40

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
}
}
irina
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par Julien Jeu 18 Fév 2010 - 18:44

Salut,

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
Julien
Administrateur
Administrateur

Masculin Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Ven 19 Fév 2010 - 9:06

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
irina
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Ven 19 Fév 2010 - 9:12

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.
irina
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par Julien Sam 20 Fév 2010 - 8:32

Sers-toi de la balise code pour ne pas que le code soit interprété !

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
Julien
Administrateur
Administrateur

Masculin Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Sam 20 Fév 2010 - 15:26

Non, j'ai refait la fonction comme ça :

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
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par Julien Dim 21 Fév 2010 - 13:21

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 !
Julien
Julien
Administrateur
Administrateur

Masculin Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Dim 21 Fév 2010 - 14:33

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 !
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
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par Julien Dim 21 Fév 2010 - 15:10

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). Wink
Julien
Julien
Administrateur
Administrateur

Masculin Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Dim 21 Fév 2010 - 15:49

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 :

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
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Lun 22 Fév 2010 - 19:28

Ca y est, j'ai trouvé !

pour utiliser ma fonction. il falait
chkCversF.onclick = cocher
irina
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par Julien Mar 23 Fév 2010 - 6:34

OK j'ai mieux compris à présent. ^^

Tant mieux si t'as trouvé toi-même. Wink
Julien
Julien
Administrateur
Administrateur

Masculin Nombre de messages : 12291
Age : 36
Localisation : Clermont-Ferrand
Profession / Etudes : Ingénieur
Points : 22468
Date d'inscription : 10/03/2005

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par irina Mar 23 Fév 2010 - 8:39

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
irina
Membre
Membre

Féminin Nombre de messages : 646
Age : 37
Localisation : Still en Alsace
Profession / Etudes : je cherche un job
Points : 7302
Date d'inscription : 22/09/2008

Revenir en haut Aller en bas

javascript : petite question Empty Re: javascript : petite question

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser