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

comment appliquer une CSS en fonction d'une condition javascript? - HTML/CSS - Programmation

Marsh Posté le 01-06-2006 à 18:54:51    

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?

Reply

Marsh Posté le 01-06-2006 à 18:54:51   

Reply

Marsh Posté le 01-06-2006 à 19:01:16    

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.
 

Reply

Marsh Posté le 01-06-2006 à 20:17:52    

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

Reply

Marsh Posté le 01-06-2006 à 20:35:38    

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

Reply

Marsh Posté le 01-06-2006 à 20:53:31    

quelle est ta condtion ?

Reply

Marsh Posté le 01-06-2006 à 21:08:01    

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
Reply

Marsh Posté le 01-06-2006 à 21:17:39    

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
Reply

Marsh Posté le 01-06-2006 à 21:21:49    

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)

Reply

Marsh Posté le 01-06-2006 à 21:27:55    

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

Reply

Marsh Posté le 01-06-2006 à 21:45:15    

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
Reply

Marsh Posté le 01-06-2006 à 21:45:15   

Reply

Marsh Posté le 01-06-2006 à 21:51:08    

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

Reply

Marsh Posté le 01-06-2006 à 22:07:09    

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
Reply

Marsh Posté le 01-06-2006 à 22:13:46    

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.

Reply

Marsh Posté le 01-06-2006 à 22:16:24    

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

Reply

Marsh Posté le 01-06-2006 à 22:23:28    

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. ;)

Reply

Marsh Posté le 01-06-2006 à 22:29:03    

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

Reply

Marsh Posté le 01-06-2006 à 22:35:33    

pas de quoi bonne chance

Reply

Marsh Posté le 01-06-2006 à 22:47:35    

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

Reply

Marsh Posté le 01-06-2006 à 22:49:14    

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?

Reply

Marsh Posté le 01-06-2006 à 22:49:42    

c pas faux

Reply

Marsh Posté le 01-06-2006 à 23:06:27    

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

Reply

Marsh Posté le 01-06-2006 à 23:08:30    

lol

Reply

Marsh Posté le 01-06-2006 à 23:08:31    

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}


Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed