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 :

modifier css a l'aide du JS


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre actif
    Inscrit en
    Octobre 2010
    Messages
    56
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 56
    Par d�faut modifier css a l'aide du JS
    bonjour tout le monde
    J'ai cr�er 4 css diff�rents(1 pour chaque saison)
    En to
    J'aimerais ensuite cr�er un sorte de commande qui fait que si on est en automne il affiche le theme automne.css, si on est hiver il affiche le theme hiver.css de sorte qu'il sait que c'est l'hiver ou l'automne � l'aide de date

    Je pense que cela doit ce faire en Javascript mais comment ?
    Merci beaucoup beaucoup pour l'aide

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Non, dans l'id�al, ce serait mieux et plus propre de le faire cot� serveur (PHP par exemple).
    Sinon, il est possible de v�rifier la date avec l'objet Date() et ses m�thode getMonth() (attention, le compte des mois commence � 0) et getDate()
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    var today = new Date();
    alert(today.getDate() + '/' + (today.getMonth() + 1));
    � partir de l�, tu peux retrouver la saison et donc la feuille de style � utiliser.
    Ensuite tu peux ajouter une nouvelle feuille de style avec
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    var seasonCSS = document.createElement('link');
    seasonCSS.type = 'text/css';
    seasonCSS.href = 'season.css';
    document.getElementByTagName('head')[0].appendChild(seasonCSS);
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    Membre actif
    Inscrit en
    Octobre 2010
    Messages
    56
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 56
    Par d�faut
    bonjour,
    merci pour l'aide mais ca n'a pas march� alors j'ai cr�� une fonction qui retourne le mois et donne la feuilled e style � uriliser mais qu'en m�me �a ne marche pas,je crois que j'ai fait un erreur de syntaxe
    je l'ai mis dans le head de la page


    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
    function saison()
    {
    <%--declaration --%>
     
    var mois=new int;
    <%--retourner le mois courant--%>
    var madate=new date; 
    mois=madate.getmonth;
    <%--test sur le mois courant--%>
    if(mois==9 || mois==10 || mois==11 )             
    {
     document.write('<link rel="stylesheet" type="text/css" href="CSS\automne.css">');}
     
    if (mois==0 || mois==1 || mois==2)
        {document.write('<link rel="stylesheet" type="text/css" href="CSS\hiver.css">');}
    if (mois==3 || mois==4 || mois==5)
    {document.write('<link rel="stylesheet" type="text/css" href="CSS\printemps.css">');}
     
    if (mois==6 || mois==7 || mois==8)
    {document.write('<link rel="stylesheet" type="text/css" href="CSSté.css">');}
     
    }

    vous pouvez me mentrer l'emplacement de l'erreur ????merci beaucoup pour l'aide

  4. #4
    R�dacteur/Mod�rateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par d�faut
    Bonjour,
    Pourquoi tu utilises document.write? c'est d�conseill�. Le plus propre c'est d'utilis� la methode propos�e par Bovino.
    var madate=new date;
    mois=madate.getmonth;
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    var madate=new Date(); 
    mois=madate.getMonth();
    CSS\automne.css
    A+.

  5. #5
    Membre actif
    Inscrit en
    Octobre 2010
    Messages
    56
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 56
    Par d�faut
    Merci beaucoup de votre aide.
    J'aime bien utiliser la m�thode que BOVINO m'a propos� mais je ne sais pas comment l'utiliser pour faire le test

  6. #6
    R�dacteur/Mod�rateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    var madate=new Date(); 
    var mois=madate.getMonth();
    var seasonCSS = document.createElement('link');
    seasonCSS.type = 'text/css';
    if(mois <3){
     seasonCSS.href="CSS/hiver.css";
    }else if(mois < 5){
     seasonCSS.href="CSS/printemps.css";
    } else if(mois < 8){
     seasonCSS.href="CSS/ete.css"; //n'utilise  pas un nom de fichier avec un accent
    } else{
     seasonCSS.href="CSS/automne.css";
    }
    document.getElementByTagName('head')[0].appendChild(seasonCSS);

  7. #7
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Citation Envoy� par Bovino Voir le message
    dans l'id�al, ce serait mieux et plus propre de le faire cot� serveur (PHP par exemple).
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  8. #8
    Membre actif
    Inscrit en
    Octobre 2010
    Messages
    56
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 56
    Par d�faut
    Citation Envoy� par Bovino Voir le message
    merci bovino mais jusqu'� maintenant je ne sais pas c'est quoi cot� serveur " y a encore pleiiiiine choses que je dois apprendre "

  9. #9
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Citation Envoy� par marie-anne
    je ne sais pas c'est quoi cot� serveur
    C'est ce que tu fais en asp.net
    En gros, c'est le langage que tu utilises sur le serveur pour cr�er dynamiquement le contenu g�n�r� pour le navigateur (appel� client).
    Citation Envoy� par marie-anne
    " y a encore pleiiiiine choses que je dois apprendre "
    Bah, sinc�rement, comme tout le monde
    Celui qui est persuad� de ne plus rien avoir � apprendre est selon moi un gros con pr�tentieux...

    Sauf moi bien s�r qui connait tout sur JavaScript !
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  10. #10
    Membre actif
    Inscrit en
    Octobre 2010
    Messages
    56
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 56
    Par d�faut
    merci bovino �a se voit que j'aurai toujours besoin de votre forum
    il est vraiment super merci @ vous pour les immenses efforts que vous faites

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

Discussions similaires

  1. Besoin d'aide pour modifier css d'un menu via js
    Par axorama dans le forum jQuery
    R�ponses: 14
    Dernier message: 31/08/2010, 15h48
  2. Modifier une sous classe CSS a l'aide du javascript
    Par renayz dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 23/04/2009, 19h28
  3. Comment modifier le contraste � l'aide d'un slider ?
    Par MilouTux dans le forum Interfaces Graphiques
    R�ponses: 2
    Dernier message: 18/05/2007, 15h41
  4. R�ponses: 11
    Dernier message: 14/10/2006, 21h26
  5. [CSS] Besoin d'aide pour mise en forme !
    Par TorF dans le forum Mise en page CSS
    R�ponses: 6
    Dernier message: 19/03/2005, 19h28

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