Forum GLPI-Project

DJTom

Member

Registered: 2008-10-30

Posts: 31

2 BUG thème Black : 'undefined' a la valeur Null dans IE8 et Logo GLPI

Bonjour à tous,

Je fais ce post avec 2 bug détectés dans le plugin Thème avec thème black et son utilisation avec IE8.

Je coupe court à ceux qui vont me proposer de passer en IE9... ce n'est pas envisageable.
De plus, le logo GLPI en haut à gauche ne s'affiche pas.

Voici notre système :
GLPI : v0.84.4
Plugin Thèmes : v1.2.0
Serveur Web : Windows 2003 R2 + IIS 6.0
BDD MySQL : v5.0.45
PHP : v5.3.8

Voici le problème 1 :
Une fois connecté sur la page accueil (central.php) de GLPI, IE8 charge la page mais affiche un warning (en bas à gauche). Voici les détails qu'IE donne :

Message : 'undefined' a la valeur Null ou n'est pas un objet.
Ligne : 41
Caractère : 4
Code : 0
URI : http://poseidon.gindre.lan/glpitest2/plugins/themes/front/getfile.php?theme_id=2&type=js&file=BlackGLPI.js

Pour information, nous avons installé la mise à jour Microsoft KB2898785 pour que le site GLPI v0.84.4 fonctionne avec IE8.

Solution au problème 1 :
Le problème est donc dans le fichier BlackGLPI.js ligne 41 (et aussi ligne 48).

BlackGLPI.js ligne 40 : var src = $('img[src*="menu_add.png"]').attr('src');
BlackGLPI.js ligne 41 : src = src.replace('pics/menu_add.png', 'plugins/themes/img/add.png');
BlackGLPI.js ligne 47 : var src = $('img[src*="menu_search.png"]').attr('src');
BlackGLPI.js ligne 48 : src = src.replace('pics/menu_search.png', 'plugins/themes/img/search.png');

Solution qui me convient : commenter les lignes 41 et 48 car elle remplacent simplement des images par d'autres, et les images originales me conviennent car elles sont plus cohérentes avec les autres images qui ne sont pas remplacées.
A vous de voir :

Voici le problème 2 :
Avec le thème BlackGLPI le logo (en haut à gauche) est remplacé par le texte "GLPI" écrit en blanc sur fond gris. Par contre ça ne fonctionne pas sous IE, et la barre du haut est sur "2 lignes", ça prend de la place pour rien.

1er Axe : Trouver une solution pour que ça fonctionne dans IE : Quelqu'un aurait une solution à cela ? (je suppose qu'en jouant avec les CSS c'est peut être possible... mais je ne suis pas spécialiste)

2nd Axe : Mettre le logo glpi existant de base : "pics/login_logo_glpi.png" (il est arrondi et les coins sont transparents). Evident, j'essaye de trouver une solution en ne touchant qu'au CSS du thème BlackGLPI.CSS. Cela ce passe à partir de la ligne 32 dans "#c_logo ", mais pour le moment, le logo que j'ajoute est toujours en transparent....

Au plaisir de voir vos réponses...

yllen

GLPI-DEV

From: Sillery (51)

Registered: 2008-01-14

Posts: 15,278

Re: 2 BUG thème Black : 'undefined' a la valeur Null dans IE8 et Logo GLPI

Je déplace ce post dans la bonne section

---

CentOS 6.5 - CentOS 7.x
PHP 5.6 - PHP 7.x - MySQL 5.6  - MariaDB 10.2 + APC + oOPcache
GLPI from 0.72 to dev version
Certifiée ITIL (ITV2F, ITILF, ITILOSA)

DJTom

Member

Registered: 2008-10-30

Posts: 31

Re: 2 BUG thème Black : 'undefined' a la valeur Null dans IE8 et Logo GLPI

Toutes mes excuses pour l'erreur de catégorie de ce post.

J'ai trouvé la moitié de ma solution pour le Problème 2 - Axe 2 :
Modifier le fichier BlackGLPI.css comme suit (exemple avec 2 images : mon_logo_glpi.png et mon_logo_glpi_over.png, quand on passe la souris dessus).
Attention : Il faut bien mettre les 2 images dans le dossier ...glpi\plugins\themes\img ; et la dimension des images doit être 61 x 25 .

html body #header #c_logo {
/*** SUPPRESSION */
   /* background:none; */
/*** FIN SUPPRESSION */
   height:35px;
/*** AJOUT */
   background: #525252;
   width: 75px;
   height: 41px;
   float: left;
   background: url("../img/mon_logo_glpi.png") no-repeat 5px 5px ;       
/*** FIN AJOUT */

}
html body #header #c_logo a:hover {
/*** SUPPRESSION */
    /* background-color:#3f3f3f; */ 
/*** FIN SUPPRESSION */
/*** AJOUT */    
   background: #525252;
     background: url("../img/mon_logo_glpi_over.png") no-repeat 5px 5px ;     
/*** FIN AJOUT */    
}

html body #header #c_logo a:before {
/*** SUPPRESSION */
   /* content:"GLPI"; */
/*** FIN SUPPRESSION */
}

(vous me direz que c'est simple, ce n'est que du CSS, mais quand on n'est pas spécialiste, ça coule pas de source)

Voici donc le résultat :

Donc demi solution, puisque dans IE, il reste la barre de menu sur 2 lignes.

Quelqu'un a une idée ?