innerHTML d'element Javascript

Bonjour,

je travaille sur une calculatrice et j'ai un petit problème avec mon innerhtml.


JS

Code:

---

1 2 3 4 5

function add_char(character) { window.document.calculatrice.print.innerHTML += character; }

---

HTML

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<tr class="little_space"> <td colspan="4"> <table class="main_case"> <tr> <td style="text-align: right;"> <input type="text" size="5" id="print" class="print_all"/></td> </tr> </table> </td> </tr> <tr> <td> <input type="button" class="cases" value="1" onclick="add_char('1')"/></td> <td> <input type="button" class="cases" value="2" onclick="add_char('2')"/></td> <td> <input type="button" class="cases" value="3" onclick="add_char('3')"/></td> <td> <input type="button" class="cases" value="/" onclick="add_char('/')"/></td> </tr>

---

Au début a la place de mon window.document.calculatrice.print.innerHTML j'avais mis window.document.calculatrice.print.value mais sous IE l'affichage ne marche pas :s. Donc la ça ne marche pas du tout quand je clique par exemple sur 1 ça devrais me l'afficher au niveau de mon input text (id=print)
mais ça n'affiche rien du tout :s.

Merci d'avance.

Bonsoir,

Ce code est compatible IE7 et FF3.6 :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<form name="calculatrice"> <tr class="little_space"> <td colspan="4"> <table class="main_case"> <tr> <td style="text-align: right;"> <input type="text" size="5" id="print" class="print_all"/></td> </tr> </table> </td> </tr> <tr> <td> <input type="button" class="cases" value="1" onclick="add_char('1')"/></td> <td> <input type="button" class="cases" value="2" onclick="add_char('2')"/></td> <td> <input type="button" class="cases" value="3" onclick="add_char('3')"/></td> <td> <input type="button" class="cases" value="/" onclick="add_char('/')"/></td> </tr> </form> <script> function add_char(character) { window.document.calculatrice.print.value += character; }   </script>

---

Vérifiez avec votre code ce qui change. C'est bien .value qu'il faut utiliser. Si ça ne marche toujours pas, remplacez cette ligne-ci :

Code:

---

1 2 3 4 5 6

window.document.calculatrice.print.value += character;   //par   document.getElementById("print").value += character;

---

Vous jouez avec des name et des id. Faites attention. Ce sont deux choses bien différentes qui sont appelées de manière différentes.

Tout en sachant que print est une méthode native de JavaScript et donc un choix très inopportun pour un nom de champ ;)

Merci de votre aide, donc innerHTML n'est pas utile ici ?

innerHTML ne s'utilise pas avec les tags HTML de type input / select / textarea

++

Bonjour,

innerHTML s'utilise à textarea ;). Avec la plupart des balises qui ne sont pas auto-fermante.

A+.