Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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.

avatar

Ea
Aidactif
Aidactif

Messages : 23491
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