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

**sansamis** · 21/01/2007, 04h11

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

**sansamis** · 23/01/2007, 21h35

ben un ptit up quoi

**Auteur** · 24/01/2007, 11h39

bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**sansamis** · 25/01/2007, 10h07

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

**Auteur** · 26/01/2007, 15h33

dans ce cas pourquoi ne pas ajouter un lien vers un fichier CSS, comme tu ajoutes sans doute un lien vers ton script ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

JavaScript

Discussions similaires

Partager

Partager