Insertion saut de ligne

**duarep** · 13/05/2010, 08h29

Bonjour
j'utilise le code suivant pour afficher dans une fenêtre les infos contenues dans une table.
Lorsque les infos de la partie Notes : (champ 9) sont trop importantes, ils dépassent la largeur de la fenêtre et sont donc invisibles pour l'utilisateur.
Quel code peut-on insérer dans le texte par exemple à la place des /de ce champ pour provoquer un saut de ligne ?
Merci pour votre aide
Jacques

Code :

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
w[0]=new Array("","","","","","");
w[1]=new Array("1740/04/26","THELIEZ","Claude","Theliez, Pierre","Guidez, Antoinette","ALEXANDRE","Geneviève","Alexandre, Jean Philippe","Boniface, Scholastique","l'époux est chirurgien l'épouse fileuse  assistés de Dominique PAILLIET / assistés de Dominique PAILLIET beau-frère de l'épouse et de Jean François CAPEL");
w[2]=new Array("1741/02/07","COQUEL","Philippe",".",".","BAILLEUL","Mdeleine","Bailleul, Nicolas","Buissez, Marie","l'époux est meunier  l'épouse est née à Juvigni près de Noyon / assistés de Nicola DELAFORGE et de Jean Charles LEVEQUE");
w[3]=new Array("1739/09/17","CARON","André","Caron, Pierre","Dergnes, Isabel","BOCHART","Antoinette","Bochart, Louis","Toquet, Marianne","l'époux est manouvrier l'épouse fileuse / assistés de Pierre François CATTELAIN et de Charles VASSEUR");
 
function www(n1)
{
	if (n1>0) n=n1;
	if (n>max) n=0;
	document.tree.moi.options[0].text=w[n][0]!=""?"Date (YYYY/MM/JJ) :  " + w[n][0]:"";
	document.tree.moi.options[1].text=w[n][1]!=""?"Nom de l'époux :  " + w[n][1]:"";
	document.tree.moi.options[2].text=w[n][2]!=""?"Prénom(s):  " + w[n][2]:"";
	document.tree.moi.options[3].text=w[n][3]!=""?"Père :  " + w[n][3]:"";
	document.tree.moi.options[4].text=w[n][4]!=""?"Mère :  " + w[n][4]:"";
	document.tree.moi.options[5].text=w[n][5]!=""?"Nom de l'épouse :  " + w[n][5]:"";
    document.tree.moi.options[6].text=w[n][6]!=""?"Prénom(s):  " + w[n][6]:"";
	document.tree.moi.options[7].text=w[n][7]!=""?"Père :  " + w[n][7]:"";
	document.tree.moi.options[8].text=w[n][8]!=""?"Mère :  " + w[n][8]:"";
	document.tree.moi.options[9].text=w[n][9]!=""?"Notes :  " + w[n][9]:"";
}

**vermine** · 13/05/2010, 10h16

Bonjour,

Vu que c'est pour afficher dans du HTML vous pouvez utiliser la balise <br>.

**duarep** · 13/05/2010, 10h43

J'ai essayé, mais cela affiche la balise cad <BR>

**vermine** · 13/05/2010, 10h52

Dans quel genre de fenêtre affichez-vous ces valeurs ?

**duarep** · 13/05/2010, 11h06

Voici la page qui crée la fenêtre
Pour mieux voir ce qui se passe
http://geneanpdc.free.fr/Releves/PDC...ture/index.htm
Mettre a en recherche et faire recherche par nom de l'épouse puis cliquer sur
le mariage proposé.

Code :

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
43
44
45
46
47
48
49
50
51
52
53
54
<html><head><title>Page dynamique</title>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesNd.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesNp.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesD.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesM.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesW.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesDd.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="donneesDp.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="functions.js"></SCRIPT>
</head><body background="arbre.jpg" text="BLACK" link="BLACK" vlink="BLACK" alink="BLACK">
<center><br><b><font size="6" color=white >RELEVES DES ACTES DE LA COMMUNE DE METZ EN COUTURE</font></b></center><br>
<form name="tree"><center>
<table width="95%" bgcolor="#DDDDDD" bordercolor="#9E906D" Border=8></center>
<tr>
<td align= center colspan=3><BR>Indiquez les premiers caractères&nbsp;&nbsp;&nbsp;
<input type="text" name="but"><BR><BR>
<b<font size="-1">Ex : Tapez 17 pour visualiser de 1700 à 1799 - 172 pour visualiser de 1720 à 1729 - 1722/02 pour visualiser février 1722 - BA visualisera tous les noms commençant par BA (Il faut taper au moins un chiffre ou une lettre)</font><br>
</td></tr>
<TR width="33%"><td width="33%" align= center Valign=top>
<BR><font color="#9E906D" size="5"><b>NAISSANCES </b></font><font color=red size="5">de 1737 à 1741</font><BR><BR>
<font size="2">Dans l'ordre AAAA/MM/JJ</font><BR>
<input type="button" name="go" value="Recherche par la date" onClick="RechNomNd(but.value)"><BR><BR>
<input type="button" name="go" value="Recherche par patronyme" onClick="RechNomNp(but.value)"><BR><BR>
</TD><td width="33%" align= center>
<BR><font color="#9E906D" size="5"><b>MARIAGES </b></font><font color=red size="5">de 1737 à 1741</font><BR><br>
<font size="2">Dans l'ordre AAAA/MM/JJ</font><BR>
<input type="button" name="go" value="Recherche par la date" onClick="RechNomD(but.value)"><BR><BR>
<input type="button" name="go" value="Recherche par nom de l'époux" onClick="RechNomM(but.value)"><BR><BR>
<input type="button" name="go" value="Recherche par nom de l'épouse" onClick="RechNomW(but.value)"><BR><BR>
</TD><td align= center Valign=top>
<BR><font color="#9E906D" size="5"><b>DECES </b></font><font color=red size="5">de 1737 à 1741</font><BR><br>
<font size="2">Dans l'ordre AAAA/MM/JJ</font><BR>
<input type="button" name="go" value="Recherche par la date" onClick="RechNomDd(but.value)"><BR><BR>
<input type="button" name="go" value="Recherche par patronyme" onClick="RechNomDp(but.value)"><BR><BR>
<tr>
<td align="center"colspan=3><font color="#000000"><b>Ce relevé a été réalisé grâce au travail bénévole de Monique ENGEL</b></font></div></TD>
</tr></table><BR>
<table border=3 bordercolor="white">
<tr><td align="center">
<select STYLE="font-size: 20px;background-color:#EEEEEE;font-style: bold;color:#000000;" name="moi" size="10">
<option></options>
<option></options>
<option></options>
<option></options>
<option></options>
<option></options>
<option></options>
<option></options>
<option></options>
<option></options>
</select>
</td></tr></table>
<p align="center"><a href="../../../index.html"><b>Retour à la page d'accueil</b></a></p>
</BODY></HTML>

**vermine** · 13/05/2010, 11h23

Arf, vous êtes dans un <select>. Je ne sais pas si on sait préciser un caractère particulier dans les <option>. Peut-être en jouant sur les propriétés de styles css ?

Insertion saut de ligne

JavaScript

Vue hybride

Discussions similaires

Partager

Partager