Accueil > > > CONTOURNER LE BUG IE6 QUI N'AFFICHE PAS LES IMAGES ÉCRITE AVEC JAVASCRIPT
CONTOURNER LE BUG IE6 QUI N'AFFICHE PAS LES IMAGES ÉCRITE AVEC JAVASCRIPT
Information sur la source
Description
Bonjours
Voila j'ai cherché des jours et des jours pour trouver un moyen pour que ie6 affiche les images (<img src="..." alt=""/>), téléchargés avec la technologie AJAX et afficher au moyen d'un innerHTML, mais je n'ai trouvé aucune réponse dans les forums rien ... . J'ai fini par avoir une idée pour contourner le problème qui ne concerne que ie6. Transformer les balises img en iframe de tailles exactement pareille au image et ça marche !! Voici le script il faut pour qu'il fonctionne au moins un id à vos images et que l'obj en argument sois déjà intégré à la page le reste normalement ça se fait tous seul.
PS: si vous avez déjà penché sur le problème et trouver une meilleur solution je suis preneur ^^ :)
Source
- function convImgInFrame(ObjHtml)
- {
- rechercheNav=RegExp("MSIE [0-6].?[0-9]");
- if(!navigator.appVersion.match(rechercheNav))
- {
- return true;
- }
- var allImg = ObjHtml.getElementsByTagName("img");
- var TextObj = ObjHtml.innerHTML;
- for(var i = 0 ;i<allImg.length;i++)
- {
- try
- {
- var ImgSrc = allImg[i].getAttribute("src");
- var ImgId = allImg[i].getAttribute("id");
- var remplace = RegExp("<img[^<]*src ?= ?'?\"?"+ImgSrc+"\"?'?[^>]*>","gi");
- TextObj=TextObj.replace(remplace,'<iframe style="height:'+document.getElementById(ImgId).height+'px;width:'+document.getElementById(ImgId).width+'px " src="'+ImgSrc+'" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" id="'+ImgId+'"></iframe>');
- }
- catch(Error)
- {
- var erreur=true;
- }
- }
- if(erreur===true)
- {
- //alert affichée si il y a une erreur lors de la transformation verifier que vous ayez des id est que vous respecter les normes
- alert("Des images pourraient ne pas apparaitre correctement utilisé un navigateur récent");
- }
- ObjHtml.innerHTML = TextObj;
- }
function convImgInFrame(ObjHtml)
{
rechercheNav=RegExp("MSIE [0-6].?[0-9]");
if(!navigator.appVersion.match(rechercheNav))
{
return true;
}
var allImg = ObjHtml.getElementsByTagName("img");
var TextObj = ObjHtml.innerHTML;
for(var i = 0 ;i<allImg.length;i++)
{
try
{
var ImgSrc = allImg[i].getAttribute("src");
var ImgId = allImg[i].getAttribute("id");
var remplace = RegExp("<img[^<]*src ?= ?'?\"?"+ImgSrc+"\"?'?[^>]*>","gi");
TextObj=TextObj.replace(remplace,'<iframe style="height:'+document.getElementById(ImgId).height+'px;width:'+document.getElementById(ImgId).width+'px " src="'+ImgSrc+'" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" id="'+ImgId+'"></iframe>');
}
catch(Error)
{
var erreur=true;
}
}
if(erreur===true)
{
//alert affichée si il y a une erreur lors de la transformation verifier que vous ayez des id est que vous respecter les normes
alert("Des images pourraient ne pas apparaitre correctement utilisé un navigateur récent");
}
ObjHtml.innerHTML = TextObj;
}
Conclusion
Des idées pour optimiser ou des fautes d'orthographe et de grammaire dac je lis :)
Historique
- 25 mai 2007 01:05:25 :
- Ajout AJAX dans les mots clef
- 25 mai 2007 01:09:26 :
- Amélioration
- 25 mai 2007 16:57:34 :
- Optimisation suite au commentaire
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
HTML [ par fafal ]
Hello, j'ai un petit probleme avec mon tableaux je voudrai supprimer l'espace qui il y a en dessous de l'image afin que le boutons sois collé en bas a
Background-image marche pas avec Internet Explorer [ par amer_ezahir ]
Salut ; j'ai un problème d'affichage d'une "background-image" au niveau de Internet Explorer , sur Fire fox ça marche trés bien ! j'ai recherché sur
popup image ie6 firefox [ par alligo ]
Bonjour à tous,je ne connais quasi rien de javascript j'ai juste pris un script sur un site qui le proposait et je l'ai recopié.j'ai un petit probleme
utiliser ajax pour ouvrir une nouvele page dans la page en cours [ par msiham05 ]
salut a tous le monde j'ai un probleme dans l'utilisation
utiliser ajax pour ouvrir une nouvele page dans la page en cours [ par msiham05 ]
salut a tous le monde j'ai un probleme dans l'utilisation
utiliser ajax pour ouvrir une nouvele page dans la page en cours [ par msiham05 ]
salut a tous le monde j'ai un probleme dans l'utilisation
Zoom sur une image en ajax [ par ircland ]
Bonjour,mes niveau de ajax etant nul, et de javascript moyen, je cherche une source qui me permet de zoomer sur une image onmouseover, enfait je veux
effet ajax puis changer image puis effet ajaxy [ par Annadrill ]
bonjour,voilà, j'ai une div avec une image dedans et j'aimerais que lorsque je clique sur un lien, la div se ferme (effect.Fade), puis une fois fermée
image et curseur [ par recollets ]
peut-on créer un message dans outlook express dans lequel on aura inséré un script qui permettra au destinataire d'avoir une image au bout de la souri
|
Derniers Blogs
[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice
Avec la dernière génération du lecteur MP3 de Microsoft, le ZUNE HD, Microsoft a publié une nouvelle version du logiciel pour PC. Ainsi, je me suis décidé à installer celle-ci sur mon Tablet PC ACER, comme toujours le logiciel est donc tél...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
RE : CONVERSIONRE : CONVERSION par peter2010
Cliquez pour lire la suite par peter2010
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
Comparez les prix

HTC Magic
Entre 429€ et 429€
|