Inclure un Javascript dans un CSS

Eléphant du PHP | 142 Messages

29 sept. 2005, 11:15

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: !
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

Mammouth du PHP | 19672 Messages

29 sept. 2005, 11:19

wow les mélanges : explique donc ce que tu veux faire, c'est un peu fouillis ta question.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Modérateur PHPfrance
Modérateur PHPfrance | 6037 Messages

29 sept. 2005, 11:22

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).
Règle n°2 du webmaster : Toujours commencer par le HTML qu'on veut obtenir....toujours ! :priere:
J'aime apprendre de nouvelles choses.

Eléphant du PHP | 142 Messages

29 sept. 2005, 11:29

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: ?
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

Mammouth du PHP | 19672 Messages

29 sept. 2005, 11:39

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.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 142 Messages

12 oct. 2005, 01:01

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.
Modifié en dernier par Lareine le 13 oct. 2005, 11:36, modifié 1 fois.
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

Mammouth du PHP | 19672 Messages

12 oct. 2005, 08:56

Le problème est donc inrésolvable en soit:
Insoluble en soi ;)
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 142 Messages

12 oct. 2005, 10:02

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).
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

Eléphanteau du PHP | 13 Messages

18 oct. 2005, 22:49

Mais quel interet exactement ?

Eléphant du PHP | 142 Messages

18 oct. 2005, 23:17

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 :? ...
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

Modérateur PHPfrance
Modérateur PHPfrance | 6037 Messages

19 oct. 2005, 10:01

J'ai enfin compris le but, mais ce serait pour les a:hover ? et simuler des td:hover ?
c'est ça ?
Modifié en dernier par mere-teresa le 19 oct. 2005, 10:28, modifié 1 fois.
Règle n°2 du webmaster : Toujours commencer par le HTML qu'on veut obtenir....toujours ! :priere:
J'aime apprendre de nouvelles choses.

Eléphant du PHP | 142 Messages

19 oct. 2005, 10:23

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: ...
W3C revalorisez nos chères balises [-o<
Image Image CLOSER