IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

effet zoom incompatible firefox 3.6.13


Sujet :

JavaScript

  1. #1
    Membre habitu�
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 10
    Par d�faut effet zoom incompatible firefox 3.6.13
    Bonjour,
    je dispose d'un script permettant un zoom sur un texte qu'on peut voir ici http://www.activetech.fr
    Depuis la derni�re mise � jour de Firefox vers Firefox 3.6.13, ce script ne fonctionne plus.
    Je n'y connais rien en Javascript, comment modifier ce script pour qu'il fonctionne de nouveau ?
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    <script type="text/javascript">
                     i=0;
                     taille=0;
                     hauteur = (navigator.appName != "Microsoft Internet Explorer")? window.innerHeight : document.body.offsetHeight;
                     marge = hauteur/3;
                     document.getElementsByTagName('div')[0].style.marginTop = marge;
                     textanim = new Array("LE PLUS COURT CHEMIN<br/>ENTRE VOUS<br/>ET VOTRE MARCHE !");
                     function animation() {
                     document.getElementsByTagName('div')[0].style.fontSize = ""+taille+"px";
                     document.getElementsByTagName('div')[0].style.color = "#ec7523";
                     document.getElementsByTagName('div')[0].style.fontFamily = "arial";
                     document.getElementById('bienvenue').innerHTML = textanim[i];
                     if (taille < 40) {
                     taille++;
                     }
                     else {
                     i++;
                     taille=0;
                     }
                     if (i < textanim.length) {
                     setTimeout('animation()',20)
                     }
                     }
                     setTimeout('animation()',20);
                     //</script><noscript>LE PLUS COURT CHEMIN<br/>ENTRE VOUS<br/>ET VOTRE MARCHE !</noscript>

  2. #2
    Expert confirm�
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Ao�t 2003
    Messages
    3 684
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activit� : danseur

    Informations forums :
    Inscription : Ao�t 2003
    Messages : 3 684
    Par d�faut
    je ne comprends pas le 2e appel � setTimeout;

    de +, fox te signale des propri�t�s css inconnues;

    soit dit en passant, pourquoi les 2 syntaxes

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.getElementsByTagName('div')[0]
    et
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.getElementById('bienvenue')
    pour d�signer le m�me �l�ment?

  3. #3
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Citation Envoy� par javatwister
    je ne comprends pas le 2e appel � setTimeout;
    le 1st setTimeout semble servir au lancement de la fonction,un appel simple est suffisant.
    toutes cette partie
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    document.getElementsByTagName('div')[0].style.fontSize = "" + taille + "px";
    document.getElementsByTagName('div')[0].style.color = "#ec7523";
    document.getElementsByTagName('div')[0].style.fontFamily = "arial";
    document.getElementById('bienvenue').innerHTML = textanim[i];
    pourrait avantageusement �tre remplac�e par
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    var oDiv = document.getElementById('bienvenue');
    oDiv.style.fontSize = "" + taille + "px";
    // ce qui suit n'est pas indispensable puisque constant 
    // a mettre dans la feuille de style donc
    oDiv.style.color = "#ec7523";
    oDiv.style.fontFamily = "arial";
    // pourquoi passer par un tableau puisqu'il n'a qu'un indice
    oDiv.innerHTML = textanim[i];
    enfin pour r�pondre �
    Citation Envoy� par midnightweb
    Depuis la derni�re mise � jour de Firefox vers Firefox 3.6.13, ce script ne fonctionne plus.
    c'est surprenant effectivement, une nouvelle gestion de setTimeout????
    Citation Envoy� par midnightweb
    comment modifier ce script pour qu'il fonctionne de nouveau ?
    outre ce qui a d�j� �t� dit, d�place l'�criture dans le test sur i, visiblement il y a lecture dans un indice de tableau non initialis�
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    if (i < textanim.length) {
      document.getElementById('bienvenue').innerHTML = textanim[i];
      setTimeout('animation()', 20)
    }
    cela reste grandement simplifiable et am�liorable d'un strict point de vue de codage.

  4. #4
    Membre habitu�
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 10
    Par d�faut
    Bonjour et merci pour toutes ces r�ponses.

    A vrai dire, n'y connaissant rien en Javascript, je vais tenter d'appliquer vos conseils, mais je n'y comprends rien

Discussions similaires

  1. Effet zoom sur un lien (image) javascript
    Par ghost73 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 28/01/2016, 04h26
  2. menu javascript incompatible firefox
    Par anthonydb1 dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 03/11/2008, 18h15
  3. Effet zoom + ou - sur une vue aerienne
    Par cybernetique dans le forum Flash
    R�ponses: 3
    Dernier message: 18/02/2007, 17h15
  4. CSS incompatible FireFox
    Par pompierdu84 dans le forum Mise en page CSS
    R�ponses: 2
    Dernier message: 09/09/2006, 17h50
  5. besoin aide bouton avec effet zoom fonctionne pas.
    Par zicomoun dans le forum Flash
    R�ponses: 3
    Dernier message: 13/06/2006, 08h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo