Appliquer une forme de BBcode à une table

**sansamis** · 25/02/2007, 21h28

Salut à tous!

Alors voila : J'ai une page avec une table contenant tous les messages du livre d'or de mon site, avec des balises de BBcode perso comme ceci par éxemple :

Code :

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

1
2
3
4
5
6
7
8
<table>
<tr>
<td>
Bla bla [gras]mot en gras[/gras] bla bla [lien]http://www.K-potes.com[/lien] etc.
</td>
</tr>
// etc
</table>

Je sais traduite mes balises, comme ceci par exemple :

Code :

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

1
2
3
4
5
txt = "Bla bla [gras]mot en gras[/gras] bla bla [lien]http://www.K-potes.com[/lien] etc.";
txt = txt.replace(/\[gras\](.+?)\[\/gras\]/gi,"<b>$1</b>");
txt = txt.replace(/\[souligne\](.+?)\[\/souligne\]/gi,"<u>$1</u>");
txt = txt.replace(/\[italique\](.+?)\[\/italique\]/gi,"<i>$1</i>");
txt = txt.replace(/\[lien\](.+?)\[\/lien\]/gi," <a target='_BLANK' href='$1'>$1</a>");

Ce qui sortira Bla bla <b>mot en gras</b> bla bla <a target="_BLANK" href="http://www.K-potes.com">http://www.K-potes.com</a> etc.
Maintenant mon probleme est le suivant : Comment traduire le contenu des céllules de la table avec mon code.

Ce qu'il faudrait c'est récupérer le html contenu dans la table, y appliquer la traduction, et le réinsérer.

J'ai pensé mettre un id="messages" à la table, puis mettre ceci dans <head></head> :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
window.onload = K-code(messages);
function K-code(i)
{
txt = document.getElementById(i).innerHTML;
txt = txt.replace(/\[gras\](.+?)\[\/gras\]/gi,"<b>$1</b>");
txt = txt.replace(/\[souligne\](.+?)\[\/souligne\]/gi,"<u>$1</u>");
txt = txt.replace(/\[italique\](.+?)\[\/italique\]/gi,"<i>$1</i>");
txt = txt.replace(/\[lien\](.+?)\[\/lien\]/gi," <a target='_BLANK' href='$1'>$1</a>");
document.getElementById(i).innerHTML = txt;
}
</script>

Mais celà ne fonctionne pas.

Quelqu'un aurait-il une idée?

Merci d'avance,

sansamis

**sansamis** · 26/02/2007, 21h22

up

**sansamis** · 27/02/2007, 21h36

Ben re-up :p

**sansamis** · 28/02/2007, 21h25

Chekilup chekilup!

**Auteur** · 28/02/2007, 22h29

en mettant un id sur ta balise td ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script language="JavaScript">
 
function K-code()
{
txt = document.getElementById("idMonTD").innerHTML;
txt = txt.replace(/\[gras\](.+?)\[\/gras\]/gi,"<b>$1</b>");
txt = txt.replace(/\[souligne\](.+?)\[\/souligne\]/gi,"<u>$1</u>");
txt = txt.replace(/\[italique\](.+?)\[\/italique\]/gi,"<i>$1</i>");
txt = txt.replace(/\[lien\](.+?)\[\/lien\]/gi," <a target='_BLANK' href='$1'>$1</a>");
document.getElementById(i).innerHTML = txt;
}
</script>

et dans le code HTML

Code html :

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

1
2
3
4
5
6
7
8
9
 
<table>
<tr>
<td id="idMonTD">
Bla bla [gras]mot en gras[/gras] bla bla [lien]http://www.K-potes.com[/lien] etc.
</td>
</tr>
// etc
</table>

**sansamis** · 01/03/2007, 19h20

Rien du tout

Pareil. Je pense pas que le problème soit de cet ordre, mais bon.

Quelqu'un a une idée ?

**Auteur** · 01/03/2007, 19h44

Avec ce code, sous Firefox, je n'ai pas de souci :

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function  test()
{
var txt = document.getElementById("test").innerHTML;
 
txt = txt.replace(/\[gras\](.+?)\[\/gras\]/gi,"<b>$1</b>");
txt = txt.replace(/\[souligne\](.+?)\[\/souligne\]/gi,"<u>$1</u>");
txt = txt.replace(/\[italique\](.+?)\[\/italique\]/gi,"<i>$1</i>");
txt = txt.replace(/\[lien\](.+?)\[\/lien\]/gi," <a target='_BLANK' href='$1'>$1</a>");
alert(txt);
 
document.getElementById("out").innerHTML = txt;
}
 
//-->
</script>
 
</head>
 
<body onload="test()">
 
<table border="1">
  <tr>
    <td id="test">"Bla bla [gras]mot en gras[/gras] bla bla [lien]http://www.K-potes.com[/lien] etc.";
    </td>
  </tr>
  <tr>
    <td id="out"> &nbsp;
    </td>
  </tr>
</table>
 
 
</body>
 
</html>

Avec mon viel IE5, j'ai une série d'erreurs...

**sansamis** · 01/03/2007, 22h48

Je vais dire un seul truc : HAHAHAHA!

Tu sais quoi ?

Ma fonction, je l'avais appelé "K-code()".

Ce que je savais pas, c'est qu'on peut pas mettre de "-" !

Je mets juste "Kcode()" et c'est parfait !

Merci à toi !!

**Auteur** · 02/03/2007, 12h30

Envoyé par sansamis

Tu sais quoi ?

Ma fonction, je l'avais appelé "K-code()".

Ce que je savais pas, c'est qu'on peut pas mettre de "-" !

Je mets juste "Kcode()" et c'est parfait !

Merci à toi !!

ha, oui, je n'ai pas fait attention à ce détail

Appliquer une forme de BBcode à une table

JavaScript

Discussions similaires

Partager

Partager