comment appliquer une CSS en fonction d'une condition javascript? - HTML/CSS - Programmation
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.
Marsh Posté le 01-06-2006 à 20:17:52
mmh je ne comprends pas comme se fait ton instanciation de balise
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}
Marsh Posté le 01-06-2006 à 21:17:39
Hum solution naze
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
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)
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 .
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)
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é
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
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.
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
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.
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
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
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... |
ben tu ferais comment toi alors?
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
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) |
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?