Comment faire marcher ca avec IE

Comment faire marcher ca avec IE - HTML/CSS - Programmation

Marsh Posté le 02-05-2007 à 17:35:32    

Alors, j'ai ecrit une fontion en javascript, qui doit me permetre d'aficher un menu quand on clique sur un bouton:

Code :
  1. function getInputsByClass(Hclass)
  2. {
  3.  var elements = document.getElementsByTagName("input" );
  4.  var retour = new Array();
  5.  var i;
  6.  var j = 0;
  7.  for(i = 0;i < elements.length;i++)
  8.  {
  9.   var recherche = " " + elements[i].className + " ";
  10.   if(recherche.indexOf(" " + Hclass + " " ) != -1)
  11.    retour[j++] = elements[i];
  12.  }
  13.  return retour;
  15. }
  17. function menu(id,nom,credit)
  18. {
  19.  var boutons = getInputsByClass('mod');
  20.  for(el in boutons)
  21.   boutons[el].type = 'hidden';
  23.  var zone = document.getElementById('courant');
  25.  zone.style.backgroundColor = "#E2E2E2";
  26.  zone.style.border = "1px solid #BBBBBB";
  27.  zone.style.height = "150px";
  29.  html = "<form >";
  30.  html += '<input type="hidden" value='+ id +' size="8" id="id">';
  31.  html += '<table width="100%" border="0" id="liste" name="LiColabo">';
  32.  html += "<tr>";
  33.  html += '<td  width="25%" height="30"></td>';
  34.  html += '<td  width="25%" height="30"></td>';
  35.  html += '<td  width="25%" height="30"><b>Ajouter</b></td>';
  36.  html += '<td  width="25%" height="30"><b>Retirer</b></td>';
  37.  html += "</tr>";
  38.  html += "<tr>";
  39.  html += '<td  width="25%" height="30">';
  40.  html += "&bull;&nbsp;" + nom;
  41.  html += '</td>';
  42.  html += '<td  width="25%" height="30">';
  43.  html += '<input readonly value='+ credit +' size="8" id="credit">';
  44.  html += '</td>';
  45.  html += '<td  width="25%" height="30">';
  46.  html += '<input hidden size="8" id="ajouter">';
  47.  html += '</td>';
  48.  html += '<td  width="25%" height="30">';
  49.  html += '<input hidden size="8" id="retirer">';
  50.  html += '</td>';
  51.  html += "</tr>";
  52.  html += '<tr>';
  53.  html += '<td  width="25%" height="30"></td>';
  54.  html += '<td  width="25%" height="30"></td>';
  55.  html += '<td  width="25%" height="30"></td>';
  56.  html += '<td  width="40%" height="90"><input type="Submit" value="Modifier" /></td>';
  57.  html += '</tr>';
  58.  html+= "</table>";
  59.  html += "</form>";
  61.  zone.innerHTML = html;
  62. }


 
l'ennuies, c'est que ce truc marche parfaitement bien avec Firefox, mais avec ie, j'ai un message:

Citation :

Message d'erreur: Could not get the type property. This command is not supported.


Et bien entendus, il me dit que l'erreur est ligne 227, alors que ya que 187 ligne dans le fichier (bon  
c ptet que ya pas mal de truc en php dedans  :sarcastic:  
Mais enfin, je comprend pas :sweat: , help!!! :sweat:


Message édité par 174flo le 02-05-2007 à 17:43:18
Reply

Marsh Posté le 02-05-2007 à 17:35:32   

Reply

Marsh Posté le 02-05-2007 à 21:05:26    

boutons[el].type = 'hidden'; ben ouais sous IE changer le type d'un input n'est pas possible à moins de passer par une helper fonction utilise une technique bien crassou mais c'est la seule solution existante :( :

 
Code :
  1. function setType(node, type) {
  2.         try {
  3.             node.type = type;
  4.         } catch(e) {
  5.             if (node.outerHTML) {
  6.                 node.outerHTML=node.outerHTML.replace(/\btype=\w+\b/,'type="text"');
  7.             }
  8.         }
  9.     }
  12. //et ton  bout de code "boutons[el].type = 'hidden';"  devient :
  13. setType(boutons[el], 'hidden');
 

Bien sur je passerai sur le fait que ton code JS/HTML est vraiment à chier


Message édité par gatsu35 le 02-05-2007 à 21:05:50
Reply

Marsh Posté le 03-05-2007 à 09:26:59    

:hello:  
Merci ca marche :)
Mais pour le code, il aurais fallut quoi pour que ca sois mieu? Parce que la, j'apprends sur le tas et j'ai un peu du mal...  :whistle:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed