Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
617 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  comment appliquer une CSS en fonction d'une condition javascript?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

comment appliquer une CSS en fonction d'une condition javascript?

n°1379241
namerh
Posté le 01-06-2006 à 18:54:51  profilanswer
 

slt,
 
je cherche à appliquer un style CSS différent à ma page en fonction de la vérification ou non d'une condition.
 
est ce possible?

mood
Publicité
Posté le 01-06-2006 à 18:54:51  profilanswer
 

n°1379243
doudouche
Posté le 01-06-2006 à 19:01:16  profilanswer
 

OUi c possible.
Essaie avec une balise DIV.
En fonction du résultat de ta condition tu instancie la  balise div=<link href="style.css" rel="stylesheet" type="text/css">......etc.
 

n°1379276
namerh
Posté le 01-06-2006 à 20:17:52  profilanswer
 

mmh je ne comprends pas comme se fait ton instanciation de balise

n°1379280
namerh
Posté le 01-06-2006 à 20:35:38  profilanswer
 

il faut accéder aux objets en utilisant le DOM?

n°1379284
doudouche
Posté le 01-06-2006 à 20:53:31  profilanswer
 

quelle est ta condtion ?

n°1379289
namerh
Posté le 01-06-2006 à 21:08:01  profilanswer
 

je n'ai pas encore écrit ma condition (ça sera la résolution de l'écran)
 
si (résolution écran == x)
{appliquer style1 à mon <table>}
sinon
{appliquer style2}

Message cité 1 fois
Message édité par namerh le 01-06-2006 à 21:10:37
n°1379294
gatsu35
Blablaté par Harko
Posté le 01-06-2006 à 21:17:39  profilanswer
 

Hum solution naze :o
utilise plutôt une technique de layout fluide
 
car meme si la resolution de l'ecran est fixe (quoi que ce n'est pas toujour vrai
le navigateur n'est pas forcément affiché en plein écran


---------------
Blablaté par Harko
n°1379295
namerh
Posté le 01-06-2006 à 21:21:49  profilanswer
 

je ne te suis pas là.. layout fluide?  .. suis débutant moi ;)
 
peu m'importe la méthode à utiliser, pourvu que ça soit simple
(en fait je n'ai pas besoin de changer le style de ma page quand la fenetre est redimensionnée)

n°1379298
doudouche
Posté le 01-06-2006 à 21:27:55  profilanswer
 

Sinon travail avec l es pourcentage de l a page pour la taille de tes éléments au lieux de travailler avec des pixels .

n°1379301
namerh
Posté le 01-06-2006 à 21:45:15  profilanswer
 

Edit: oui mais non j'ai aussi des CSS différentes à appliquer selon la résolution du navigateur..
 
peux tu développer un peu  la méthode que tu as proposée plus haut stp (avec l'exemple du div)


Message édité par namerh le 01-06-2006 à 22:08:19
mood
Publicité
Posté le 01-06-2006 à 21:45:15  profilanswer
 

n°1379302
xtof_83
Freeride Spirit
Posté le 01-06-2006 à 21:51:08  profilanswer
 

Ben on te dis que tu es sur la mauvaise piste, c'est pas logique davoir plusieur CSS, pour différent navigateur.
 
si actuelmment ç amarche pas avec un, c'est que tu es pas bon, et quil faut perseverer ;)
 
Te rends tu compte si on faisait tous comme ça....
 
Aller une feuille de style c'est suffissant, dis nous plutot les problémes que tu as niveau incompatibilité :D

n°1379306
namerh
Posté le 01-06-2006 à 22:07:09  profilanswer
 

je n'ai pas de problème d'incompatibilité..
 
changer dynamiquement de CSS est une pratique courante d'après ce que j'ai pu glaner sur google,
 
par contre je n'ai pas compris comment procéder..
 
donc si qqn avait l'amabilité de m'aider...
 
P.S. j'ai édité il manquait un mot dans mon précédent post


Message édité par namerh le 01-06-2006 à 22:14:12
n°1379311
doudouche
Posté le 01-06-2006 à 22:13:46  profilanswer
 

AU lieu dutiliser polusioeurs feuilles de style procede de la facon suivante :
Une feuille de style exemple
<truc1>{...}
<truc2>{...}
 
et suivant ton teste tu fé un echo ou document.write de poar exemple <input type=text class="truc" ou truc1....>
 
ca devré résoudre ton probleme et  ainsi tu n aura qu une feuille de style.

n°1379316
namerh
Posté le 01-06-2006 à 22:16:24  profilanswer
 

oui ta méthode semble correspondre à ce que je veux faire..
 
j'ai vu qu'on parlait de document.writeln sur google  
mais meme après avoir lu la MSDN je n'ai pas bien compris le principe

n°1379322
doudouche
Posté le 01-06-2006 à 22:23:28  profilanswer
 

LOL bon alors :
Exemple :  
Feuille de style  :
<truc1>{...}  
<truc2>{...}  
 
Ton script :
 
dans ton scruipt javascript :
function affichage()
{
if(....)
document.getElementById('balisediv').innerHTML='<inputtype=texte class=trc1>'
if(...)
document.getElementById('balisediv').innerHTML='<inputtype=texte class=trc2>'
...
}
 
<form>
...
<DIV>
<A id=balisediv>
</A>
</div>
...
</form>
 
 
Voila il te suffit d appeler la fonction sur n importer quel événement et suivant les conditions de tes iff  le contenu de la balise div dseviendra ce que tu aura défini. ;)

n°1379328
namerh
Posté le 01-06-2006 à 22:29:03  profilanswer
 

ok merci
 
parce que ce que j'ai trouvé ici: http://actuel.fr.selfhtml.org/arti [...] /index.htm
ne me plaisait pas trop

n°1379333
doudouche
Posté le 01-06-2006 à 22:35:33  profilanswer
 

pas de quoi bonne chance

n°1379344
xtof_83
Freeride Spirit
Posté le 01-06-2006 à 22:47:35  profilanswer
 

Ouais c'est un petit joujou marrant, mais c'est rare que cette pratique soit fait comme tu las dis pour dans le cas, ou le mec à un ecran en 800 où 1200...
 
C'est plus fait pour changer les couleurs, ou la mise en page :D

n°1379346
namerh
Posté le 01-06-2006 à 22:49:14  profilanswer
 

xtof_83 a écrit :

Ouais c'est un petit joujou marrant, mais c'est rare que cette pratique soit fait comme tu las dis pour dans le cas, ou le mec à un ecran en 800 où 1200...
 
C'est plus fait pour changer les couleurs, ou la mise en page :D


ben tu ferais comment toi alors?

n°1379347
doudouche
Posté le 01-06-2006 à 22:49:42  profilanswer
 

c pas faux

n°1379366
xtof_83
Freeride Spirit
Posté le 01-06-2006 à 23:06:27  profilanswer
 

Mais tu veux donner quoi comme possibilté au juste ?
 
le mec clique et modifie le design, selon les choix...
 
Mais pourquoi tu nous parle de chagnement en fonction de la résolution :o

n°1379369
doudouche
Posté le 01-06-2006 à 23:08:30  profilanswer
 

lol

n°1379370
namerh
Posté le 01-06-2006 à 23:08:31  profilanswer
 

namerh a écrit :

je n'ai pas encore écrit ma condition (ça sera la résolution de l'écran)
 
si (résolution écran == x)
{appliquer style1 à mon <table>}
sinon
{appliquer style2}


mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  comment appliquer une CSS en fonction d'une condition javascript?

 

Sujets relatifs
probleme banniere javascriptlister fichiers en fonction de l'état d'une cellule
Problème de conditionextraction d'une partie d'un fichier sous condition (sed)
[Javascript] popup blocké à cause de fonction confirm[vba excel] fonction personalisé et lecture de la celulle
SQL fonction UNLIKE ???XML et JavaScript dans le navigateur
Besoin d'aide pour les listes déroulantes et javascript 
Plus de sujets relatifs à : comment appliquer une CSS en fonction d'une condition javascript?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR