CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 04 17:30:23

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

[VISUAL STUDIO 2010] LES TESTS CASES C'EST BIEN, MAIS JE VAIS DEVOIR TOUT RééCRIRE ? par Etienne Margraff

COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par FAURE364Denis

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

+ de logiciels à télécharger

1 464 300 membres
203 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 094 codes, 1 302 840 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

BUG FIX PNG TRANSPARENT SOUS IE 6 (MOOTOOLS)

Information sur la source

Catégorie :Graphique Classé sous : png, ie, transparence, fix, explorer Niveau : Débutant Date de création : 22/07/2007 Date de mise à jour : 10/11/2007 17:54:12 Vu / téléchargé: 12 121 / 725

Auteur : pysco68

Site perso

Ecrire un message privé

Note :
Aucune note

Commentaire sur cette source (12)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Voila; une petite contribution (utile??), j'en avais marre de voire mes jolis PNG maltraités par IE... et puisque je fais pas mal avec Mootools en ce moment j'ai fait ce petit code (en tout Mootools [le minimum nécessaire] + mon fix = 20ko) qui c'est avéré très utile pour l'auto-traitement des PNG :)

Dans le ZIP une explication complète de ce qui à été fait, ainsi que les exemples montrés sur la capture...

Donc voilà, laissez moi vos impressions!

Source

(dont.know.where)? in.the.zip : only.in.the.zip
var où = "C'est là bas :)";

(dont.know.where)? in.the.zip : only.in.the.zip
var où = "C'est là bas :)";

Conclusion

Euh!! Petit détail: Licence "CC-Paternité - Pas d'Utilisation Commerciale 2.0 France"
plus d'info: http://creativecommons.org/licenses/by-nc/2.0/fr/

- La source est utilisée par mon CMS, comme ça l'utilisateur n'a pas besoin de s'occuper de ça [ http://yart.ygraphix.net ]
- pourquoi mootools?? C'est un framework géniale, je le conseil à tous! Et puis je l'utilise déja dans mon CMS alors pourquoi laisser faire des DOM-Walk superflux par 2 différent Framework? [Mootools est vraiment ultra-rapidos =]

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

yPNGFix
- exemple
  - exemple.css 457 octets
  - exemple_mix_blue.png 891 octets
  - exemple_mix_fixed.html 695 octets
  - exemple_mix_green.png 891 octets
  - exemple_mix_nofix.html 502 octets
  - exemple_mix_red.png 886 octets
  - exemple_overtext.png 6 591 octets
  - exemple_overtext_fixed.html 860 octets
  - exemple_overtext_nofix.html 590 octets
  - style.css 2 226 octets
- exemple.html 5 248 octets
- mootools.v1.11.js 15 957 octets
- ypngfix.js 3 502 octets

Télécharger le zip

Historique

22 juillet 2007 18:28:48 :: ...correction... le code est pas niveau Expert ^^ désolé...
22 juillet 2007 19:45:22 :: --- Petite rectification sur la page d'exemples ---
10 novembre 2007 17:54:13 :: petit changement dans le fichier JS :) variable renommé entres autres

Sources de la même categorie

GALLERY_PICTURE par midokok

POSITION, OFFSETLEFT, CLIENTLEFT CROSSBROWSER par Kimjoa

ALBUM PHOTO AVEC PARTIE ADMINISTRATION - PHP + AJAX + XML par tinokoxx

INSTALLEZ UN CURSEUR GÉANT, SUPER GÉANT CURSEUR DE LA SOURIS... par abdelaziz_info

LIGHTBOX SANS ONCLICK ET AVEC REDIMENSIONNEMENT par zoby44

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

DÉTECTION D'IE par kangourouxxx

FADING OBJETS HTML par Vedlen

ANNIMATION QUI RECOUVRE L'ÉCRAN AVEC UN PNG SEMI TRANSPARENT par djmmix

BUG FIX DE LA TRANSPARENCE DES PNG SOUS IE 6 par Evangun

SELECT >> DIV >> LE PROBLÈME DANS IE, COMMENT LE RÉSOUDRE par nickadele

Commentaires et avis

Commentaire de bultez le 23/07/2007 10:32:18

très intéressant les explications sur tous ces "FrameWork"
( entre guillemets ) qui ont vu le jour.
plus d'infos sur "toutes" les possibilités seraient
probablement les bienvenues, je pense. un tuto ?

par contre quand tu parles de PNG mal traités par IE,
avec IE7, je n'ai aucun souci, même résultat pour nofix
ou fixed, comme avec les autres navigateurs. me trompe-je ?

@+

Commentaire de pysco68 le 23/07/2007 10:40:52

Concernant IE7 c'est très juste, il règle (enfin) le problème... mais bon quand je regarde les stats des sites que j'ai par ci et par là j'ai encore au moin 50% de IE6 (jusqu'a 80% :'( --> pour quoi pas plus de Firefox??? )

Pour ce qui est d'un Tuto, oui j'y avais pensé :) peut-être que je m'y mets :)

Ciao!

Commentaire de bultez le 23/07/2007 11:01:09

ouf... ça me rassure. je croyais être le seul
pour qui ça baignait... ça me faisait peur ;-)
>>...Tuto...je m'y mets
nickel.

Commentaire de hdh le 23/07/2007 11:36:00

Merci poru le script... et le site http://www.mootools.net/ que je ne connaissais pas !
avec en particulier http://demos.mootools.net/MousewheelCustom
euh.. de là à dire que je vais l'utiliser tous les jours ptê pas... menfin !!
H

Commentaire de rambc le 23/07/2007 11:51:57

pysco68, avec quel programme FLASH gères-tu tes galeries d'images sur ton site ?

Commentaire de gyome314 le 23/07/2007 13:02:56

Merci pour cette petite source très intéressante...

Outre l'utilisation du png fixed, qui à l'air tès au point, on peut se rendre compte à quel point Mootools a évolué, et dans le bon sens.

Un peu décrié dans un premier temps pour ses problèmes de stabilité face aux "prototype" et autre "jquery", la librairie à pris de l'envergure et quelques effets très intéressants que je n'avais pas encore vu juste là.

Bref, cela présage une grande liberté de choix dans les futurs dév web 2.0

A suivre...

Gyome314

Commentaire de rambc le 23/07/2007 13:38:29

A quand un tuto sur Mootools ?...

Commentaire de malik7934 le 23/07/2007 20:18:51

Pourquoi un tuto? Tu trouveras ton bonheur sur http://docs.mootools.net ! Moi depuis que j'ai découvert mootools, je ne peux plus m'en passer :-)

Commentaire de rambc le 23/07/2007 22:05:46

Merci.

Commentaire de djodjooo le 26/08/2007 23:28:48

ne fonctionne pas avec IE6, dommage, c'est le seul qui avait un souci avec les PNG...
Faudra attendre la disparition de cet IE6 pourrit...

Commentaire de pysco68 le 27/08/2007 12:09:51

@DJODJOOO: euh... chez moi et aussi chez quelques amis ça marche sous IE6... je l'utilise sur mon CMS, et ça marche.... si tu veux une preuve: http://uspace.ygraphix.net/CS/preuveIE.jpg serrais-ce peut-être ta configuration de IE qui empèche le javascript dee s'executer?? sinon bien je sais que sur certaines machine il faut recharger la page dans certains cas pour que ça marche, mais je n'ai pas réeussi à reproduire quoi que ce soit systématiquement (on connais avec IE nan??? ^^)

Commentaire de trucky le 16/11/2007 13:11:17

Vraiment très très bien ton code

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Problème d'affichage de la transparence des .png dans Explorer 6 [ par Joasie ] Bonjour,Je suis présentement en train d'apprendre à faire des sites web. J'apprends par moi-même et je travaille sur une plate-forme Ma Png sous ie javascript [ par dreadstock ] Bonjour, j'ai suivi le tuto BUG FIX DE LA TRANSPARENCE DES PNG SOUS IE 6pour la transparence png sous ie , mais ca ne marche pas. pourriez vous jeter Gèrer la transparence [ par nicomilville ] Salut,Je suis en train de faire une fonction pour gèrer une boite de dialogue personalisé, et je suis tombé sur un problème, pour gèrer la transparenc png vs IE [ par GAMERR ] Bonjour tous le monde j'ai fait une recherche sur le forum et dans la liste des codes avant de poster Je voulais inserer des bouttons au fond transpar Bug de transparence [ par Evangun ] Bonjour à tous, quelqu'un saurait-il comment éviter le bug d'IE avec la transparence que je détaille en-dessous ? C'est le bug qui fait qu'au lieu de Augmenter le Zoom dans Internt Explorer 7 ! [ par Roulio52 ] Salut à tous,je bloque sur un petit truc avec IE7 (oui je sais c'est pas bien IE :) ).Je cherche en Javascript à créer soit un bouton, soit directemen PNG perd sa transparence sous IE6 [ par ju0123456789 ] Bonjour à vous !Quelq'un peut-il m'aider svp ?Je met des images en PNG24 avec un fond transparent (aux chiottes les GIF !! lol), mais quand on a IE6 o transparance selective dans tableau HTML [ par ju0123456789 ] Bonjour,J'ai mis une image de fond que j'ai moi-même créée sous photoshop, pour moi elle déchire, mais le souci c'est que comme elel est multicolore, onclick non fonctionnel sous ie avec code sans erreur [ par begin974 ] Bonjour à tous! J'ai une page html, avec deux images superposées image1 et image2. image1 au début ne possède pas d'attribut src car je la veut tran Fonctions compatibles IE, Safari, mais pas FireFox [ par talrasha ] Bonjour à tous,J'ai un souci, j'ai développé une paires de fonction pour faire se déplacer des éléments dans une page en JavaScript. Mon souci est que