Test de js sous IE

**aertys** · 09/12/2015, 22h57

oui mais j'ai mis la 3 premières lignes juste pour tester !

je sais bien qu'au final je mettrai tout les "onclick" appelant addChar, mais juste pour le test je n'en ai mis volontairement que quelques unes et les fonctions JS en trop ne sont pas gênantes.

et bon ce n'était pas si idiot que ça puisque de toute façon, même juste en testant les trois premiers boutons, ça ne fonctionne pas !

**aertys** · 29/12/2015, 20h27

Bonjour à tous,

J'ai réecris mes codes html et js en prenant en compte vos remarques. Je croyais que les boutons de ma calculatrice fonctionneraient mieux (c'est à dire qu'ils permettraient d'insérer du texte au-dessus) mais à ce que je vois, ça ne sert à rien !
re voici donc mes codes :
html :

Code html :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
 
	<html>
 
		<head>
 
			<link rel="stylesheet" type="text/css" href="css/styles/calculette.css">
			<meta content="text/html; charset=utf-8">
 
		</head>
 
		<body>
 
		 <section>
 
		         <div id="affiche"></div>
 
		    <button class="line3 c1" id="sept" onclick="addChar('7')">7</button>
		    <button class="line3 c2" id="huit" onclick="addChar('8')">8</button>
		    <button class="line3 c3" id="neuf" onclick="addChar('9')">9</button>
		    <span class="apart"></span>
		    <button class="line3 c4" id="mul" onclick="addChar('*')">*</button>
 
 
 
		    <button class="line2 c1" id="quatre" onclick="addChar('4')">4</button>
		    <button class="line2 c2" id="cinq" onclick="addChar('5')">5</button>
		    <button class="line2 c3" id="six" onclick="addChar('6')">6</button>
		    <span class="apart"></span>
		    <button class="line2 c4" id="sub" onclick="addChar('-')">-</button>
 
 
 
		    <button class="line1 c1" id="un" onclick="addChar('1')">1</button>
		    <button class="line1 c2" id="deux" onclick="addChar('2')">2</button>
		    <button class="line1 c3" id="trois" onclick="addChar('3')">3</button>
		    <span class="apart"></span>
		    <button class="line1 c4" id="div" onclick="addChar('/')">/</button>
 
 
 
		    <button class="line0 c1" id="point" onclick="addChar('.')">.</button>
		    <button class="line0 c2" id="zero" onclick="addChar('0')">0</button>
		    <button class="line0 c3" id="egal" onclick="addChar('=')">=</button>
		    <span class="apart"></span>
		    <button class="line0 c4" id="add" onclick="addChar('+')">+</button>
 
 
 
		    <button class="line4 c1" id="c" onclick="c()">C</button>
		    <button class="line4 c2" id="par" onclick="addChar('(')">()</button><!-- 
		    <button class="line4 c3" id="egal" onclick="egal()">=</button>
		    <span class="apart"></span>
		    <button class="line4 c4" id="add" data-op="Setadd" onclick="add()">+</button> -->
 
	    </section>
 
			<script type="text/javascript" src="js/calculette.js"></script>
	   </body>
	</html>

js :

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
26
27
28
29
30
31
32
33
 
 
    var par = false;
 
    var calcul = document.getElementById ('affiche');
 
	function addChar(c){
 
		var propText = ('textContent' in calcul) ? 'textContent' : 'innerText'; // prise en compte des vieux IE 
		calcul [propText] += c;
 
	}    
 
	function c(){
 
		var propText = ('textContent' in calcul) ? 'textContent' : 'innerText'; // prise en compte des vieux IE 
		calcul [propText] = '';
 
	}
 
    function pars() {
 
    	if (par) {
    		calcul.innerHTML += ')';
    		par = false;
    	}
 
    	else {
    		calcul.innerHTML += '(';
    		par = true;
    	}
 
	}

voyez-vous comment corriger mon code pour qu'il m'affiche les bons chiffres ?

joyeux noel et bonne année 2016

**NoSmoking** · 04/01/2016, 14h07

mais à ce que je vois, ça ne sert à rien

...???...quand demandes tu le calcul et comment ?

**aertys** · 04/01/2016, 17h11

d"solé je nee comprends plus riien je vais revoir chez moi

**aertys** · 04/01/2016, 20h40

j'ai vu une ligne dans mon html faisant appel à egal (), cela dit celle-ci est en commentaires.

**aertys** · 05/01/2016, 18h24

suggèreriez-vous que je retire cette ligne?

**NoSmoking** · 05/01/2016, 20h04

suggèreriez-vous que je retire cette ligne?

Ben non c'est justement celle ci qu'il faut garder pour pouvoir lancer le calcul !

Un petit coup de main suivant ce qui a déjà été fait

Code :

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

1
2
3
4
5
function egal(){
    var propText = ('textContent' in calcul) ? 'textContent' : 'innerText'; // prise en compte des vieux IE
    // récupération du contenu, calcul via un eval et affichage du résultat au même endroit
    calcul [propText] = eval( calcul [propText]);
}

**aertys** · 06/01/2016, 14h17

merci pour la fonction j'essayais juste de le faire en affichant les chiffres pour commencer

**aertys** · 16/01/2016, 18h06

j'ai réessayé avec la fonction égal que vous m'avez donnée.
sous firefox ça marche parfaitement ; y'a rien à redire.
mais sous ie, comme d'habitude il ne m'affiche rien lors d'un clic quelconque.je pense que le problème vient de la fonction addChar qui ne fonctionne pas sous ie.

**NoSmoking** · 18/01/2016, 18h49

Pourrais tu nous fournir le code complet, et propre, que tu as actuellement.

Sur quelle version de IE testes tu ?

**aertys** · 30/01/2016, 15h18

bonjour,

d'abord la version d'ie sous laquelle j'effectue mes tests est ie11.

revoici mes codes :

Code html :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
 
	<html>
 
		<head>
 
			<link rel="stylesheet" type="text/css" href="css/styles/calculette.css">
			<meta charset="utf-8">
 
		</head>
 
		<body>
 
		 <section>
 
		         <div id="affiche"></div>
 
		    <button class="line3 c1" id="sept" onclick="addChar('7')">7</button>
		    <button class="line3 c2" id="huit" onclick="addChar('8')">8</button>
		    <button class="line3 c3" id="neuf" onclick="addChar('9')">9</button>
		    <span class="apart"></span>
		    <button class="line3 c4" id="mul" onclick="addChar('*')">*</button>
 
 
 
		    <button class="line2 c1" id="quatre" onclick="addChar('4')">4</button>
		    <button class="line2 c2" id="cinq" onclick="addChar('5')">5</button>
		    <button class="line2 c3" id="six" onclick="addChar('6')">6</button>
		    <span class="apart"></span>
		    <button class="line2 c4" id="sub" onclick="addChar('-')">-</button>
 
 
 
		    <button class="line1 c1" id="un" onclick="addChar('1')">1</button>
		    <button class="line1 c2" id="deux" onclick="addChar('2')">2</button>
		    <button class="line1 c3" id="trois" onclick="addChar('3')">3</button>
		    <span class="apart"></span>
		    <button class="line1 c4" id="div" onclick="addChar('/')">/</button>
 
 
 
		    <button class="line0 c1" id="point" onclick="addChar('.')">.</button>
		    <button class="line0 c2" id="zero" onclick="addChar('0')">0</button>
		    <button class="line0 c3" id="egal" onclick="egal ()">=</button>
		    <span class="apart"></span>
		    <button class="line0 c4" id="add" onclick="addChar('+')">+</button>
 
 
 
		    <button class="line4 c1" id="c" onclick="c()">C</button>
		    <button class="line4 c2" id="par" onclick="pars()">()</button><!-- 
		    <button class="line4 c3" id="egal" onclick="egal()">=</button>
		    <span class="apart"></span>
		    <button class="line4 c4" id="add" data-op="Setadd" onclick="add()">+</button> -->
 
	    </section>
 
			<script type="text/javascript" src="js/calculette.js"></script>
	   </body>
	</html>

Code css :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
body {
	height: 300px;
	width: 210px;
}
section {
	padding-top: 10px;
	width: 210px;
	background-color: #aaaaaa;
	border: 2px solid black;
	height: 300px;
}
button {
	width: 40px;
	height: 40px;
	margin: 2.5px;
}
* {
	margin: 0px;	
}
.c1 {
	margin-left: 10px;
}
.c4 {
	margin-right: 10px;
	font-weight: bold;
}
.line4 {
	margin-bottom: 10px;
}
.line3 {
	margin-top: 10px;
}
.apart {
	width: 20px;
	height: 40px;
}
#affiche {
	width: 175px;
	height: 20px;
	font-weight: bold;
	text-align: right;
	border: 1px solid black;
	margin: 10px; 
	border-radius: 2px;
	background-color: green;
}
.line1,.line2,.line3,.line4,.line0 {
	display: inline-block;
}

Code js :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
 
    var par = false;
 
    var calcul = document.getElementById ('affiche');
 
	function addChar(c){
 
		var propText = ('textContent' in calcul) ? 'textContent' : 'innerText'; // prise en compte des vieux IE 
		calcul [propText] += c;
 
	}    
 
	function c(){
 
		var propText = ('textContent' in calcul) ? 'textContent' : 'innerText'; // prise en compte des vieux IE 
		calcul [propText] = '';
 
	}
 
    function pars() {
 
    	if (par) {
    		addChar (')');
    		par = false;
    	}
 
    	else {
    		addChar ('(');
    		par = true;
    	}
 
	}
 
function egal () {
 
    var propText = ('textContent' in calcul) ? 'textContent' : 'innerText'; // prise en compte des vieux IE
    // récupération du contenu, calcul via un eval et affichage du résultat au même endroit
    calcul [propText] = eval( calcul [propText]);
 
}

**NoSmoking** · 31/01/2016, 11h28

Je viens de tester sur IE11 et le code est tout à fait opérationnel, ton soucis est ailleurs

Test de js sous IE

JavaScript

Discussions similaires

Partager

Partager