Discussion :

[Invité]

Bonjour,

Je travaille sur un script, mais j'ai constaté qu'il ne marche pas sur IE8 vu qu'il y a des fonctions non supportées par ce navigateur comme:
getElementsByClassName(), addEventListener(), l'événement oninput, trim(), firstElementChild, textContent.

J'ai changé les fonctions mais j'ai toujours des problèmes surtout ces lignes: (Les commentaires c'est pour la version IE9 et après

Code :

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

1
2
//Array.prototype.push.apply(grps, this.contener.getElementsByClassName('categorieDesAptitudes'));
		Array.prototype.push.apply(grps, this.contener.querySelectorAll('.categorieDesAptitudes')));

Code :

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

1
2
3
4
5
6
7
//  while (html = grp.contener.firstElementChild) {
           while (html = ( grp.contener.firstElementChild || grp.contener.children[0] || {}) ) {
 
            	// data = html.getElementsByClassName('item-search')[0].textContent;
                data = (html.querySelectorAll('.item-search')[0].textContent || html.querySelectorAll('.item-search')[0].innerText);
                grp.items.push(this.addItem(html, data, idx_g));
            }

Pourriez vous me dire comment faire pour corriger ces bugs? Merci d'avance.

[melka one]

bonjour

getElementsByClassName() fonctionne avec ie8

ce code permet de rechercher un élément selon sa class il remplace querySelector

Code :

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

1
2
3
4
5
6
7
8
9
10
var all_class=document.body.getElementsByClassName
 
for(var i=0;i<all_class.length; i++){
 
   if(all_class[i]=="nom_de_la_class"){
 
      alert(all_class[i].className)
      break
   }
}

pour le texte il faut utiliser innerText

al la place de addEventListener il faut utiliser attacheEvent

Code :

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

mon_element.attacheEvent("onclick",la_fonction)

pour firstElementChild essai avec firstChild a voir si il y a des node texte entre deux

[Invité]

Bonjour et merci beaucoup de ton aide, en fait j'ai revérifié pour le getElementsByClassName et c'est supporté à partir de ie9.

Pour le reste, j'ai déjà fait ça mais ça n'a pas fonctionné, voici mon code sur ce lien : JsFiddle.com

J'ai commenté les instructions de départ qui marchent avec les navigateurs récents, et je les ai remplacé par les instructions de IE8.

[melka one]

autant pour moi comme je ne cherche plus a programmer pour ie 8 du coup j'en perd


data = (html.querySelectorAll('.item-search')[0].textContent || html.querySelectorAll('.item-search')[0].innerText);

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
 
 
if(typeof window.addEventListener == 'undefined'){
 
var all_elem=document.body.getElementsByTagName(*)
 
for(var i=0;i<all_elem.length; i++){
 
   if(all_elem[i].className=="item-search"){
 
data=all_elem[i].innerText
      break
   }
}
else{
 
data =html.querySelectorAll('.item-search')[0].textContent
 
}

je le fait sur le body mais on peut limiter la recherche en ciblant un élément proche de l'element cible comportant un id de plus on considere que l'element a qu'une class