les espaces insecables

Bonjour à tous et honteux de polluer pour une question qui me semble bien basique mais je sèche désespérément...

Voila le probleme:

Je souhaite scanner diverses chaines de caractèeres et remplacer tous les " "
(espace secables) par l'equivalent html   (espace insecable) pour mieux comprendre:

Code:

---

1 2 3 4 5 6 7

var szText = "Exemple en espece."; var exp = new RegExp(/\s/g); szText = szText.replace(exp, "&nbsp");   alert(szText);

---

Ca marche nikel sauf que (et c'est ca le problême) le résultat rend "textuel"
l'espace insécable... ??? Y a une solution c'est évident mais je sèche :(

désolé d'abuser pour un truc des plus ridicule mais... merci en tout cas ;)

Salut,
le html n'est pas interprété dans une fenêtre d'alerte.
De plus c'est " " et non "&nbsp"
Bye

Citation:

---

Envoyé par Djakisback

Salut,
le html n'est pas interprété dans une fenêtre d'alerte.
De plus c'est " " et non "&nbsp"
Bye

---

+1

Citation:

---

Envoyé par Djakisback

Salut,
le html n'est pas interprété dans une fenêtre d'alerte.
De plus c'est " " et non "&nbsp"
Bye

---

arf je te remercie mais la : faute de frappe pour le ";" était involontaire ;)
Pour l'alert c'etait pour l'exemple. Le resultat est/sera dans: object.getElementById("Destination") mais bon c'est pas grave merci quand meme @+ ;)

bon, j'ai trouvé mais ca donne un script très moche!

l'original qui bloque avec les insécables:

Code:

---

1 2 3

if (isIE || isOP) object.innerText = szText else object.innerContent = szText;

---

Modifie (moche) et qui les prend en compte:

Code:

---

1 2	object.innerHTML = szText;

---

Ce que j'ai trouvé ne me satisfait pas si quelqu'un avait plus propre ce serait
cool merci à vous ;)

PS: pitié s'il y a des fautes de frappes ou autre m'en tenez pas rigueur et promis je mets résolu dans 24h chrono @+ ;)

ah bin faut tout expliquer aussi :D

Sinon qu'est-ce que tu veux dire par moche ? ou plutôt qu'est-ce que tu veux faire exactement, car en fait j'ai l'impression que c'est un prob qui devrait plutôt se régler par CSS.
Bye ^^

Citation:

---

Envoyé par Djakisback

ah bin faut tout expliquer aussi :D

---

Arf, autant pour moi ;)

Citation:

---

Envoyé par Djakisback

Sinon qu'est-ce que tu veux dire par moche ?

---

Dans le codage je remplace le texte de façon bourin et j'aime pas
d'ou ma faible satisfaction à l'encontre de cette procédure.

Citation:

---

Envoyé par Djakisback

ou plutôt qu'est-ce que tu veux faire exactement, car en fait j'ai l'impression que c'est un prob qui devrait plutôt se régler par CSS.

---

Nop c'est pas un problême de CSS. Je pense que tu faisais référence à
white-space: nowrap mais comme indiqué ci-après:

Citation:

---

Envoyé par http://w3qc.org/ressources/contributions/balises-non-standards/

Cette solution n’est malheureusement pas utilisable avec Internet Explorer
5.0 sous Windows.

---

Mon souhait avant tout c'est être compatible avec le maximum de users

j'explique (espérant être clair)

Je parts d'un item <span id="tt_01"> pour arriver via "JS" a un item
<span id="subst_tt_01 onmouseover="..."> cad que je ne veux pas que si le
texte comprend un espace (vide) le texte soit coupé dans le container
parent. Je trouve insuportable ce type d'effet. Je tiens à ajouter que le
<span> fait lui même partie d'un sous ensemble et intégré à un texte plus
complêt...

Je procède ainsi:

- Scan d'un tag nommé,
- Recherche la class concernée
- Eventuellement scan ID s'il y a lieu
- Crée un object indépendant, (new Object())
- Modifie le nom de la cible (style gérés en //),
- Transforme tous les espaces du texte par &nbsp;
- Attach l'object crée au nouveau nom
- Ajoute un évènement onmouseover qui ressemble a ca:

Si survol de l'objet alors
{
objectDom.onmouseover = null;
objectDom.onmouseout = function() { ...rajout de over... out=null... }
}

Voila en gros ce que je veux arriver à faire. Procédure globale achevée
mais me resre à résoudre le problême des espaces en évitant de jouer les
gros bourins.

J'ai tenté d'être aussi clair que possible mais ce peut ne pas être le cas
donc.. faut pas hésiter à le dire ;)

en html il y a bien <nobr> mais j'aimerais autant ne pas avoir à l'utiliser
vu que je veux du code propre, conforme, etc... (meuh non je suis pas
chiant lol)

ah, j'oubliais: Le body est pure HTML, le "JS" est juste accéssible via onload.
bref, pas très important mais au cas ou la question venait à se poser... ;)

Citation:

---

Envoyé par Djakisback

Bye ^^

---

@+ et merci de l'aide ;)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

// Un texte non encodé var szTexte = "Un texte comme ca.\nEt une deuxième ligne !";   // Remplacer les sauts de lignes "\n" par "[BR]" szTexte=szTexte.split("\n").join("[BR]");   // Récuperer le div var div=document.getElementById("div");   // Vider tout contenu div.innerHTML="";   // Ajouter le texte transformé ("\n" ==> "[BR]") // document.createTextNode encode szTexte au format HTML div.appendChild(document.createTextNode(szTexte));   // Remplace les [BR] par le saut de ligne HTML div.innerHTML=div.innerHTML.split("[BR]").join("<br/>");

---

[QUOTE=FremyCompany]
.
.
.
// Un texte non encodé
.
.
.
[QUOTE=FremyCompany]

Bonjour,
Merci pour ta réponse, pour dire vrai j'avais pas du tout penser à utiliser join )

Reste le fait que cela implique l'utilisation d'innerHTML et si je peux éviter
je préfère.

Voici ce à quoi ressemble ta procédure adaptée à mon cas.

Code:

---

1 2 3 4 5 6 7

var szText = "Un Deux trois Quatre Cinq, ..."; szText = szText.split(" ").join("[SPC]"); var divId = document.getElementById("divId"); divId.innerHTML=""; divId.appendChild(document.createTextNode(szText)); divId.innerHTML=divId.innerHTML.split("[SPC]").join(" ");

---

Concernant ton bout de code ne serait-il pas plus simple d'utiliser
les RegExp comme indiqué plus haut /+bas?
Je tiens à dire que ce n'est pas t'offenser que te le demander c'est juste
que j'ai un doute.
(d'autant que je suis loin d'être un gourou en ce domaine ;)

Rappel:

Code:

---

1 2 3 4 5 6

var szText = "Un Deux trois Quatre Cinq, ..."; var divId = document.getElementById("divId"); var exp = new RegExp(/\s/g); szText = szText.replace(exp, "&nbsp";); divId.innerHTML = szText;

---

@+ ;)

Citation:

---

Envoyé par crazyspans

Bonjour,
Merci pour ta réponse, pour dire vrai j'avais pas du tout penser à utiliser join )

Reste le fait que cela implique l'utilisation d'innerHTML et si je peux éviter
je préfère.

Voici ce à quoi ressemble ta procédure adaptée à mon cas.

Code:

---

1 2 3 4 5 6 7

var szText = "Un Deux trois Quatre Cinq, ..."; szText = szText.split(" ").join("[SPC]"); var divId = document.getElementById("divId"); divId.innerHTML=""; divId.appendChild(document.createTextNode(szText)); divId.innerHTML=divId.innerHTML.split("[SPC]").join(" ");

---

Concernant ton bout de code ne serait-il pas plus simple d'utiliser
les RegExp comme indiqué plus haut /+bas?
Je tiens à dire que ce n'est pas t'offenser que te le demander c'est juste
que j'ai un doute.
(d'autant que je suis loin d'être un gourou en ce domaine ;)

---

Nn, tu ne dois rien changer à ce code, il encode tous les caractères (" " ==> "&nbsp;", "&" ==> "&amp;", ...) tout seul dans la fonction (document.createTextNode)

L'histoire du split().join() c'est uniquement pour les saut de ligne qui ne sont pas gérés par document.createTextNode

Citation:

---

Envoyé par FremyCompany

Nn, tu ne dois rien changer à ce code, il encode tous les caractères (" " ==> "&nbsp;", "&" ==> "&amp;", ...) tout seul dans la fonction (document.createTextNode)

L'histoire du split().join() c'est uniquement pour les saut de ligne qui ne sont pas gérés par document.createTextNode

---

Ok j'ai pris note et merci encore ;)

Tiens moi au courrant !