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 :

Script interpret� differemment par FF


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par d�faut Script interpret� differemment par FF
    Slt,

    Voila j'ai ce script :
    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
    <Script language="Javascript" type="text/JavaScript">
     
    size=120;
    x = 3*size;
    place = 0;
    texte = '<% =Msg %>';
    texteDef = texte;
    function defil()
    	{
    	texteDef = texteDef.substring(1,texteDef.length);
    	while(texteDef.length < x)
    		{
    		texteDef += " - " + texte;
    		}
    	document.defil.defilbox.value = texteDef;
    	tempo2 = setTimeout("defil()", 130)
    	}
    window.onload = defil;
    </SCRIPT>
    (Vous aurez compris que <% =Msg %> et le message provenant d'une BD lol)

    et maintenant pour l'afficher :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    <FORM NAME="defil" ACTION="">
    		<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
    			document.write('<INPUT CLASS="diff" TYPE="text" NAME="defilbox" SIZE=' + size + '>');
    		</SCRIPT>
    </FORM>
    Le probl�me et que je ne comprend pas pourquoi dans IE cela rentre bien la o� je veux qu'il soit alors que sur FF il est plus grand en largeur et d�borde sur la droite en longueur ??

    Voici le css du input au cas o� :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    input.diff
    {
    font-family:		"Verdana";
    font-weight:		bold;
    color:				red;
    background-color: 	#00C6F0;
    border:				0px;
    }
    Merci d'avance

  2. #2
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    bonjour,

    j'ai modifi� l�g�rement ton code :
    • J'ai d�fini la largeur de l'input dans la CSS (et donc suppression de la variable size) ;
    • Remplacement des attributs name par les attributs id (ciblage des objets plus simple et plus conforme aux recommandations du W3C);
    • Cr�ation de la variable box qui contient l'objet dont l'id est defilBox, x devient une variable locale
    • Suppression du document.write (m�thode � bannir) ;
    • Ajout du mot-clef var (d�finition des variables) ;
    • Appel de la fonction defil() dans la balise body.


    Code htm : 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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
     
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    .diff
    {
      font-family: "Verdana";
      font-weight: bold;
      color: red;
      background-color: #00C6F0;
      border: 0px;
      width: 120px;
    }
     
    //-->
    </style>
     
    <script language="Javascript" type="text/JavaScript">
    <!--
    var place = 0;
     
    var texte = '<% =Msg %>';
    var texteDef = texte;
     
     
    function defil()
    {
    	var tempo2;
     
        var box = document.getElementById("defilBox");
        var x = parseInt(box.offsetWidth)*3;
     
    	texteDef = texteDef.substring(1,texteDef.length);
    	while(texteDef.length < x)
    	{
    		texteDef += " - " + texte;
    	}
    	box.value = texteDef;
    	tempo2 = setTimeout("defil()", 130)
    }
    //-->
    </script>
     
     
    </head>
     
    <body onload="defil()">
     
    <form id="formDefil" action="">
    			<input id="defilBox" class="diff" type="text" />
    </form>
     
    </body>
     
    </html>

  3. #3
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par d�faut
    Salut,

    L� je dis chapeau en effet cela fonctionne tr�s bien
    Pourrais tu jeter un coup d'oeil sur un script dans ce forum que j'ai post� http://www.developpez.net/forums/sho...d.php?t=239372
    Comme je suis nul en javascript, tu comprendras qu'on me l'a donn�

    Je t'en remercie d'avance

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Script Site dynamique par Pierre-Baptiste Naigeon
    Par hx.jonathan dans le forum EDI, CMS, Outils, Scripts et API
    R�ponses: 15
    Dernier message: 09/02/2007, 23h56
  2. R�ponses: 1
    Dernier message: 31/10/2006, 16h25
  3. Ex�cuter un script, une fois par jour
    Par Poussy-Puce dans le forum ASP
    R�ponses: 1
    Dernier message: 19/10/2006, 16h55
  4. R�ponses: 3
    Dernier message: 10/05/2006, 18h40
  5. script de connexion par ssh
    Par black_code dans le forum Modules
    R�ponses: 2
    Dernier message: 25/07/2005, 15h10

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