0 votes

Modifier dynamiquement le motif d'arrière-plan au chargement de la page avec un prototype

Comme pour Twitter, j'essaie de permettre à un utilisateur de télécharger son propre motif/image d'arrière-plan. Je me demande quelle est la meilleure façon de changer dynamiquement le motif d'arrière-plan au chargement de la page. J'utilise prototype w/ rails et j'ai testé en mettant ce qui suit dans ma page de présentation principale :

<body id="pattern">
     <script type="text/javascript"> 
      document.observe('dom:loaded', function(){
        $('pattern').setStyle("background-image:url('/images/patterns/pattern.png');")
      })
    </script>
</body>

C'est un bogue car une couleur d'arrière-plan différente se charge avant qu'elle ne soit modifiée par le javascript. Existe-t-il un moyen de modifier la CSS avant même l'événement dom:loaded ? Est-ce la bonne approche générale ?

0voto

Andrew Vit Points 10630

Si vous ne vous souciez pas de l'organisation discrète de votre javascript, tant que votre script apparaît après l'élément $('.pattern'), vous pouvez le cibler directement sans attendre que le reste du document soit dom:loaded.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X