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

HTML Discussion :

Firefox altère mon code


Sujet :

HTML

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 10
    Par défaut Firefox altère mon code
    Bonjour,
    je n'ai pas trouvé de post correspondant à ma recherche (peut etre employé les mauvais mots cléf...) donc jepost ici mon intérogation:

    J'ai une page html (écrite par php, mais je ne pense pas que le problème vienne de php), dans cette page j'ai une ligne qui contient une heure et une date que je souhaite incrémenter avec javascript

    voici ma ligne avec le php:
    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
    <li class="horloge" id="h1">
    	<div id="h_f1" class="horloge_digit" >
    		<a href=# onclick="showList(document.getElementById('horloge1'))">
    			<div  id="horloge1_1" style="font-size:10px;color:#ffffff;float:left;cursor:pointer;">
    				<?php echo $conv_date->semiHorloge($conv_date->timetodate(strtotime(gmdate ("Ymd H:i:s", time()))));?>
    			</div>
    			<div id="horloge1" style="color:#00ff00;float:left;cursor:pointer;">
    				<?php echo $conv_date->time($conv_date->timetodate(strtotime(date ("Ymd H:i:s", time()))-60));?>
    			</div>
    			<div id="ville_horloge1" style="font-size:12px;font-weight:bold;color:#0000ff;clear:both;cursor:pointer;">
    				<?php echo ($fuseaux[0][2]);?>
    			</div>
    			<parametre id="param_horloge1" fuseau="<?php echo $fuseaux[0][0].";".$fuseaux[0][1];?>" />
    		</a>
    	</div>
    </li>
    et maintenant voici ce que sa donne quand on regarde le source (sous ie comme sous FF)
    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
    <li class="horloge" id="h1">
    	<div id="h_f1" class="horloge_digit" >
    		<a href=# onclick="showList(document.getElementById('horloge1'))">
    			<div  id="horloge1_1" style="font-size:10px;color:#ffffff;float:left;cursor:pointer;">
    				29<br/>Nov.
    			</div>
    			<div id="horloge1" style="color:#00ff00;float:left;cursor:pointer;">
    				15:57
    			</div>
    			<div id="ville_horloge1" style="font-size:12px;font-weight:bold;color:#0000ff;clear:both;cursor:pointer;">
    				PARIS
    			</div>
    			<parametre id="param_horloge1" fuseau="-12.00;0" />
    		</a>
    	</div>
    </li>
    sous ie, avec ie dev toolbar quand j'explore les élément j'obtien la même chose, et d'ailleur mon javascript fonctionne
    par contre sous firefox j'obtient sa:
    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
    <li class="horloge" id="h1">
    	<div id="h_f1" class="horloge_digit" >
    		<a href=# onclick="showList(document.getElementById('horloge1'))">
    			<div  id="horloge1_1" style="font-size:10px;color:#ffffff;float:left;cursor:pointer;">
    				<a>
    					29<br/>Nov.
    				</a>
    			</div>
    			<div id="horloge1" style="color:#00ff00;float:left;cursor:pointer;">
    				<a>
    					15:57
    				</a>
    			</div>
    			<div id="ville_horloge1" style="font-size:12px;font-weight:bold;color:#0000ff;clear:both;cursor:pointer;">
    				blabla blablabla
    			</div>
    			<parametre id="param_horloge1" fuseau="-12.00;0" />
    		</a>
    	</div>
    </li>
    la date et l'heure sont encapsuler dans une balise <a>, ce qui me pose pas mal de probleme, car du coup il ne sont plus situer au même niveau dans mon arbre DOM.
    si l'un d'entre vous a une explication je vous remerci d'avance

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    A quoi sert ton lien qui encadre les trois div ? Clairement c'est une grosse erreur de syntaxe.

    Firefox n'a pas l'habitude de générer des balises au hasard, et il s'avère que tes balises a n'apparaissent que pour les deux champs qui font appel à une fonction PHP. Peut-être à voir de ce côté.

    Sinon, un lien pour qu'on puisse tester nous-même ne serait pas de trop.

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 10
    Par défaut
    Merci, le problème venai bien de là!
    A l'origine ce n'etait pas des div, c'est pour cela que j'avai une balise <a> englobante.
    en tout cas merci encore!

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

Discussions similaires

  1. Mon code n'est pas interprété !
    Par korriganez dans le forum Langage
    Réponses: 3
    Dernier message: 31/05/2006, 15h46
  2. Optimiser mon code ASP/HTML
    Par ahage4x4 dans le forum ASP
    Réponses: 7
    Dernier message: 30/05/2005, 10h29
  3. Réponses: 1
    Dernier message: 21/02/2005, 12h40
  4. [langage] algo de bissection dans mon code
    Par killy dans le forum Langage
    Réponses: 5
    Dernier message: 19/01/2004, 18h35

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