begin process at 2012 05 29 00:58:22
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

Bouton radio et recuperation de valeurs


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Bouton radio et recuperation de valeurs

lundi 8 décembre 2008 à 17:13:54 | Bouton radio et recuperation de valeurs

akh550

Bonjour,

Je suis un grand débutant en Javasript (programmation aussi), je bloque sur un probleme que beaucoup trouverons très simple (mais moi pas), voila je souhaite récupéré la valeur d'un bouton radio.
Pour faire simple, je liste le contenu d'une table de données Mysql, je recupere un ensemble de résultats (ligne), et je
souhaite récupérer les valeurs $data['cel'] et $data['code']' grâce a un bouton radio.

Mais après lecture de tutaux et forum, je n'y arrive pas je bloque pour le moment, et je ne vois pas comment faire.

Donc si vous avez une idée une suggestion je vous remercie par avance.

Voila le code:



<html>
<title>cellule</title>

<body topmargin="0" onLoad="ResetTimeout();" onmousemove="ResetTimeout();" >
<script language="JavaScript">
function f()
{
   var obj = document.getElementById("radio1")
   alert('le champ a pour valeur : "'+obj.value+"'")
}
  
</script>
<form name="ResultForm" align="center" method="POST" action="">
<br><br>
<?php
// information pour la connection à le DB
$host = 'localhost';
$user = 'root';
$pass = '';
$bd = 'test';
// connection à la DB
$link = mysql_connect ($host,$user,$pass) or die ('Erreur : '.mysql_error() );
mysql_select_db($bd) or die ('Erreur :'.mysql_error());
if(isset($_POST) && !(empty($_POST["recherche"]))) {
  extract($_POST);

$requete = "SELECT * FROM TAB WHERE code LIKE '00%".$recherche."' LIMIT 0,12";
$result = mysql_query($requete,$link) or die ('Erreur : '.mysql_error() );
$total = mysql_num_rows($result);
echo 'nombres d\'enregistrement : ';
echo $total;

echo '<br>';
echo '<br>';

// si on a récupéré un résultat on l'affiche.
if($total) {
    // début du tableau
    echo '<table bgcolor="#FFFFFF" align="center">'."\n";
        // première ligne on affiche les titres code et surnom dans 2 colonnes
    echo '<tr>';
        echo '<td bgcolor="#FF4500">cel</td>';
        echo '<td bgcolor="#FF4500">code</td>';
       
    echo '</tr>'."\n";
    // lecture et affichage des résultats sur x colonnes, 1 résultat par ligne.   
   
while($data = mysql_fetch_array($result)) {
        echo '<tr>';
        echo '<td bgcolor="#CCCCCC"> <input type="radio" id="radio1" name="cellule" >'.$data['cel'].'</td>';
        echo '<td bgcolor="#CCCCCC">'.$data['code'].'</td>';       
         echo '</tr>'."\n";
        }
               echo '</table>'."\n"; // fin du tableau.
}
else echo 'Pas d\'enregistrements dans cette table...';
mysql_free_result($result); // on libère le résultat
}
?>

<INPUT TYPE="button" VALUE="OK" NAME="OK" onclick="f()">
</form>
<br><br><br>
<INPUT TYPE="BUTTON" VALUE="Fermer la fenêtre" ONCLICK="window.close()">
</html>

<script language="JavaScript">
    var TimerId = -1;
    function ResetTimeout()
    {
        if (TimerId != -1)
        {
            window.clearTimeout(TimerId);
        }
        TimerId = setTimeout("document.location = 'find.php?'", 2*60*1000); //timer de rafraichissement de 2mn apres le dernier evenement souris de l'utilisateur (le timer se reinitialise a chaque mouvement)
    }
</script>

mardi 9 décembre 2008 à 09:02:09 | Re : Bouton radio et recuperation de valeurs

Bul3

Membre Club


bonjour,

on va se répéter... pour la 658474935 fois au moins (?)
comment on devine le contenu des $variables ? celui de la base de données ?
c'est UN EXTRAIT de la page html résultante qu'il faudrait mettre !!
pas le php, car peu de devins hantent ces lieux...

bon ici :
....td bgcolor="#CCCCCC"> <input type="radio" id="radio1" name="cellule" >'.$data['cel'].'</td>....
déjà, tu risques d'avoir plusieurs fois le même ID,
et ce n'est pas permis dans une même page

mets un id "progressif" ( radio+n° d'ordre, de ligne... )
met en un aussi au texte que tu mettrais dans un span par exemple,
et à partir de l'ID du radio tu peux "calculer" celui du span

ou le parent.parent.rowIndex c'est le n° de ligne

donc le tableau.rows[n° de ligne].innerHTML c'est =
<input type="radio" id="radio1" name="cellule" >$data['cel']
tu peux extraire ce que tu en veux
 
ou mets le $data['cel'] dans un span avec un même name pour tous
et utilise document.ResultForm.name_du_span[le n° de ligne cité]
 
ou....


Cordialement

          [mon Site] [M'écrire] Bul         

mardi 9 décembre 2008 à 17:19:35 | Re : Bouton radio et recuperation de valeurs

akh550

Bonjour,

Merci pour la réponse, vraiment désole pour le code PHP :-).
J'ai modifier l'ID en fonction de ma cellule, jusque la pas de problème, mais je suis pas sur de comprendre la suite pour le moment (je vais essayer d'exploiter les informations fournies).

Merci.
Je met quand même le code HTML de la page.

******************************************************
<html>
<title>cellule</title>

<body topmargin="0" onLoad="ResetTimeout();" onmousemove="ResetTimeout();" >
<script language="JavaScript">
function f()
{
var obj = document.getElementById(radio+'.$data['cel'].');
alert('le champ a pour valeur : "'+obj.value+"'")
}
</script>
<form name="ResultForm" align="center" method="POST" action="">
<br><br>
nombres d'enregistrement : 3<br><br><table bgcolor="#FFFFFF" id="tableau" align="center">
<tr><td bgcolor="#FF4500">cel</td><td bgcolor="#FF4500">code</td></tr>
<tr><td bgcolor="#CCCCCC"><input type="radio" id="radio+7262" name="cellule" >7262</td><td bgcolor="#CCCCCC">00000111W3</td></tr>
<tr><td bgcolor="#CCCCCC"><input type="radio" id="radio+7263" name="cellule" >7263</td><td bgcolor="#CCCCCC">00000111W3</td></tr>
<tr><td bgcolor="#CCCCCC"><input type="radio" id="radio+7267" name="cellule" >7267</td><td bgcolor="#CCCCCC">00000111W3</td></tr>
</table>

<INPUT TYPE="button" VALUE="OK" NAME="OK" onclick="f()">
</form>
<br><br><br>
<INPUT TYPE="BUTTON" VALUE="Fermer la fenêtre" ONCLICK="window.close()">
</html>

mercredi 10 décembre 2008 à 08:58:33 | Re : Bouton radio et recuperation de valeurs

Bul3

Membre Club
on progresse...
mais
_ pas sur qu'un "+" soit autorisé dans un id
_ on est bien coté javascript ici, non ?
donc :
var obj = document.getElementById(radio+'.$data['cel'].');
$data['cel']... erreur de syntaxe !


ce que tu cherches à trouver c'est le radio coché ?
il faut " le chercher "

function f()
{   for ( var n=0;n<document.ResultForm.cellule.length; n++ )
    {    if ( document.ResultForm.cellule[n].checked )
        {    alert('le champ '+n+' sélectionné a pour id : '+document.ResultForm.cellule[n].id );

on ne peut pas utiliser value ! les radio n'en ont pas !
par contre document.ResultForm.rows[n].cells[1].innerHTML contiendrait bien

            break;
        }
    }
}
...
        <tr>    <td bgcolor="#CCCCCC"><input type="radio" id="radio+7262" name="cellule" >7262</td>
                <td bgcolor="#CCCCCC">00000111W3</td></tr>
        <tr>    <td bgcolor="#CCCCCC"><input type="radio" id="radio+7263" name="cellule" >7263</td>
                <td bgcolor="#CCCCCC">00000111W3</td></tr>
        <tr>    <td bgcolor="#CCCCCC"><input type="radio" id="radio+7267" name="cellule" >7267</td>
                <td bgcolor="#CCCCCC">00000111W3</td></tr>
...


          [mon Site] [M'écrire] Bul         

mercredi 10 décembre 2008 à 17:18:39 | Re : Bouton radio et recuperation de valeurs

akh550

Merci pour cette réponse,

Une dernière question, si je souhaite récupérer une ligne entière de mon tableau, du type:
<tr><td><input type="radio" id="7262" name="cellule" >7262</td><td>00000111W3</td></tr>

Y'a t'il une méthode plus simple qu'une autre? me conseil tu de mettre un id sur chaque cellule et de le récupérer par la suite (un peu lourd)?


Merci

mercredi 10 décembre 2008 à 17:40:54 | Re : Bouton radio et recuperation de valeurs

Bul3

Membre Club
le plus simple ? ha ! mon foie... je ne sais pas
mais tu peux récupérer la ligne :
     id_de_la_ligne.innerHTML
ou id_du_tableau.rows[n° de ligne].innerHTML
par exemple... ça dépend aussi de ce que tu veux en faire
on peut jouer avec les ...node ou autres...
curieux d'ailleurs tiens... tu vas en faire quoi ?
ou alors tu ne veux que le contenu des cellules d'une ligne ?
          [mon Site] [M'écrire] Bul     

mercredi 10 décembre 2008 à 22:41:06 | Re : Bouton radio et recuperation de valeurs

akh550

Bonsoir,

En faite, les données de cette ligne vont me servir a alimenter automatiquement un formulaire (par la suite... bon peut être un jours...enfin si mes 2 neurones restants arrivent a comprendre ta réponse :-), mais comme je débute, je me suis dis que le moyen le plus simple était d'abord de récupérer les valeurs connues que l'utilisateur a choisi (a partir d'un popup), lui faire valider son choix et ensuite les renvoyer dans les cases du formulaire (rien que ça me diras tu?). J'espère que c'est la bonne méthode.

Pour répondre a ta question , c'est donc le contenu des cellules d'une ligne qui m'intéresse.

Merci  pour ta réponse je vais mettre en pratique demain.
jeudi 11 décembre 2008 à 09:14:50 | Re : Bouton radio et recuperation de valeurs

Bul3

Membre Club
>>alimenter automatiquement un formulaire
donc, il faudra sûrement récupérer les données cellule par cellule.
peut-être d'ailleurs ce tableau ne serait-il pas si mal
       directement dans le formulaire ?
       plus d'alimentation à faire....
          [mon Site] [M'écrire] Bul        

jeudi 11 décembre 2008 à 16:26:03 | Re : Bouton radio et recuperation de valeurs

akh550

Bonjour,

Je ne sais pas récupérer les données cellule par cellule. Peux tu me donner une piste?
<input type="radio" id="7262" name="cellule" >7262</td><td>00000111W3</td></tr>

car l'id est récupérable par +document.ResultForm.cellulle[n].id+,
,mais pour la deuxième valeur, je coince.

Merci.



jeudi 11 décembre 2008 à 16:45:25 | Re : Bouton radio et recuperation de valeurs

Bul3

Membre Club
Réponse acceptée !

tu as tout pour faire...

tu sais accéder à une ligne
( id ou tableau_rows[n° de ligne] ou ... )

tu sais accéder à une colonne
( id ou id_ligne.cells[n° colonne] ou tableau.rows[n° de ligne].cells[n° colonne] ou ...
  innerHTML , c'est le contenu... )

  les autres infos sont dans l'exemple donné y compris dans le script
tableau.rows.length
nombre de lignes
tableau.rows[n° ligne].cells.Length
nombre de colonnes dans la ligne
tableau.rows[n° ligne].cell[n° colonne].???
accès à une cellule
par exemple : tableau.rows[0].cell[0].style.display
tableau.rows[0].cell[0].style.innerHTML ...
...
          [mon Site] [M'écrire] Bul         



Cette discussion est classée dans : code, mysql, data, echo, mso


Répondre à ce message

Sujets en rapport avec ce message

Recuperer la variable ds un script pour utilliser ds un autre page [ par roumdar ] Bonjour ,je debute en Javascript et en php , Voila j'ai récupéré un excellent script ou a partir d'une liste déroulante des Départements , on accède d Liste liée - Formulaire [ par onylink ] Bonjour, J'essai de liées des listes dans un formulaire, mais après mon choix rien ne se passe.. Mais je n'ai pas d'erreur.. Page appelante :<pre clas Appel d'une fonction AJAXdans une boucle [ par arwen88 ] Bonjour,Je suis débutante et je rencontre actuellement une difficulté. Je souhaite afficher une liste quand je clique sur un bouton radio et une autre Parcours d'un tableau en JS [ par Canyata ] Bonjour à tous [^^happy17] J'ai une question à vous poser. J'ai un tableau en HTML sur ma page: [code=php]echo""; echo""; echo""; echo""; gestion evenements souris [ par bside8 ] Bonjour,j'essaie depuis un sacré moment de faire fonctionner le code qui suit...(récupéré dans la source de MySQL)Impossible de le faire tourner !!! L popup [ par Auggure ] coucou, alors voila j ai un petit prob avec un popup donc je vous explique:j ai une page : activite.php dans laquel j ai un lien qui appel la fonctio Une question sur les "frameset" ... [ par Artiste_Gunm ] Voilà mon problème j'ai deux variable que je récupére en script CGI dans mon frameset et je souhaiterais les récuperer dans ma mainFrame mais je ne sa Problème entre javascript et php [ par Adrianmartin ] Bonjour,J'ai un petit problème avec mon javascript.En fait il n'accepter pas les retours a la lignes avec php.Voici le script (ce trouve dans le code A l'aide rollover image [ par zizou94 ] Bonsoir à tousJe fait appel à toute la communauté pour m'aider.voila monsouci. je n ai mais alors jamais programmé en javascript et j'essaie de me déb variable php dans onclick [ par 8livier ] bonjour voila le scripot qui ne fonctionne pas en fait , quand je click l'image ne s'affiche pas elle est cassée... echo "";&n


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,328 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales