IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

retour valeur après évenement onChange


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 69
    Par défaut retour valeur après évenement onChange
    bonjour, mon problème est le suivant :

    j'ai tout d'abord un premier formulaire ou l'utilisateur entre une valeur et passe a une autre textbox, ensuite un évenement onChange est appelé pour mettre la valeur entrée par l'utilisateur dans cette textbox :

    Javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <script>
    	var NbCentreTech;
     
    	function afxCentreTech()
    	{
    		NbCentreTech = window.document.FormCalc.SupCal.value);
    	}
    </script>
    code php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    echo '<form name="FormCalc">';
    	echo '<table id="t_time3">';
    		echo '<tr><td id="pg">'."super calculateur : ".'</td><td id="pd"><input type="text" name="SupCal" id="quant" size="5" value="0" onChange="afxCentreTech()"></td><td id="milieu"></td><td colspan="2"></td></tr>';
    	echo '</table>';
    echo '</form>';
    mon souhait serai d'utiliser cette valeur pour pouvoir actualiser le nombre de ligne d'un tableau, c'est a dire que si la valeur récupérer est 1, mon tableau fera 1 ligne et ainsi de suite ...
    sauf que je ne sais pas comment faire pour utiliser cette valeur !!!

    code php du tableau a actualiser :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    echo '<form name="CentreTech">';
    	echo '<table id="t_time3">';
    		for($i=0;$i<='variable a mettre ici !!';$i++)
    		{
    			echo '<tr><td id="pg">'."centre technique ".($i+1)." : ".'</td><td id="pd"><input type="text" name="centre'.$i.'" id="quant" size="5" value="0"></td>';
    		}
    	echo '</table>';
    echo '</form>';

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 22
    Par défaut
    Je suis pas certain de comprendre, tu veux faire ça sans recharger la page? En ajax?

    Montre nous un exemple de ce que tu veut faire.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 69
    Par défaut
    non, je voudrais faire cela en javascript si cela est possible .. et puis j'ai pas eu le temps de m'initier a l'AJAX encore mais c'est peut être aussi la solution a mon problème.

    en fait lorsque l'utilisateur met un 1 dans la text box, le tableau doit être comme ceci :



    et lorsqu'il met un 2 :



    et ainsi de suite donc je voulais savoir si il est possible de faire cela en javascript ?

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 22
    Par défaut
    Regarde ici, je pense que tu peux t'en inspirer. (Utilise firebug pour verifier l'arbre du fichier)

    http://immobiliers-europe.com/dom_tableau.php

    Je te met aussi le code car le lien ne durera pas:


    Dans cet exemple je ne tiens pas comte de la suppression des elements mais il faudrait l'ajouter.

    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
     
     
     
     
    <div id='tab'></div>
     
     
    Entrer un nombre:<input name='input' id='input' onChange ="update(this.value)"/>
     
     
     
     
    <script language="JavaScript"> 
     
     
    function update(val){
    	alert("Il faut creer "+val+"champs");
     
    	var i=0;
    	while(i < val){
    	add(i);
    	i++;
    	}
    }
     
     
     
    function add(i){
     
     
    var node_h1=document.createElement("h1");
    document.getElementById("tab").appendChild(node_h1);
    document.getElementById("tab").lastChild.setAttribute("style","color:rgb(200,50,150);border:2px solid #cceaec;");
     
    var node_text=document.createTextNode("champs"+ i);
    document.getElementById("tab").lastChild.appendChild(node_text);
     
     
    var node_input=document.createElement("input");
    document.getElementById("tab").appendChild(node_input);
    document.getElementById("tab").lastChild.setAttribute("name","name_"+i);
     
     
    var node_p=document.createElement("p");
    document.getElementById("tab").appendChild(node_p);
     
    alert("Le Champs name_"+ i + " vient d'etre cree");
     
    }
     
     
    </script>

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 69
    Par défaut
    je comprend le principe de se script qui rajoute des éléments dans le div "tab" mais comment sont défini les balises html ? pasque par exemple pour la création de l'élément H1 on commence par déclaré une balise <h1> mais pour la fermeture de h1 comment cela est-il gérer par le javascript ?

Discussions similaires

  1. thread et retour d'une valeur après execution du thread
    Par lufermapar dans le forum Concurrence et multi-thread
    Réponses: 4
    Dernier message: 09/12/2008, 21h01
  2. Tableau : retour chariot après chaque valeur
    Par kafifi dans le forum Langage
    Réponses: 3
    Dernier message: 13/07/2006, 17h54
  3. [PHP-JS] retour valeur javaScript dans php
    Par Tempotpo dans le forum Langage
    Réponses: 6
    Dernier message: 06/04/2006, 11h35
  4. Récupération valeur après validation du formulaire
    Par Bluespike62 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 18/01/2006, 14h37
  5. une valeur apres la virguile
    Par adgabd dans le forum Bases de données
    Réponses: 1
    Dernier message: 07/02/2005, 11h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo