Remplacer des retours chariot par des <li></li>

Résolu
barale61 Messages postés 1126 Date d'inscription   Statut Membre Dernière intervention   -  
barale61 Messages postés 1126 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Lors d'une saisie dans un de mes textarea, je souhaite que les retours chariot soit automatiquement remplacés par:

<li></li>

Alors j'utilise:

str_replace("<li></li>","<br>", $ingredients);


mais cela ne fonctionne pas si vous avez une idée, je vous remercie d'avance.

3 réponses

  1. Alain_42 Messages postés 5413 Statut Membre 904
     
    dans un texarea les retours chariot sont des \n pas des <br>

    et de plus:
    - str_replace ce n'est pas dans ce sens
    str_replace("<li></li>","<br>", $ingredients);

    mais
    str_replace("\n","<li></li>", $ingredients);


    -et dans une liste li il faut un <li> au début de la ligne et </li> à la fin
    ex: <li>première ligne</li>
    <li>deuxieme ligne</li>
    tel que tu fait tu vas avoir:
    première ligne<li></li>
    deuxieme ligne


    donc il faut faire:
    $ingredients="<li>".str_replace("\n","</li><li>", $ingredients)."</li>";
    0
  2. barale61 Messages postés 1126 Date d'inscription   Statut Membre Dernière intervention   113
     
    Merci ça marche en fait j'ai fait:

    $recettes_ingredients = str_replace("\n", "<LI>", $recettes_ingredients);


    et à l'affichage:

    <div id="liste_ingredients">  
    <ul>  
    <li><?php echo $row_Liste_recettes['recettes_ingredients']; ?></li>  
     </ul>  
    </p>  
    </div>


    ...donc j'ai bien ma liste comme ceci:

    <ul>
    <li>Ingédient1</li>
    <li>Ingédient2</li>
    </ul>

    à chaque retour j'ouvre et je ferme.

    Mais comment afficher cette liste en 2 colonnes?
    0
  3. Alain_42 Messages postés 5413 Statut Membre 904
     
    regardes avec du CSS

    j'ai trouvé ça sur G...
    <style type="text/css">
        li {
        display:block;
        float:left;
        }
        li[float="left"] + li {
        display:block;
        float:none;
        }
    </style>
    


    je ne sait pas si ça marche ?
    0
    1. barale61 Messages postés 1126 Date d'inscription   Statut Membre Dernière intervention   113
       
      Ok merci.
      0