Discussion :

[brutalus]

Bonjour,

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


JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function add_char(character)
{
        window.document.calculatrice.print.innerHTML += character;
}

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[vermine]

Bonsoir,

Ce code est compatible IE7 et FF3.6 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Bovino]

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

[brutalus]

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

[ornitho13]

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

++

[andry.aime]

Bonjour,

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

A+.