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

Mise en page CSS Discussion :

[CSS] Perte de style


Sujet :

CSS

  1. #1
    Membre du Club

    Inscrit en
    Mars 2003
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 54
    Points : 56
    Points
    56
    Par défaut [CSS] Perte de style
    Bonjour,

    J'ai un petit probleme de style dans ma page.

    voici le bout de code concerné

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <td style="height:8px; text-align: right; vertical-align:middle; padding-right: 2px;" colspan="4">
     
    <a href="uneAutrePage.html" class="shareValue">Action
       <span class="shareCurrency"></span>
    </a>
    <span class="shareDate"> - 
       <span id="share.hour">
                <script>uneFonction();</script>
       </span>
    </span>
    <span class="shareDate" style="text-align: right"> - 28/02/2007</span>
    </td>
    la fonction JavaScript correspond à ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    function uneFonction()
    {
         var elt = document.getElementById("share.hour");
         elt.innerText = "Toto";
    }
    Mon probleme est que je perd le style "shareDate" dans mon span "share.hour". Ca doit être tout bête mais je ne trouve pas.

    Merci d'avance pour votre aide
    Yamki

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    lance plutôt la fonction dans le onload du <body> ...

    ... ou mets "Toto" en dur dans le <span>

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  3. #3
    Membre du Club

    Inscrit en
    Mars 2003
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 54
    Points : 56
    Points
    56
    Par défaut
    En fait dans mon vrai code, je passe des paramétre a ma fonction et c'est paramètre je ne les connais pas avant d'ou mon besoin de n'appeler la méthode qu'à ce moment avec les bon paramètre
    Yamki

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par YAMKI
    En fait dans mon vrai code, je passe des paramétre a ma fonction et c'est paramètre je ne les connais pas
    C'est à dire ?
    Ils dépendent du PHP ?
    Ma 1° suggestion (et unique, bien sûr) reste valable ...

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  5. #5
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Je pense que le innerText doit poser un problème à l'arbre DOM qui est manipulé pour appliquer les styles.

    Tu devrais essayer d'utiliser une construction du style:
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    elt.appendChild(document.createTextNode( 'toto' ) );

    Pour plus de précision -> forum javascript
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  6. #6
    Membre du Club

    Inscrit en
    Mars 2003
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 54
    Points : 56
    Points
    56
    Par défaut
    Citation Envoyé par E.Bzz
    C'est à dire ?
    Ils dépendent du PHP ?
    Ma 1° suggestion (et unique, bien sûr) reste valable ...

    A+
    En faite ce bout de code est construit dans une classe java qui va chercher les paramètre dans un fichier XML.


    En y reflichissant, il y a peut etre une solution pour le passer dans le onLoad() je vais essayer. Mais bon par curiosité j'aimerais bien trouver la réponse à mon pb car je trouve ca bizare. Normalement quand on affecte aucun style à une balise il doit prendre par defaut le style de la balise qui l'entoure non?


    MasterOfChakhaL j'ai essayé ta solution qui m'avait l'air pas mal mais le résultat est identique, j'ai l'impression que le fait de remplir une balise à partir d'un script annule le style mais ca me parait bizare
    Yamki

  7. #7
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Tu peux alimenter des input hidden à l'endroit de la page où tu as l'info.
    Ensuite ta fonction appelée sur onload n'a plus qu'à les utiliser ...

    Pour le style, le pb doit être ailleurs ...
    innerHTML au lieu de innerText ?

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  8. #8
    Membre du Club

    Inscrit en
    Mars 2003
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 54
    Points : 56
    Points
    56
    Par défaut
    Citation Envoyé par E.Bzz
    Tu peux alimenter des input hidden à l'endroit de la page où tu as l'info.
    Ensuite ta fonction appelée sur onload n'a plus qu'à les utiliser ...

    Pour le style, le pb doit être ailleurs ...
    innerHTML au lieu de innerText ?

    A+

    InnerHTML ne change rien j'avais commencé par ca...lol

    JE vais reflechir a ta solution
    Yamki

Discussions similaires

  1. perte de style CSS
    Par habasque dans le forum Dreamweaver
    Réponses: 2
    Dernier message: 26/04/2007, 19h09
  2. [CSS][IE] différencier style input image et input text
    Par ddams dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 06/09/2005, 14h42
  3. [css] probleme de style
    Par maxonman dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 22/08/2005, 16h06
  4. [css] Feuille de style non prise en compte
    Par Neuromancien2 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/06/2005, 11h49
  5. [CSS] Probleme de style dans un mail
    Par gaspard dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 23/06/2005, 09h19

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