Ajouter du style (dans <style></style>)

Version imprimable

21/01/2007, 04h11
sansamis

Ajouter du style (dans <style></style>)

Salut à tous !

Dans le cadre d'un échange de liens, mon lien étant stylisé, j'aimerai un code JS qui, inséré dans la page où se trouve le lien, ajoute un style "blabla" pour l'id "lien" en CSS.

Le problème: si les balises <style></style> sont éxistantes, ok, mais si le tyle n'a pas utilisé ces balise (c'est possible), ca ne peut rien faire :/

Et de toute facon je ne sais pas comment faire pour interer dans les balises.

Alors voila, j'ai 2 question:

1) Comment ajouter un nouveau style dans les balises.

2) comment détecter si elles n'éxistents pas et dans ce cas les créer ?

Merci d'avance,

Sansamis
23/01/2007, 21h35
sansamis

ben un ptit up quoi :oops:

bonjour,

Pourquoi ne définis-tu pas d'abord tous tes styles ? Il suffit ensuite d'une action pour le changer.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.style1{
 color: #000000;
 border: #AAAAAA 2px ridge;
 font-family: Arial;
 font-size: 10pt;
 padding: 2px;
 width: 150px;
}
 
.style2{
 color: #FFFFFF;
 background-color: #000000;
 border: #AAAAAA 2px ridge;
 font-family: Times New Roman;
 font-size: 12pt;
 padding: 5px;
 width: 150px;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
function changeStyle()
{
 document.getElementById("idDiv").className = "style2";
}
 
//-->
</script>
 
</head>
 
<body>
 
<div id="idDiv" class="style1">bla bla bla bla bla bla bla
</div>
<br><br>
<input type="button" value="autre style" onclick="changeStyle()">
 
</body>
 
</html>

25/01/2007, 10h07
sansamis

Parce que le script sera sur d'autres pages qui ne m'apartiennent pas :/

C'est un script qui ajout un petit module de ma création sur leur page, et comme ce modul a des styles CSS, plutôt que de mettre des style="blabla", 'aimerai réusir à ajouter des classes de styles dans les balises style de la page :P
26/01/2007, 15h33
Auteur
dans ce cas pourquoi ne pas ajouter un lien vers un fichier CSS, comme tu ajoutes sans doute un lien vers ton script ?
Code:

1 2 <link rel="stylesheet" href="feuilleDeStyle.css" type="text/css">