Discussion :

[elvan49]

Bonjour,

J'ai développé un site qui utilise le couple PHP/MySQL et le framework JQuery pour la partie javascript/ajax.
Sur l'une de mes pages, dans safari (uniquement dans safari) j'ai un affichage intempestif autant qu'étrange. ci-joint la cpature d'écran...

Peut-on éclairer ma lanterne sur ce qui se passe ???
Merci

[elvan49]

Re !

Voilà il s'agit bien d'un souci avec Jquery, l'une de ses fonctions de conversion des balises html pose problème. (ligne 775 environ)

Code :

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

1
2
3
4
5
6
// Convert html string into DOM nodes
            if ( typeof arg == "string" ) {
                // Fix "XHTML"-style tags in all browsers
                arg = arg.replace(/(<(\w+)[^>]*?)\/>/g, function(m, all, tag){
                    return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area)$/i)? m : all+"></"+tag+">";
                });

HELP !

[elvan49]

Re,

Je continue mon monologue, mais ça pourra peut-être intéressé des petits malins qui rencontreraient le même souci...
Donc l'explication (pas la solution) est que la fonction de jquery, transforme un certain nombre de balise html au format xhtml pour les rendre conforme sur tous les navigateurs.
Si ces balises (img et br notamment) sont déjà formatées xhtml à savoir ;

Code :

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

<br /> et <img src=... ... />

avec leur barre de fermeture, jquery et safari ne s'en sortent pas et affichent n'importe quoi (la fonction en l'occurence)
Si dans le code php on prévoit le coup tout rentre dans l'ordre, sauf en ce qui concerne les textarea qui formatent eux mêmes les sauts de lignes... et là je sèche.
il faudrait arriver à créer une structure de contrôle de ces balises, si elles sont bien formatées ne pas tenir compte de la fonction sinon agir...

à suivre...

[elvan49]

Voici donc la solution. Elle nécessitera d'être vigilent sur la durée pour vérifier qu'elle ne perturbe pas outre mesure le fonctionnement de jquery...
A l'endroit du code précédement joint, dans la bibliothèque jquery (ligne 775) englobez dans une structure de contrôle qui exclu safari :

Code :

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

1
2
3
4
5
6
if ( !jQuery.browser.safari ){
                    // Fix "XHTML"-style tags in all browsers
                    arg = arg.replace(/(<(\w+)[^>]*?)\/>/g, function(m, all, tag){
                        return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area)$/i)? m : all+"></"+tag+">";
                    });
                }

Après tests sur les navigateurs, IE6, IE7 et Firefox tout semble correct et safari arrète de panouiller...
à la prochaine.

[franculo_caoulene]

Salut,

As-tu contacté l'équipe de jQuery, leur as-tu rapporté le bug?

[elvan49]

hello !

oui, j'ai fait passer l'info et un lien vers la discussion.
Je pense qu'il y a mieux à faire que ma solution d'exclusion, mais bon ça me suffit pour le moment.

Cordialement,