Discussion :

[Gwadadev]

Bonjour,
J'ai un problème d'affichage dans une balise <div> à cause d'une fonction javascript.Dans cette fonction, j'ai un argument qui contient des espaces, ce que n'apprécie guère javascript, j'ai donc été contraint d'insérer des &nbsp;
En mettant ces &nbsp;, le texte sort de la balise.

Code :

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

1
2
3
4
5
6
7
8
 
<style type="text/css">
div#texte{position:absolute;width:300px;height:250px;top:370px;left:300px;border:3px solid purple;}
div#texte1{position:absolute;width:300px;height:250px;top:370px;left:610px;border:3px solid purple;}
</style>
<div id='texte1'><img src='test.jpg'></div>
<div id='texte'>Ce&nbsp;test&nbsp;est&nbsp;la&nbsp;preuve&nbsp;que&nbsp;le&nbsp;texte&nbsp;saisi&nbsp;sort&nbsp;du&nbsp;cadre&nbsp;que&nbsp;faire?
</div>

Pour rappel, le texte inséré dans la balise <div> est issu du javascript.
Quelle serait la solution pour que le div garde la largeur codée.

[Er3van]

Il faut savoir que &nbsp; ne sont pas des simples espaces, mais des "non breakable space", c'est à dire, espaces insécables. Autrement dit, si tu en rajoute entre deux mots, tu ne pourras JAMAIS les séparés, quelque soit la dimension de ton div, qui du coup prendra au minimum la largeur de ces deux mots "fusionnés".

Trouve une autre solution pour parer à tes problèmes de JavaScript que le &nbsp; et tu résolvera ton problème


=> Forum JS

[Gwadadev]

Bonjour,

Je cherche une solution pour insérer ou gérer les espaces dans les paramètres d'une fonction javascript(cf code de mon 1st post).
En effet lors de l'insertion d'espace dans ma fonction, j'ai un message d'erreur javascript.
En insérant les &nbsp; je n'ai plus d'erreurs par contre mon texte est affiché en un seul bloc, ainsi dans un div ce texte sort du div?

merci d'avance pour votre aide

[Matthieu2000]

envoie le code de ta fonction.
fait une recherche sur

split

[Gwadadev]

Voici le code de ma fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function affich_text(a,b){
		if (document.getElementById && document.getElementById("texte") != null)
    {
    document.getElementById("texte").style.visibility="visible";
    document.getElementById("texte").style.display="block";
	texte="A= "+a+"<br>B= "+b;
	//remplacer les &nbsp; par un espace
	var reg=new RegExp('&nbsp;', "g");
//j'essaie de remplacer &nbsp; par espace
	texte1=texte.replace(reg," ");
document.getElementById("texte").innerHTML=texte1;
	}
	}

Utilisation de cette fonction dans le code

Code :

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

1
2
 
<A href='#' onclick=affich_text('ok','test,&nbsp;test,&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test.')>click</a>

[Gwadadev]

Toujours personne pour m'aider???