11548 sujets

JavaScript, DOM et API Web HTML5

Opacity ie et moz

bonjour,

j'essaie de changer l'opacité d'un élément 'div' dans ma page : 


this.myWindow = document.createElement('div');

this.myWindow.className = 'myWindow';
this.myWindow.style.width = this.width;

	if (this.myWindow.filters) {
		this.myWindow.filters.alpha.opacity=100;
	}
	else {
		this.myWindow.style.MozOpacity = 10;
	}


Le rendu sous mozilla : Si je mets l'opacité à 0, il ne me l'affiche pas. Si je mets l'opacité au dessus de 0, il me l'affiche sans opacité (donc complètement, comme si c'était à 100).

Le rendu sous IE : rien, IE me fait une erreur, me disant que l'objet this.myWindow n'existe pas, alors qu'il prend en compte d'autres paramètres pour le même objet ...

Si vous pouviez m'aider, vous me sortiriez une grosse épine du pied, mon javascript y fait rien que de m'embêter !

Smiley langue

Merci à vous !
Correction, pour mozilla, ça fonctionne. Opacity = 1 étant opaque, il fallait simplement utiliser des flottants.

MozOpacity = 0.1;

par exemple.

Pour IE, par contre, j'ai toujours un message d'erreur.
Pourquoi ne pas juste attribuer une classe et gérer les propriétés pour l'opacité avec les CSS (ne pas oublier la propriété opacity, qui fonctionne comme -moz-opacity, tant qu'à faire)?
Il y a une évolution dynamique de l'opacité?
J'essaie à l'instant de créer un effet de fade, en fait, avec javascript ...

Je misère, d'ailleurs. Et IE ne comprend toujours pas ce que javascript lui envoie.
Bonjour, pour IE
As-tu essayé avec ceci:

this.myWindow.style.filter = 'alpha\(opacity=10\)';

Chez moi IE7, cela fonctionne..
Salut, et merci de ta réponse.

Je n'ai pas IE 7, en fait. Je suis toujours en version 6 ...

this.myWind.style.filter = 'alpha\(opacity=' + 0.1 + '\)';


Ca n'a pas fonctionné chez moi, sous IE 6 ...

Merci tout de même de ton aide.
Sujet clos
Aller à