begin process at 2012 05 29 04:18:49
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Comment fonctionne ElementById et onChange

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Comment fonctionne ElementById et onChange

jeudi 29 janvier 2009 à 12:59:51 | Comment fonctionne ElementById et onChange

wolkyn
Bonjour, je suis débutant et cherche voir comment fonctionne certaine methode.

J'ai cherché sur le site un forum m'expliquant simplement comment utiliser :
- ElementById
- Onchange

dans le cadre d'une application simple.

Je cherche juste a appliquer les deux dans un tableau a deux cases.

" La première case du tableau etant une liste ( select ) deroulante. En fonction du choix, la valeur de la deuxième case change automatiquement ( sans cliquer sur un bouton ). "

Quelqu'un pourrait m'aider ? Je sais que la question doit être redondante mais je n'ai trouvé de réponse.
jeudi 29 janvier 2009 à 13:36:03 | Re : Comment fonctionne ElementById et onChange

Bul3

Membre Club


bonjour,

>>J'ai cherché sur le site un forum
c'est peut-être mieux avec un doc ?
perso j'use de selfHTML, en français, gratis,
        téléchargeable, version html/chm....
        pas complète, mais aucune ne l'est !

>- ElementById
   ça n'existe pas
   peut-être parles-tu de getElementById ?
   dans ce cas, c'est s'adresser à un élément du html s'il possède un ID

- Onchange
  c'est un évènement lié à un élément du html
  lorsqu'on change le contenu de cet élément, les ordres javascript
                décrits dans le onchange sont exécutés.

la suite... je n'ai pas compris ce que tu veux dire ni quel  est ton souci
peut-être parles-tu d'un select sans size, et donc sa 1ère option
est sélectionnée par défaut. pour déclenché le onchonge, il faut
d'abord cliquer sur une autre ligne !
solution ? _ mettre un size>1
               _ dès que le select a le focus mettre son selectedIndex à -1
              _ mettre une 1ère option bidon ( un titre ? )
                 et ne pas gérer l'option 0
              _ ....
Cordialement

          [mon Site] [M'écrire] Bul         

jeudi 29 janvier 2009 à 14:06:28 | Re : Comment fonctionne ElementById et onChange

wolkyn

Merci pour la doc, je pense trouver beaucoup d'aide dedans.

Pour ce que je veux faire:

<tr>
<TD> <select  onchange=" ??">
<option value="choix" selected> choix < /option>
<option value="oui"> oui </option>
<option value="non"> non </option>
</select>
</td>

<td> <input type="text" value=""> </td>

je veux ecrire automatiquement dans le input YES si on choisit l'option oui et NO si on choisit l'option oui via la liste. Afin de comprendre la base et le mécanisme de onchange et par la même occasion de getElementById.

Cela est plus compréhensible ?
jeudi 29 janvier 2009 à 14:16:11 | Re : Comment fonctionne ElementById et onChange

Bul3

Membre Club
et ben....    fais l !

met un id à ta balise "input text", tu pourras t'y référer avec getElementById
onchange : this.selectedIndex c'est le n° de l'option sélectionnée
               this.options[n° de l'option voulue].text ou .value c'est le text ou le .value
                     de l'option voulue
              ( je marque this, c'est si le javascript est mis directement dans la balise
                sinon.. tu devrais savoir le faire )


          [mon Site] [M'écrire] Bul       

jeudi 29 janvier 2009 à 14:32:01 | Re : Comment fonctionne ElementById et onChange

Bul3

Membre Club
de plus, ne rien voir dans la cellule, ne signifie pas que sa taille = 0
elle peut contenir 2 espaces, voire 2 caractères non affichables
[mon Site][M'écrire]Bul
jeudi 29 janvier 2009 à 14:33:41 | Re : Comment fonctionne ElementById et onChange

Bul3

Membre Club
oublier le dernier message, je m'a gouré de lieu  ;o(
[mon Site][M'écrire]Bul
jeudi 29 janvier 2009 à 14:47:16 | Re : Comment fonctionne ElementById et onChange

wolkyn

Je suis nul !!

Mais non j'y arrive toujours pas. J'ai toujours pas compris le mécanisme de Onchange.

Voila mon code :

"<html>

<head><title>Test</title>
</head>

<body>
<tr>
<TD> <select  onchange="document.getElementById("truc").value= this.options[this.selectedIndex].value">
<option value="choix" selected> choix </option>
<option value="yes"> oui </option>
<option value="no"> non </option>
</select>
</td>

<td> <input type="text" id="truc" value=""> </td>



</body>
</html>

"

Ou est l'erreur ?? Pourquoi le onchange de renvois pas la valeur de l'option dans le input ??

Merci d'avance.
jeudi 29 janvier 2009 à 15:00:12 | Re : Comment fonctionne ElementById et onChange

Bul3

Membre Club
1° si tu utilisais un éditeur de texte avec coloration
   syntaxique, tu verrais l'erreur immédiatement

2° déboguer est possible  :
NavigateursQuelques Expplications
Chrome
contrôler page actuelle / Options pour développeurs
/ Console Javascript
FireFox
Outils / Console d'erreurs
      et mieux  : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
   dans la liste, sous "Navigation" : décocher
   o Afficher une notification de chaque erreur de script
   o Désactiver le débogage de Scripts (Internet Explorer)
      et mieux   : télécharger le Debogger IE
      voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
 ° modifier Fichier com.apple.Safari.plist  situé dans le
 répertoire : Support:\Documents and Settings\utilisateur
                \Application Data\Apple Computer\Safari\Preferences\
   y ajouter    <key>IncludeDebugMenu</key>
                <true/>

une piste ?  les navigateurs se pomment dans tes guillemets !
comment pourraient-ils deviner si c'est une guillemet pour ouvrir ou fermer ?
pour la paire de l'un d'entr'eux utilise ' à la place ou \"

[mon Site][M'écrire]Bul
dimanche 1 février 2009 à 12:09:26 | Re : Comment fonctionne ElementById et onChange

wolkyn


J'utilise jedit qui colore le ligne de code ( mais n'indique pas les erreurs ). De plus j'ai firebug mais je n'arrive pas de comprendre comment il fonctionne.

Comme tu peux le voir je débute et n'ai pas encore les bons automatismes.

J'arrive toujours pas a faire ce que je veux ... Et pourtant c'est le béaba de onchange.
dimanche 1 février 2009 à 12:24:57 | Re : Comment fonctionne ElementById et onChange

Bul3

Membre Club
Réponse acceptée !

prend komodo edit par exemple
( j'usais de notepad++, mais il a quelques soucis actuellement,
  passagers je suis sûr, mais enn attendant ! )

<select  onchange="document.getElementById('truc').value= this.options[this.selectedIndex].value;">

car on voyait( avec notepad ) :
<select  onchange="document.getElementById("truc").value= this.options[this.selectedIndex].value">


[mon Site][M'écrire]Bul

1 2

Cette discussion est classée dans : cherche, tableau, fonctionne, onchange, elementbyid

Répondre à ce message

Sujets en rapport avec ce message

FAIRE UN SIMPLE TABLEAU [ par malhivertman1 ] Bonjour a tousEn fait, je cherche a faire un tableau en javascript avec environ 150 cellules.Sur les lignes, j'ai les mois et sur les colonnes les ann tableau [ par metos ] bonjour,j'ai un soucis, dans mon site web j'utilise un tableau javascript créer dans une page js. le début du tableau est le suivant : var itemarray = cherche un script de réduction de tableau [ par MisterJAD ] Bonjour à tous,ça fait une heure que je cherche un script, je ne trouve pas alors je demande sur le forum à tout hasard ...en fait, c'est un script ph onChange ne fonctionne pas dan IE [ par ced1992 ] bonjour, j'ai un select : choice1 choice2 // et voici mon javascript. function changechoice(choice) { with(choice) { if (value= Comment changer la valeur d'un tableau [ par titan3131 ] [^^happy10] Pierre Nonclercq Bonjour Je débute en javascript et je ne comprend pas pourquoi ce code ne fonctionne pas var tableau = ("0,1,2,3,4");ta Probleme de fonction qui fonctionne pas [ par bmahiet ] Bonjour à tous, J'ai un probleme sur une fonction javascript qui ne fonctionne pas alors qu'ailleurs elle fonctionne je vous explique. [color=blue] bouton (curseur ) qui tourne comme un bouton de radio [ par tataye54 ] bonjour, je cherche une solution pour faire un bouton qui ferait comme une radio avec trois position le curseur faisant tourner le bouton quand on su Fonction javasceript ne detecte pas mon attribut css marginLeft [ par barikapix ] Bonjour tout le monde, Tout d'abord, j'espère que ce n'est pas la 1289756390653721ème f"ois que quelqu'un pose cette question. Voila 1 semaine que j <body> ne fonctionne pas avec deux code JavaScript [ par andrebernard ] Bonjour à tous Je suis débutant, et cela fait une journée que j'essaie de faire marcher sans succés un code qui réuni deux effets en JavaScript Le envoie d'un tableau avec la methode GET [ par soukaouta ] Bonjour, j'essaie d'envoyer un tableau dans un url avec la methode GET, voila le code: [code=js] function Array2Get(tbl,nom) { //tbl est une variable


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,154 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)