utilisation de "\t" avec la fonction innerHTML
Bonjour a tous!! :P
Dans ma fonction je récupère dans un fichier text des informations. Elle sont stockées dans sContent. Je fais une boucle sur cette variable afin de récupérer des marqueurs qui me servent de repère dans mon fichier text, ainsi je découpe mon information et la traite. Basiquement ce sont des chapitre :
1. Overview,4;
1.1 Architecture,4;
1.2 Data Server,4;
1.3 Event Server,4;
1.4 Engines,5;
je récupère les marqueur ',' et ';'.
Je désire une affichage avec une tabulation. Or, dans mon code :
Code:
var sChapter = sContent.slice(0, sContent.search(/./)+7)+"\t"+sContent.slice(sContent.search(/./)+7, sContent.search(/,/));
\t n'est pas affiché par la fonction
Code:
obj.innerHTML = sOutput;
Alors que si je fais une , j'observe bien que le \t a été bien pris en compte. C'est donc la fonction
Code:
obj.innerHTML = sOutput;
qui gère mal la tabulation. Impossible d'utiliser une quelconque banière ou de faire afficher plusieurs espaces.
Une suggestion????
Voici ma fonction complète :
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
|
function getContent(dataSource, divID)
{
if(XMLHttpRequestObject)
{
var obj = document.getElementById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
var val=5;
var sContent = XMLHttpRequestObject.responseText;
var sOutput = "<form name=\"list\" height=\"15\"><select name=chapters onchange=getData(document.list.chapters.value)>";
sOutput = sOutput + "<option>Select Chapter</option>";
do{
var sChapter = sContent.slice(0, sContent.search(/./)+7)+"\t"+sContent.slice(sContent.search(/./)+7, sContent.search(/,/));
var sPage = sContent.slice(sContent.search(/,/) + 1, sContent.search(/;/));
sContent = sContent.slice(sContent.search(/;/) + 1);
sOutput = sOutput + "<option value=\"" + sPage +"\">"+ sChapter + "</option>";
}
while(sContent.length != 0)
sOutput = sOutput + "</select></form>";
obj.innerHTML = sOutput;
}//if
alert(sOutput);
}//function |
En vous remerciant d'avance ;)
Cyril