Page 1 sur 1

Inclure un Javascript dans un CSS

Posté : 29 sept. 2005, 11:15
par Lareine
J'ai lu que l'on pouvait inclure une unique fonction javascript
par page html/php en passant par un css.

Quelq'un aurrait-il plus d'info et connaitrait la balise et syntaxe
à utiliser :roll: !

Posté : 29 sept. 2005, 11:19
par Cyrano
wow les mélanges : explique donc ce que tu veux faire, c'est un peu fouillis ta question.

Posté : 29 sept. 2005, 11:22
par mere-teresa
Lis ma réponse à ton autre post, et tu seras peut-être plus éclairée.

Enfin, sache que le Javascript peut modifier le HTML et l'arbre DOM, donc modifier l'attribut style d'une balise, en la créant, l'ajoutant et modifiant son contenu.

Tu dois donc définir les styles voulus dans ta feuille de style s'ils sont composés de plusieurs enrichissements (couleur, soulignement et gras, par exemple), et ajouter un attribut class="nomdustyle" à tea balise avec le javascript
ou bien
indiquer directement l'attribut que tu souhaites modifier en javascript (cf ma réponse).

Posté : 29 sept. 2005, 11:29
par Lareine
toujours pour mon problème de boutons ](*,) !
comme je ne peut pas ajuster automatiquement la largeur des boites
de mes boutons à la largeur de mon tableau qui les contient.
Puisque la fonction align:justify; n'existe pas en css.
On trouve juste text-align:****; et ce n'est pas ce que j'ai besoin

du coup je me demande si je pourrais pas inclure mon javascript dans
le css puisque lui fonctionnait très bien pour faire des boutons dans les
cellules de mon tableau :cry: ?

Posté : 29 sept. 2005, 11:39
par Cyrano
Non, le JavaScript ne peut pas être mis DANS une feuille de style CSS.
En CSS, tu as text-align: justify.

Ce que je dirais pour ton problème: la largeur des bordures de boutons est à mon goût trop large, tu pourrais le réduire d'un pixel, ça te fera gagner autant de fois 2px qu'il y a de boutons dans la ligne. Avec ce que j'avais suggéré à propos de la taille de police de caractère, tu peux encora gagner en largeur.

Il reste aussi une option: tes lignes de boutons sont dans trois paragraphes différents: pourquoi ne pas les mettre dans un unique pargraphe avec un text-align: center et laisser le navigateur gérer la répartition: ça ne débordera jamais puisque si c'est trop large, le navigateur renverra à la ligne. Au pire, ça fera un menu sur quatre au lieu de trois lignes.

JavaScript dans CSS # avec la balise id=".."

Posté : 12 oct. 2005, 01:01
par Lareine
Le problème est donc inrésolvable en soit:
Il faut obligatoirement utiliser des cellules dans des tableau qui eux
ajustent automatiquement leur largeur si je tient au respect strict de
ma mise en page :? !

Merci de vos effort pour m'aider sur ce problème d'ajustement en
css :o !
Edit: mon problème de boutons à été résolu là!
http://www.phpfrance.com/forums/voir_re ... .php#65280

On peut intégrer du Javascript dans un CSS. Mais on est limité à
un seul appèle par fonction Javascript, par page :P !


http://developpeur.journaldunet.com/tut ... lass.shtml
Ajoutons que JavaScript peut manipuler les balises avec un id.
http://www.netalya.com/fr/css-2.asp
Notion des ID
Lorsqu'on désire utiliser les feuilles de style avec du Javascript on utilise les ID
(appelés les identifiants).
Les ID fonctionnent exactement comme les classes.
La syntaxe est :

#nom_de_ID { propriété de style: valeur }
Et pour l'appeler :

<balise id="nom_de_ID"> .... </balise>
Notons qu'on ne pourra effectuer qu'un seul appel à #nom_de_ID par page. Ainsi,

Pour #Toto{ ... }

<P id=Toto> est correct.
Mais si on rencontre dans la même page

<H1 id=Toto> ce n'est plus correct !
Si vous pensez utiliser des feuilles de style, mais sans vous compliquer la vie avec
des scripts, oubliez au plus vite ID et utilisez exclusivement les classes.

Re: JavaScript dans CSS # avec la balise id=".."

Posté : 12 oct. 2005, 08:56
par Cyrano
Le problème est donc inrésolvable en soit:
Insoluble en soi ;)

Posté : 12 oct. 2005, 10:02
par Lareine
Insoluble aussi dans un verre d'eau, pour les boite communes
à l'ajustement auto adaptative :roll: .

Mais Résolu pour ce qui est du javascript dans css, même si
son utilisation reste peu aisée et d'un intérêt restreint :o ...

http://forum.hardware.fr/hardwarefr/Pro ... 6058-1.htm
Tout élément unique est identifié avec un ID, et non une classe, l'ID
permet également de binder aisément des scripts, d'associer des
labels à leurs contrôles dans les formulaires et de donner une
signature à son site.

La priorité de l'ID au niveau des règles CSS est de plus largement
supérieure à celle des classes, et enfin pour le navigateur trouver
l'objet en fonction de son ID est beaucoup plus rapide et moins
couteux qu'en fonction de sa classe (puisqu'à un ID correspond un
et un seul élément d'une page donnée).

Posté : 18 oct. 2005, 22:49
par belette33
Mais quel interet exactement ?

Posté : 18 oct. 2005, 23:17
par Lareine
Integrer des fonctions Javascript directement dans sa Feuille de Style ...
grace à: #nom_de_ID { propriété_de_style:expression(fonction.java.script); }

Mais c'est un Hack, donc en pratique déconseillé, ne fesant pas partie de
la norme. Et ça ne fonctionnerais que sous IE :? ...

Posté : 19 oct. 2005, 10:01
par mere-teresa
J'ai enfin compris le but, mais ce serait pour les a:hover ? et simuler des td:hover ?
c'est ça ?

Posté : 19 oct. 2005, 10:23
par Lareine
Oui, mais comme c'est compatible que sous IE...
L'intérêt niveau portabilité et compatibilité est quasi nul dans mon cas,
au final :oops: ...