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 :

Fonction marquee sous Firefox


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut Fonction marquee sous Firefox
    Bonjour,

    j'utilise une fonction marquee sous firefox cependant au chargement de la page on voit le texte qui défile sur le texte du site, ensuite il disparait pour faire le défilement ! Comment faire pour éviter que le texte s'affiche par-dessus le site ???
    Merci !

  2. #2
    Membre éclairé
    Avatar de jmjmjm
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2005
    Messages : 760
    Par défaut
    IL FAUT BANIR MARQUEE , pour plusieur raison pas comparible XHTML , presente des bug lors des passages de IE a Firefox, Moi pour le defillement horizontal ou vertical je passe par des foncions JavaScript assez simple.

  3. #3
    Membre éclairé
    Avatar de jmjmjm
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2005
    Messages : 760
    Par défaut
    Pour un defillement horizontal :
    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
    var pasH=1
     
    function scrollmrqH(){
    if ( parseInt(mrqH.style.left) > -l_mrqH )
    mrqH.style.left = parseInt(mrqH.style.left)-pasH+"px"
    else
    mrqH.style.left=fenH.offsetWidth+"px"
    }
     
    function init_mrqH(){
    mrqH=document.getElementById("marqueeH"); 
    fenH=document.getElementById("CadreNews"); 
    fenH.onmouseover=function(){stoc=pasH;pasH=0};
    fenH.onmouseout=function(){pasH=stoc};
    l_mrqH=fenH.offsetWidth;
    with(mrqH.style){position="absolute";left=l_mrqH+"px";}
    setInterval("scrollmrqH()",18);
    }
    et donc legerement modifier pour le defillement vertical sa donne :

    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
     
    var pasV=1
     
    function scrollmrqV(){
    if ( parseInt(mrqV.style.top) > -h_mrqV )
    mrqV.style.top = parseInt(mrqV.style.top)-pasV+"px"
    else
    mrqV.style.top=fenV.offsetHeight+"px"
    }
     
    function init_mrqV(){
    mrqV=document.getElementById("marqueeV"); 
    fenV=document.getElementById("SponsorCentre"); 
    fenV.onmouseover=function(){stoc=pasV;pasV=0};
    fenV.onmouseout=function(){pasV=stoc};
    h_mrqV=mrqV.offsetHeight;
    with(mrqV.style){position="absolute";top=fenV.offsetHeight+"px";}
    setInterval("scrollmrqV()",28);
    }

  4. #4
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut
    Merci de ta réponse mais je vais quand meme passer par la fonction marquee car ce me prendra moins de temps que de tout refaire un javascript.

    Revenons à la question: Y a t-il un moyen pour éviter que les textes se superposent au chargement de la page ?

  5. #5
    Membre éclairé
    Avatar de jmjmjm
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2005
    Messages : 760
    Par défaut
    A toi de voir sachant que je te donne le code JavaScript tu n'as plus qu'a créé les bonnes balises div .

    Sinon pour ta réponse désolé de ne pas t'avoir plus eclairé mais je ne me sert plus de marqee comme je te disais car il ma poser pas mal de probleme dont la plupar non pu etre résolu

    Bon courage à toi !!

  6. #6
    Membre éprouvé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Par défaut
    En fait ca m'intéresse bien ton code ! J'explique le problème: J'ai du entre mes balise marquee du code php et il faudrait que je trouve qqch de similaire en javascript pour que je puisse remplacer facilement mes balises marquee:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <marquee>
     
    <?php
     
    bla bla bla bla bla
     
    ?>
     
    </marquee>
    Je veux bien faire un défilement javascript mais je dois mettre mes balises php qui vont rechercher dans la BD mes textes ?

    merci !

  7. #7
    Membre éclairé
    Avatar de jmjmjm
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2005
    Messages : 760
    Par défaut
    c'est tout a fait possible voila un exemple d'utilisation dans un de mes programmes :

    <div id="marqueeH"><a href=".?Pg=Actualites"><?php echo"$News"; ?></a></div>
    en fait tu remplace ta balise marquee par <div id=marquee(H ou V)>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Google Maps] API V2 ne fonction pas sous Firefox
    Par Lord Yu dans le forum APIs Google
    Réponses: 2
    Dernier message: 07/12/2009, 13h20
  2. [POO] Fonction ok sous firefox mais pas sous ie
    Par 1r2R1 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 16/04/2009, 11h55
  3. Appel fonction et popup sous Firefox
    Par malbaladejo dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/07/2006, 11h18
  4. fonction ridicule qui fonctionne pas sous firefox
    Par Isses dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 27/06/2006, 12h08
  5. fonction qui s'exécute qu'une seule fois sous Firefox
    Par la.sophe dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 01/03/2006, 10h02

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