HTML5 et IE8

Version imprimable

HTML5 et IE8

Bonjour,

j'ai intégré dans mon code un script qui devait permettre IE8 d'exécuter du html5, mais ce n'est pas le cas ; pourquoi ?

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
26
27
28
29
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Test data-attributes</title>
	<!--[if lte IE 8]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]--> 
  </head>
  <body>
 
    <section>
      <a href="test_css.html">Retour</a>
        <form>
            Entrez votre numéro (data-infos=15) : <input type="text" id="donnee" data-infos="15" onchange="mafonction()" />	
<br/><br/><script>
                function mafonction(){
                    var infos = document.getElementById('donnee').value;
                    var monelement = document.getElementById('donnee');
 
                    var element = monelement.dataset.infos;
 
                    document.getElementById('result').value=parseInt(infos)+parseInt(element);
                }
            </script>
           <br/> Résultat : <input type="text" id="result" />
        </form>
    </section>
  </body></html>

en l'occurrence, si je rentre une valeur dans le premier champ, celle-ci est censée être affichée dans le second champ additionnée de 15, or si c'est bien le cas avec Firefox, non avec IE8.

01/03/2014, 11h05
Bovino

J'imagine que tu as lu attentivement la doc et que tu t'es assuré que ton script prend en charge les dataset... :roll:

Non, j'avoue que pour moi, c'était HTML5 ou non (mais faut savoir que j'ai découvert le HTML5 cette semaine...)
Et de doc, même en cherchant sur Google, je n'ai trouvé que cette page qui dit "partiellement" supporté ; donc moyen. A défaut, j'ai essayé de remplacer la fonction par du javascript :
Code:

1 2 3 4 5 6 7 8 function mafonction() { var infos=document.getElementById('donnee').value; //var element=monelement.dataset.infos; var monelement = document.getElementById('donnee'); // Lecture d'une valeur var data-infos = monelement.getAttribute('data-infos'); document.getElementById('result').value=parseInt(infos)+parseInt(data-infos); }
mais ça veut pas non plus :(

02/03/2014, 09h53
Bovino

Code:

var data-infos

:no:

J'imagine que si on te dit d'apprendre JavaScript, ce sera encore trop te demander...

OK, pas de - dans une variable js...mais même avec
Code:

1 2 3 4 5 6 7 8 function mafonction() { var infos=document.getElementById('donnee').value; //var element=monelement.dataset.infos; var monelement = document.getElementById('donnee'); // Lecture d'une valeur var datainfos = monelement.getAttribute('data-infos'); document.getElementById('result').value=parseInt(infos)+parseInt(datainfos); }
ça marche toujours pas...

Et si je rajoute un alert :

Code:

alert('result='+parseInt(infos)+parseInt(datainfos));

je vois que les 2 nombres sont concaténés et pas additionnés (normal, vu qu'en js, le + est le symbôle de la concaténation), mais du coup, comment faire ?

05/03/2014, 00h57
Spartacusply

En rajoutant des parenthèses tout simplement

Code:

alert('result='+(parseInt(infos)+parseInt(datainfos)));

Merci pour le truc des parenthèses (simple mais il faut le savoir) par contre, j'arrive toujours pas à faire marcher le dataset avec IE8 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form>
numéro : (data_infos=15) : <input type="text" id="donnee" data-infos="15" onchange="mafonction()"/>
<!-- data-infos="15" onchange="mafonction()" -->
<br/>
<script>
function mafonction() {
        var infos=document.getElementById('donnee').value;
        //var element=monelement.dataset.infos;
        var monelement = document.getElementById('donnee');
// Lecture d'une valeur
        var datainfos = monelement.getAttribute('data-infos');
        alert('infos:'+infos +'  data-infos:'+datainfos+'  result='+(parseFloat(infos)*1+parseFloat(datainfos)*1));
        document.getElementById('result').value=((parseFloat(infos)*1+parseFloat(datainfos)*1));
}
</script>
<br/>
Résultat : <input type="text" id="result" value=""/>
<input type="submit" value="entrer">
</form>

EDIT : j'ai remplacé les parseInt par des parseFloat et rajouté des *1 pour l'avoir lu sur d'autres fils de discussion, mais ça ne change rien

Ton code tel qu'il est là fonctionne, sauf que ton event onchange n'est pas forcément le bon, puisqu'il est trigger seulement si tu as un vrai changement dans le champ ou si tu focusout (blur) le champ.

Donc utilise onkeyup c'est mieux.

ensuite tu peux très bien simplifier ton code en faisant ça :
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 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <form> numéro : (data_infos=15) : <input type="text" id="donnee" data-infos="15" onkeyup="mafonction(this)"/>  <br/> <script> function mafonction(monelement) { var infos=monelement.value; var datainfos = monelement.getAttribute('data-infos'); document.getElementById('result').value=infos*1+datainfos*1; } </script> <br/> Résultat : <input type="text" id="result" value=""/> <input type="submit" value="entrer"> </form> </body> </html>

06/03/2014, 08h18
Bovino

Citation:

Envoyé par laurentSc

j'ai remplacé les parseInt par des parseFloat et rajouté des *1

Oui... en gros, tu t'amuses (comme le fait remarquer arnogues) à faire plusieurs fois la même chose parce que tu ne sais pas exactement ce que fais le code que tu écris... Tant qu'à faire, essaye

Code:

(parseFloat(+Number(infos)-0)*1+parseFloat(+Number(datainfos)-0)*1)

Ensuite, même si ce n'est pas à proprement parler une erreur syntaxique, la position de ton script dans la page relève au mieux de l'incohérence... lorsqu'on écrit du code que l'on veut maintenir facilement, on essaye d'organiser un minimum les choses... Ce qui semble encore montrer que tu ne maitrises pas du tout qui fait quoi ni quand...
06/03/2014, 08h33
laurentSc

Merci, avec le onkeyup, ça fonctionne...et Bovino, c'était pas pour m'amuser : j'avais lu cette recommandation dans un post et l'avais essayée...
06/03/2014, 08h41
Bovino

Ouais... enfin, ce sur quoi je voulais mettre le doigt, ce n'était pas que tu t'amuses mais le fait que tu ne comprends pas le code que tu écris, ce qui est largement plus inquiétant...
J'aimerais bien voir où tu as vu qu'il était utile de multiplier par 1 le résultat d'un parseFloat()... :roll:
Que tu aies pu voir la multiplication par 1 comme dans l'exemple donné par arnogues est largement envisageable, car c'est une des méthodes pour transtyper dynamiquement une chaine en nombre, mais dans le code que tu as donné, ça ne sert à rien sinon à montrer que tu ne comprends pas ce que fait ton propre code...