[JS] Afficher un certain nombre de fois une zone

Afficher un certain nombre de fois une zone [JS] - HTML/CSS - Programmation

Marsh Posté le 19-02-2003 à 13:18:20    

Comment est-il possible en javascript d'afficher un certain nombre de fois (avec une boucle) un code html?
En fait je saisi une valeur ds un champ de texte et après je dois afficher dans la MEME page ce nombre de fois le code
<input name="site" type="text">
comment faire?

Reply

Marsh Posté le 19-02-2003 à 13:18:20   

Reply

Marsh Posté le 19-02-2003 à 16:21:05    

appprendre le javascript
regarde du coté des boucles (for , while etc..)
et regarde du coté de document.write
;)

Reply

Marsh Posté le 19-02-2003 à 17:15:09    

hum pas trop dur :
 
tu recup le nombre de fois a afficher  
 
var nombre_de_fois=parseInt(window.document.t_a_line_edit.value);
le parseInt sert a convertir en int
 
apres tu fais un simple for :
 
for ( i=0 ; i<nombre_de_fois;i++ )
  {
  window.document.write("ce que je dois marquer en html" );
  }
 
et ca devrait marcher

Reply

Marsh Posté le 19-02-2003 à 20:29:35    

ok, j'ai essayé ça mais ça me donne pas exactement ce que je recherche.
J'ai un champ de saisie. Donc j'ai utilisé un onchange pour ensuite éxecuter la fonction que tu m'a indiquée.
Ca marche sauf que le réultat se met dans une nouvelle page. Or je voudrais que cela soit inséré ds ma page actuelle, avec le reste autour. Comment faire?


Message édité par toutoune le 19-02-2003 à 20:30:15
Reply

Marsh Posté le 19-02-2003 à 21:32:49    

toutoune a écrit :

ok, j'ai essayé ça mais ça me donne pas exactement ce que je recherche.
J'ai un champ de saisie. Donc j'ai utilisé un onchange pour ensuite éxecuter la fonction que tu m'a indiquée.
Ca marche sauf que le réultat se met dans une nouvelle page. Or je voudrais que cela soit inséré ds ma page actuelle, avec le reste autour. Comment faire?


 
bah tu met le script la ou il fo
ou alor tu le met en fonction
et tu apel la fonction kan il fo;)

Reply

Marsh Posté le 19-02-2003 à 21:41:55    

je comprend rien!!!!!!!!!
Voilà ce que j'ai fait:
j'ai un fichier index.php:

Code :
  1. // du code html au dessus avec différents tableaux
  2. <form action="index.php" method="post" enctype="multipart/form-data" name="form">
  3. <input type="text" name="nb" size="2" maxlength="2" onchange="javascript:affiche_html()">
  4. <script language="javascript">
  5. function affiche_html()
  6. {
  7. var nombre_de_fois=parseInt(window.document.form.nb.value);
  8. for(i=0;i<nombre_de_fois;i++)
  9. {
  10. window.document.write("ce que je dois marquer en html" );
  11. }
  12. }
  13. </script>
  14. // du code en dessous avec d'autre tableaux


 
Et quand je rentre une valeur dans le input, et que je clique ailleurs, alors là, j'ai une nouvelle page dans laquelle j'ai la phrase "ce que je dois marquer en html" qui est bien répétée n fois. Mais je voudrais pouvoir l'intégrer entre les tableaux sans avoir à recharger la page.
 :??:

Reply

Marsh Posté le 19-02-2003 à 23:47:36    

window.document.write
 
 
 
document.write

Reply

Marsh Posté le 20-02-2003 à 10:10:40    

ça fait pareil  :sweat:

Reply

Marsh Posté le 20-02-2003 à 14:04:23    

:(

Reply

Marsh Posté le 20-02-2003 à 14:46:43    

:(  :??:  
 
je c pas désolé

Reply

Marsh Posté le 20-02-2003 à 14:46:43   

Reply

Marsh Posté le 20-02-2003 à 15:12:30    

ok merci qd même!!!!
Sinon personne d'autre n'a une idée?  :ange:

Reply

Marsh Posté le 20-02-2003 à 17:23:07    

Citation :

var nombre_de_fois=parseInt(window.document.form.nb.value);  


 
3tu voudrai pas faire ca plutot
 
var nombre_de_fois=parseInt(window.document.forms["le_nom_de_t_a_forms"].nb.value);  
 
ca te permet de lire le contenu de la variable nb dans le formulaire : le_nom_de_t_a_forms ( oublie pas les " " ) ou alors tu peut faire : forms[0] mais je suis pas sur  
 
enfin la premier ca ira , a la limite quand tu code , fais affichier chaque valeur a chaque fois que tu l'as recup , ca te permet de voir si ca passe bien , en JS c le gros probleme , y gueule pas trop quand on fais des conneries

Reply

Marsh Posté le 20-02-2003 à 18:16:14    

Ben le pb n'est pas là, la valeur je la récupère bien puisqu'ensuite le navigateur affiche bien le bon nombre de fois le texte (en fait mon forumulaire s'appelle 'form' c'est pour ça que ça fait bizarre mais ça marche!)
 
Non, mon pb c'est qu'après j'ai plus mes éléments HTML que j'avais autour au début!  :sweat:

Reply

Marsh Posté le 20-02-2003 à 18:26:06    

Avec DOM :
 

Code :
  1. for(i = 0; i < nombre_de_fois; i++) {
  2.     document.getElementById("affichage" ).innerHTML += "ce que je dois marquer en html";
  3. }


 
 
Il faut définir quelque part dans ton document un élément :  
 
<div id="affichage"></div>
 
C'est dans cet élément que s'écrira ton texte.


Message édité par gm_superstar le 20-02-2003 à 18:26:56

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 19:11:36    

GENIAL!!!
Ca marche super bien!
Merci!  :jap:

Reply

Marsh Posté le 20-02-2003 à 19:29:08    

arffff il y a une chose que j'avais pas prévue!
En fait, si je viens à changer la valeur numérique que je saisie, par exemple si je décide d'afficher le code 6 fois alors que j'avais mis 4 au départ, j'obtiens alors l'affichage 10 fois (4fois d'avant et 6 fois ensuite). Comment est-ce que je peux faire en sorte de 'vider' avant ce qu'il y a dans mon <div id="affichage"></div>?

Reply

Marsh Posté le 20-02-2003 à 19:38:54    

toutoune a écrit :

arffff il y a une chose que j'avais pas prévue!
En fait, si je viens à changer la valeur numérique que je saisie, par exemple si je décide d'afficher le code 6 fois alors que j'avais mis 4 au départ, j'obtiens alors l'affichage 10 fois (4fois d'avant et 6 fois ensuite). Comment est-ce que je peux faire en sorte de 'vider' avant ce qu'il y a dans mon <div id="affichage"></div>?


essaye de reinistialiser la variable a 0 a la fin de la function
nombre_de_fois = 0;

Reply

Marsh Posté le 20-02-2003 à 19:51:09    

non ça marche pas. il n'y a pas moyen, comme je disais d''effacer' ce qu'il y a ds la div?

Reply

Marsh Posté le 20-02-2003 à 20:44:19    

Hé oh ! Faut essayer de bidouiller un peu, hein ;)
 
document.getElementById("affichage" ).innerHTML = "";


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-02-2003 à 10:18:26    

:jap: merci!  :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed