Régler le problème des pages élargies à cause d'un défilement sous Google Chrome

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Régler le problème des pages élargies à cause d'un défilement sous Google Chrome

Message par Ea Mar 27 Jan 2015 - 21:50

Résoudre le problème des pages élargies à cause d'un défilement (Google Chrome)

Cette astuce a pour fonction de tenter d'empêcher l'élargissement de certains pages sur Google Chrome. Cet élargissement est causé par un défilement réalisé via la balise HTML <marquee>. A noter que l'utilisation de cette balise HTML est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez donc de l'utiliser.

Création du script


Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Correction des pages élargies sur Google Chrome" et pour placement "Sur toutes les pages" (plus d'informations sur la gestion des scripts).

Code:
(function(a) {
    $(a);
    $(window).load(a)
})(function() {
    $("marquee:not([width],[style]),marquee.autowidv").addClass("autowidv").hide().add('<span />').width(function() {
        return $(this).closest("p,ul,th,h1,div,td,html").add('<span />').width()
    }).show()
});

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications.

Correction HTML


Le script n'agit que sur les balises <marquee> sans attribut style="" ou width="". Si vous souhaitez que le script agisse tout de même sur ces balises, vous devez leur ajouter la classe autowidv. Donc par exemple <marquee style="color:blue"> deviendrait <marquee style="color:blue" class="autowidv">.

Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Voir le profil de l'utilisateur
Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum