Gérer le saut de ligne

**Goffer** · 26/08/2012, 22h07

Bonjour,

J'utilise dans une fonction javascript du code généré par php, il s'agit d'une liste déroulante.

Mon problème : la liste déroulante contient des sauts de ligne, et javascript ne les interprète pas. Je ne peux pas modifier le code php. Comment puis-je faire ?

J'ai une chaine de caractère qui vaut :

Code :

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

1
2
3
4
5
6
7
 
$liste ="
<select>
  <options value='0'> A</options>
  <options value='0'> B</options>
</select>
";

Et le code javascript :

Code :

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

1
2
3
4
5
6
7
 
$('#addRow').live('click', function(){
    event.preventDefault();
      $('<tr>'
    	      +'<td><?echo $liste ?></td>'
	      +'</tr>').appendTo('#myTable');
  });

**SpaceFrog** · 27/08/2012, 09h24

des li dans un select

**Goffer** · 27/08/2012, 12h16

J'ai édité, c'est moi qui ait craqué dans mon exemple après une dure journée

**Bovino** · 27/08/2012, 12h29

Et de quels sauts de ligne veux-tu parler ?

**SpaceFrog** · 27/08/2012, 12h54

Tu ne peux pas faire de replace coté serveur en php ???

j'ai testé ceci qui a l'aire de fonctionner :

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
<html>
<head>
<?php
 
$liste ="
<select>
  <option value='0'> A</option>
  <option value='0'> B</option>
</select>
";
 
 
//$liste ="<select><option value='0'> A</option><option value='0'> B</option></select>";
echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>';
?>
</head>
<body>
<?php 
echo '<table id="myTable">
      </table>';
 echo '<script type="text/javascript">
       var liste=('.$liste.').replace("/\r\n/g","");
       $("#myTable").append( $("<tr><td>"+liste+"</td></tr>") )'.
       '</script>';
?>       
</body>
</html>

A noter que je ne comprends pas pourquoi ça marche !!!

Code :

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

1
2
3
4
5
6
var liste=(
<select>
  <option value='0'> A</option>
  <option value='0'> B</option>
</select>
).replace("/\r\n/g","");

**SpaceFrog** · 27/08/2012, 13h03

Attention cela ne fonctionne que sous FFX ...
Pas sous IE ni Chrome !!

=> il va falloir faire la modif coté serveur

Gérer le saut de ligne

JavaScript

Vue hybride

Discussions similaires

Partager

Partager