11521 sujets

JavaScript, DOM et API Web HTML5

bonjour je suis entrain de faire une fonction qui consiste à récupéré la valeur d'un champs input

voilà le html

	  <!--début du global du formulaire-->
	  <form id="global-annonce-liste-puce-modale" class="popup_block" action="toto.php" method="post" >

	  <fieldset>

	  <legend>liste des puces</legend>


   	  <!--début : on affiche le nombre de ligne du liste-puce-->
	  <div class="global-annonce-liste-puce-modale">
	  <label class="annonce-liste-puce-modale-label">ligne :</label>
	  <div class="annonce-liste-puce-modale-input icon-input-nombre-liste-puce"><input type="text"  placeholder="3" name="nbdepuce" id="nbdepuce" required /></div>
	  </div>
   	  <!--fin : on affiche le nombre de ligne du liste-puce-->
	  
   	  <!--début du boutton pour poster le code-->
      <nav id="global-button-annonce-liste-puce"><ul><li><button type="button" class="icon-button-ajouter" value="inserer-liste-puce" id="inserer-liste-puce">insérer un liste-puce</button></li></ul></nav>
   	  <!--fin du boutton pour poster le code-->

	  </fieldset>
	  </form>
	  <!--fin du global du formulaire-->


j'ai mis cette fonction (jquery)

	  $(function()
	  {
	  //on affiche le button afin inserrere le tableau
	  $('#inserer-liste-puce').on('click', function()
	  {
	  // on recupere les données des lignes et des colonnes
	  nbdepuce = +$('#nbdepuce').val();
	  $listepuce = $('<ul/>');
	  $htmllistepuce=('<ul>');
	  
	  // on affiche le nombre de ligne
	  for (i = 0; i < nbdepuce; i++)
	  {
	  $htmllistepuce+="\n\t<li>"
	  $line = $('<li/>');
	  	  
	  
	  // on ffiche
      $htmllistepuce+="</li>"
      $listepuce.append($($line));
	  }
	  $htmllistepuce+="\n</ul>" 
	  
	  // on affiche dans le textarea
	  $('#annonce-textarea').val($htmllistepuce);
	  
	  })
	  
	  })


quand je met le chiffre 5 sur input et que je click sur le button inserer-liste-puce

il m'affiche bien comme je veux


<ul>
	<li>fffffffff</li>
	<li>dddddddddd</li>
</ul>


j'ai 2 questions qui sont les suivants

j'aimerais remplacer ul et li dans le textarea par


<liste>
	<puce>fffffffff</puce>
	<puce>dddddddddd</puce>
</liste>


en tout gardant dans la source ul et li

et la 2 ème question coment je doit mettre la puce

en sachant que j'ai mis ul en css pour disparaît tout les puces

si je met une class sur jquery pour afficher la puce , bien entendu il va afficher la puce

mais dans le textarea , il mettra aussi la class

<ul class="puce">
	<li>fffffffff</li>
	<li>dddddddddd</li>
</ul>


je ne veux pas qu'il m'affiche la class , coment, je doit faire

merci
ivan750 a écrit :
bonjour je suis entrain de faire une fonction qui consiste à récupéré la valeur d'un champs input

voilà le html

	  &lt;!--début du global du formulaire--&gt;
	  &lt;form id="global-annonce-liste-puce-modale" class="popup_block" action="toto.php" method="post" &gt;

	  &lt;fieldset&gt;

	  &lt;legend&gt;liste des puces&lt;/legend&gt;


   	  &lt;!--début : on affiche le nombre de ligne du liste-puce--&gt;
	  &lt;div class="global-annonce-liste-puce-modale"&gt;
	  &lt;label class="annonce-liste-puce-modale-label"&gt;ligne :&lt;/label&gt;
	  &lt;div class="annonce-liste-puce-modale-input icon-input-nombre-liste-puce"&gt;&lt;input type="text"  placeholder="3" name="nbdepuce" id="nbdepuce" required /&gt;&lt;/div&gt;
	  &lt;/div&gt;
   	  &lt;!--fin : on affiche le nombre de ligne du liste-puce--&gt;
	  
   	  &lt;!--début du boutton pour poster le code--&gt;
      &lt;nav id="global-button-annonce-liste-puce"&gt;&lt;ul&gt;&lt;li&gt;&lt;button type="button" class="icon-button-ajouter" value="inserer-liste-puce" id="inserer-liste-puce"&gt;insérer un liste-puce&lt;/button&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/nav&gt;
   	  &lt;!--fin du boutton pour poster le code--&gt;

	  &lt;/fieldset&gt;
	  &lt;/form&gt;
	  &lt;!--fin du global du formulaire--&gt;


j'ai mis cette fonction (jquery)

	  $(function()
	  {
	  //on affiche le button afin inserrere le tableau
	  $('#inserer-liste-puce').on('click', function()
	  {
	  // on recupere les données des lignes et des colonnes
	  nbdepuce = +$('#nbdepuce').val();
	  $listepuce = $('&lt;ul/&gt;');
	  $htmllistepuce=('&lt;ul&gt;');
	  
	  // on affiche le nombre de ligne
	  for (i = 0; i &lt; nbdepuce; i++)
	  {
	  $htmllistepuce+="\n\t&lt;li&gt;"
	  $line = $('&lt;li/&gt;');
	  	  
	  
	  // on ffiche
      $htmllistepuce+="&lt;/li&gt;"
      $listepuce.append($($line));
	  }
	  $htmllistepuce+="\n&lt;/ul&gt;" 
	  
	  // on affiche dans le textarea
	  $('#annonce-textarea').val($htmllistepuce);
	  
	  })
	  
	  })


quand je met le chiffre 5 sur input et que je click sur le button inserer-liste-puce

il m'affiche bien comme je veux


&lt;ul&gt;
	&lt;li&gt;fffffffff&lt;/li&gt;
	&lt;li&gt;dddddddddd&lt;/li&gt;
&lt;/ul&gt;


j'ai 2 questions qui sont les suivants

j'aimerais remplacer ul et li dans le textarea par


&lt;liste&gt;
	&lt;puce&gt;fffffffff&lt;/puce&gt;
	&lt;puce&gt;dddddddddd&lt;/puce&gt;
&lt;/liste&gt;


en tout gardant dans la source ul et li

et la 2 ème question coment je doit mettre la puce

en sachant que j'ai mis ul en css pour disparaît tout les puces

si je met une class sur jquery pour afficher la puce , bien entendu il va afficher la puce

mais dans le textarea , il mettra aussi la class

&lt;ul class="puce"&gt;
	&lt;li&gt;fffffffff&lt;/li&gt;
	&lt;li&gt;dddddddddd&lt;/li&gt;
&lt;/ul&gt;


je ne veux pas qu'il m'affiche la class , coment, je doit faire

merci
merci de votre aide,

continuer a nous aidez

suet resolu , malgrez qui ne soit pas resolu Smiley cligne
Modifié par ivan750 (05 Apr 2019 - 13:44)