Afficher des balises HTML dans une chaine javascript

Version imprimable

24/02/2007, 11h35
lapaupiette

Afficher des balises HTML dans une chaine javascript

Dans une fonction javascript, je dois couper une chaine de caractère en deux à partir d'une chaine précise ("++") et afficher la seconde partie dans une taille plus petite. Mon idée était d'ajouter des balises html comme ceci <span class="textereduit">la seconde partie de la chaine</span> mais la fonction javascript ne fonctionne plus à cause des chevrons. Comment échapper ceux-ci ?

Je cherche également comment échapper les double quotes dans une chaine de caractères affichée via javascript (j'ai réussi pour les simples quotes).
24/02/2007, 17h56
Auteur

bonjour,

peux-tu nous montrer ton code ?
07/03/2007, 09h58
melanieCorporation

javascript les simples quotes

bonjourn
peux tu me dire comment tu as fait pour affichée via javascript les simples quotes?
merci d'avance

pour ta première question, petit exemple à charger si tu peux;

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
<style type="text/css">
 
#mess {
font-size:20px;
font-weight:bold;
}
 
</style>
 
</head>
<body>
 
<div id="mess"></div>
 
<script type="text/javascript">
 
var m=document.getElementById("mess");// conteneur html
var ch="sdfjsd++sdfsdfsf";// chaîne à afficher
 
m.appendChild(document.createTextNode(ch.split("++")[0]));// affichage du début de la chaîne
 
var petit=document.createElement("span");// création d'un span dans le conteneur
petit.style.fontSize="12px";// définition d'une taille de caractères
petit.appendChild(document.createTextNode(ch.split("++")[1]));// afichage de la fin de la chaîne dans le span
 
m.appendChild(petit);// affichage du span dans le conteneur
 
 
</script>
 
 
 
</body>
</html>