Compatibilité JavaScript sur Internet Explorer 11

Version imprimable

Le bout de code que je vais vous montrer marche sur à peu près tout navigateur, sauf Internet Explorer 11, qui a apparement énormément de problèmes de compatibilité qui embêtent beaucoup de gens --'

Je débute encore le développement, j'ai fais pas mal de recherches, et je crois bien que le problème vient du bout de ce bout de code :
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 30 <Script language="javascript"> function Reload() { var cs = document.getElementById('cs').value; var ci = document.getElementById('ci').value.toUpperCase(); if (cs=='' && ci=='') { alert('Alerte'); } else { var URL = 'google.fr' Account Custom Attributes".INDEXED_LONGTEXT_0&P3='+cs+'&P4=eq&P5="- Account Custom Attributes".INDEXED_SHORTEXT_0&P6='+ci+''; var myRef = window.open(URL,'Resultat','width=500,height=200,location=no,scrollbars=yes'); myRef.focus(); } } </Script> <Form type=post action="javascript:void(0);"> <table cellspacing="1" cellpadding="1" border="0" style="margin: 5px;"> <tr><td><font class="label">Test1</font> <Input type=text id=cs class="sidebarInputControlFlexWidth"></td></tr> <tr><td><font class="label">Test2</font> <Input type=text id=ci class="sidebarInputControlFlexWidth"></td></tr> <tr><td><Input type=submit value="Test3" class="disableButtonTD" OnClick="Reload();void(0);"></td></tr> </table> </Form>
Normalement, le problème vient du <script>, d'après ce que j'ai compris... Et j'ai beau faire des recherches, je ne trouve toujours pas de solution à ce problème de compatibilité...
Donc voici le message d'erreur sur IE11 :

ERROR: Originating at N/A
The server encountered an unexpected condition which prevented it from fulfilling the request

Bonjour,

Es-tu sûr que ce code :

Code:

1
2
3
Account Custom
Attributes".INDEXED_LONGTEXT_0&P3='+cs+'&P4=eq&P5="- Account Custom
Attributes".INDEXED_SHORTEXT_0&P6='+ci+'';

marche sous tous les navigateurs ? J’ai comme un doute :weird:

Edit: il y a beaucoup de choses qui ne vont pas dans ton code et j’ai la flemme de tout énumérer, mais on va partir sur un HTML propre si tu veux bien :

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
30
31
32
33
34
35
36
37
38
39
40
<style>
 
table {
  border-spacing: 1px;
  border: none;
  margin: 5px;
}
th, td {
  padding: 1px;
}
 
</style>
 
<form method="post">
  <table>
    <tr>
      <td>
        <label for="cs">Test1</label>
        <input type="text" id="cs" class="sidebarInputControlFlexWidth" />
      </td>
    </tr>
    <tr>
      <td>
        <label for="ci">Test2</label>
        <input type="text" id="ci" class="sidebarInputControlFlexWidth" />
      </td>
    </tr>
    <tr>
      <td>
        <input type="submit" value="Test3" class="disableButtonTD" />
      </td>
    </tr>
  </table>
</form>
 
<script type="text/javascript">
 
... // le code JavaScript ici
 
</script>

Je mets le code JavaScript à part pour profiter de la coloration syntaxique sur ce forum :

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
30
31
32
33
'use strict';
 
function Reload()
{
  var cs = document.getElementById('cs').value;
  var ci = document.getElementById('ci').value.toUpperCase();
  if ('' === cs && '' === ci)
  {
    alert('Alerte');
  }
  else
  {
    var URL = 'google.fr';
 
    // partie douteuse
    /*
    Account Custom
    Attributes".INDEXED_LONGTEXT_0&P3='+cs+'&P4=eq&P5="- Account Custom
    Attributes".INDEXED_SHORTEXT_0&P6='+ci+'';
    */
 
    var myRef = window.open(URL, 'Resultat',
      'width=500,height=200,location=no,scrollbars=yes');
    myRef.focus();
  }
}
 
document.querySelector('form').addEventListener('submit',
  function (event)
  {
    event.preventDefault();
    Reload();
  });

Je n’ai pas cherché à comprendre ce qu’est censé faire ton code, étant donné cette partie douteuse qui est absolument incompréhensible. Teste déjà ce que je t’ai donné sous tous les navigateurs pour voir si ça marche, et ensuite on essayera ensemble de compléter ce qui manque ;)

09/06/2017, 18h30
DiwanD

Merci beaucoup de ton aide :O avec ce que tu m'as donné, j'ai juste remplacé les guillemets par du code exabinaire ou quelque chose du genre, et la compatibilité était réglée ! Sinon je tiens quand même à dire que ce code n'étais pas de moi, mais d'un autre développeur, et la "partie douteuse" est apparement à garder, je ne sais pas pourquoi, mais on m'a dit de la laisser ^^
Encore une fois merci beaucoup de ton aide ;)
09/06/2017, 19h55
Watilin

Ma curiosité n’est pas satisfaite :P

C’est quoi ce langage ? C’est pas du JS. C’est du code serveur ? Est-ce que ça apparaît dans le code source de la page (Ctrl+U) ?

Et euh…

Citation:

Envoyé par DiwanD

j'ai juste remplacé les guillemets par du code exabinaire ou quelque chose du genre

Quoi ? :?