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 le Mar 27 Jan 2015 - 21:50

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


Warning Cette astuce étant provisoire, merci de créer une bannière défilante sans marquee à l'aide de ce tutoriel pour régler les problèmes de défilement. Smile

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>.

* il se peut que le code ne soit pas encore parfait et nécessite une amélioration ultérieure. de plus il ne gère pas tous les cas de figure.

Mise en place

Il faut ajouter sur toutes les pages ( voir gestion des codes javascript ) ce script :

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()});

Notes

  • 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">


Edit: Astuce mise à jour le 04/02/15, merci de modifier le code par celui de ce tutoriel. Merci.


Ea
Aidactif
Aidactif

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

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

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


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