11548 sujets

JavaScript, DOM et API Web HTML5

Salut,

J'ai un petit souci avec mes draggables de prototype. Le problème en question n'est présent que sur IE6 du au fait que j'utilise des png avec transparence Smiley murf .

Pour faire simple, j'ai un cadre principal de taille dynamique et une div 'handler' placée en top du cadre pour activer le déplacement du cadre (new Draggable).
La div 'handler' en question dispose d'un filtre sur IE6 pour gérer la transparence de son background.

Seulement voila, en mettant ce filtre sur cette div, les écouteurs onmousedown et hover du Draggable semblent désactivés. Il m'est d'ailleurs possible d'actionner un évent sur des éléments se trouvant derrière celle-ci.

J'ai aussi remarqué que les filtres avec la propriété 'sizingMethod' à 'crop' ne présentaient pas se problème. Or ici je veux que ces images soient répétables donc 'sizingMethod' à 'scale'


Quelqu'un a-t-il déjà rencontré ce même problème? Comment y remédier?


Voici le hack IE6 pour les png:

.handler 
	{
	background: transparent url(./img/myPicture.png) repeat-y top left;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./css/img/myPicture.png", sizingMethod="scale");



Aussi, rien a voir, mes feuilles de style sont dans un dossier nommé 'css' qui est placé au même niveau que mon index.
Et pour mon filtre IE6 je suis obligé de définir le chemin de l'image depuis ma page web et non celui à partir de ma page css, c'est normal?
Si c'est le cas cela oblige de créer toutes ces pages web dans le même dossier Smiley ohwell
Glopp a écrit :
Et pour mon filtre IE6 je suis obligé de définir le chemin de l'image depuis ma page web et non celui à partir de ma page css, c'est normal?

Oui.

Glopp a écrit :
Si c'est le cas cela oblige de créer toutes ces pages web dans le même dossier Smiley ohwell

Heu... les chemins absolus, ça existe aussi. Si ton dossier "css" est à la racine, tu as juste besoin du chemin suivant: "/css/img/myPicture.png" (chemin absolu qui part de la racine du sous-domaine).

Quant au problème principal, peut-être un lien avec:
http://covertprestige.info/test/47-alphaimageloader-absolute.html

De manière générale, les scripts AlphaImageLoader et plus généralement les filtres DirectX fichent le bazar. Pour ma part je les évite autant que possible (quitte à traiter certains effets en dégradation gracieuse).
Merci,

Je pensais à tord que pour le chemin absolu il fallait spécifier le chemin depuis le http.

Pour ce qui concerne mes problèmes de filtre-event, cela ne se produit que si le filtre est de type 'scale'.

J'ai essayé de mettre un div dans celui qui a un filter avec width et height à 100%
rien n'y fait.
Par contre si je met du texte dans ce div, l'event marche mais seulement sur la zone prise par le texte Smiley langue . Quand j'inspecte la div avec debugbar, elle prend bien toute la taille de l'autre div avec le filter.