Discussion :

[speedev]

Re!

Bon ben un soucis encore mais pas remédié celui-là.
J'utilise souvent la même technique pour appliquer de la transparence partielle sur IE comme le fait si bien FireFox. Càd j'appelle un JS appelé PNGfix.js qui repère tous les png d'une page et leur applique une propriété adéquate pour que la transparence partielle s'active.
Seulement pour les CSS, ce n'est pas pareil, ce script ne s'applique pas car il n'y a aucune balise <img>, donc le script ne repère pas le png en background-image.

J'utilise donc cette ligne dans le css:

Code :

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

filter=progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/pix_tra_green.png",sizingMethod="scale");

Et ça marche!

Le problème se situe vis-à-vis de javascript, probablement les quotes/guillemets. En effet, passant par ajax pour déclencher un backgroundimage automatique sur telle ou telle ligne saisie bonne ou mauvaise je dois appliquer la même propriété CSS de cette manière:

Code :

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

document.getElementById("id2_"+objet).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=\"images/pix_tra_green.png\",sizingMethod=\"scale\")";

Le soucis....c'est que ça marche pô.
Et ça marche sur une autre de mes appli mais le code est tellement différent et inadapté que je ne peux le reprendre.

Question: Voyez vous un soucis de quote et/ou guillement? Ou autre...
Sachant que j'ai essayé une foule de possibilités...

[SpaceFrog]

Code :

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

document.getElementById("id2_"+objet).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images\/pix_tra_green.png',sizingMethod='scale')";

mais je sasi pas si on peut faire du filter dynamique avec javascript ?

[speedev]

Non les quotes sont incorrectes, tout est décolorisé, mais ça doit pas être loin...
Merci Grenouille de l'espace!

Si si on peut appliquer du filter dynamique avec javascript, je l'ai fais sur une autre appli.
Le code est similaire au niveau du filter, c'est pour ça que je comprends pas pourquoi cette fois-ci ça marche po!

[speedev]

De cette manière la colorisation du code est bonne et c'est proche de ta proposition spacefrog:

Code :

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

document.getElementById("id2_"+objet).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images\/pix_tra_green.png',sizingMethod='scale')";

[Cpas2latarte]

j'ai déja utilisé ça (en JS) ,cela fonctionnait bien
Et ta ligne me semble correcte

Peut être que le probleme est ailleurs.
A tout hazard, est ce le bon objet sur lequelle filte est aplliqué ?
Pour le vérifier Ajouter une proprité non standard (Ie pourra le récup sans problème)
ex

Code :

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

<ELEMENT maprop='valeurunique'>...

et dans le code js ou le filtre est appliqué :

Code :

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

1
2
3
4
5
 
[...]
alert(document.getElementById("id2_"+objet).maprop);
// pour être sure qu'on traite le bon objet
[...]

peut être que "objet" a une valeur autre que celle attendu.
En l'état je ne vois que ça

[speedev]

Oui oui c'est le bon objet puisque je peux lui appliquer une image de fond non transparente.

[SpaceFrog]

peut être encore ecahpper le : avec \: :

[speedev]

2 heures après...et non toujours pas!
Dsl SpaceFrog, c'est pas ça....

Je cherche, je cherche...je trouverai!!

[SpaceFrog]

bon ben quand tu as un souci comme ça passe par le teste de l'alert:

Code :

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

1
2
 
alert("progid:DXImageTransform.Microsoft.AlphaImageLoader\(enabled='true', src='images\/pix_tra_green.png',sizingMethod='scale'\)")

ce qui donne :

Code :

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

1
2
 
document.getElementById("id2_"+objet).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader\(enabled='true', src='images\/pix_tra_green.png',sizingMethod='scale'\)"

et hop merci les astuces de spafy ...
ça doit être dans la faq ou les codes sources ...

[siddh]

est ce que tu as un message d'erreur ?

[SpaceFrog]

ehu si c'st pas ça as tu essayé de le mettre en dur pour voir déja si ça fonctionne ?

[speedev]

J'ai trouvéééé!
Merci du coup de pouce Spacefrog!
Je n'avais pas testé en dur, car d'autre ligne l'utilisaient en dur et ça marchait....

Alors pourquoi pas sur cette ligne avec javascript??

Et bien il s'agit apparement, en tout cas je pense, d'un bug IE, ou d'une incompatibilité.

On ne peut pas appliquer de transparence partielle sur un <tr> par javascript alors qu'on peut la lui appliquer sur Mozilla.

Solution:
Sur IE, il faut appliquer cette transparence sur chaque <td>

Sayonara et merci