begin process at 2012 05 29 23:01:14
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Ajax

 > 

Récuperation pour passage AJAX d'une valeur d'un radiobutton


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

Récuperation pour passage AJAX d'une valeur d'un radiobutton

mercredi 2 juillet 2008 à 13:27:35 | Récuperation pour passage AJAX d'une valeur d'un radiobutton

whiteange

Bonjour,

J'ai un petit problème avec la récuperation de la valeur d'un radio bouton :

J'ai le formulaire suivant :
<form method="post" onsubmit="inscription(this.nom.value,this.images.value,this.description.value);return false">
Nom : <input type="text" name="nom" value=""><br />
Choisissez votre logo :<br />
<!-- Partie PHP pour lire le répertoire contenant les logos -->
<?php 
  $repcou='../img/logo';
  $top=1;
  $dir = opendir($repcou);
  while($scan=readdir($dir))
  {
    if(is_file($repcou."/".$scan))
   {
     $ext = strtolower(substr($scan, strrpos($scan, '.') + 1));
     if (($ext=="jpg") || ($ext=="jpeg") || ($ext=="gif") || ($ext=="bmp") || ($ext=="png"))
     {
     echo '<input type="radio" name="images" value="'.$scan.'"><img src="img/guildes/'.$scan.'">';
      $top=$top+1;
     }
      }
   if($top == 5 )
   {
    echo "<br />\n";
    $top=1;
   }
    }
    closedir($dir);
 ?>
<br />Entrez une description :<br />
<textarea name="description" cols="80" rows="5"></textarea><br />
<input type="submit" value="Créer !" >
</form>

===============
Ce formulaire envoi les données à une fonction javascript/ajax suivante :

function inscriptionguilde(guilde, image, description)
{
  var OAjax;
  if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
  else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP');
  document.getElementById('texte1').innerHTML='<font color=RED>'+image+'</font>||'+guilde+'||'+description;

  OAjax.open('POST',"request.php",true); 
  OAjax.onreadystatechange = function() 
  { 
      if (OAjax.readyState == 4 && OAjax.status==200) 
      { 
          if (document.getElementById) 
          {    
              if (OAjax.responseText =='true') { /* OK */ 
                    document.getElementById('texte1').innerHTML='<font color=GREEN>Enregistrement OK !</font>'; 
              }else{                             /* PAS OK */ 
                    document.getElementById('texte1').innerHTML='<font color=RED>'+OAjax.responseText+'</font>'; 
              } 
          }      
      } 
  } 
  OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded'); 
  OAjax.send('Guilde='+guilde+'&Image='+image+'&Description='+description);                 
}  

=====================
Cette fonction fais appel à une page php, chargé de vérifier les données et si OK met le tout dans une base.

Le problème c'est que la valeur du boutton radio est toujours marqué à "undefined".

Comment puis je dans mon contexte, récuperer sa valeur ?

Merci d'avance.

mercredi 2 juillet 2008 à 14:00:19 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

XtremDuke

Réponse acceptée !
onsubmit="inscription(this.nom.value,this.images.value,this.description.value);

Tu ne peux récuperer la valeur de tes radios de cette façon. Si cela fonctionne en postant un formulaire, ce n'est pas la même chose en javascript. Il va te falloir tester la propriété 'checked' de tes radios pour déterminer celui qui est sélectionné.


mercredi 2 juillet 2008 à 14:11:05 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

whiteange

Ce test est donc à positionner dans la fonction javascript/ajax ?

mercredi 2 juillet 2008 à 14:25:47 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

XtremDuke

Réponse acceptée !
Ajoute par exemple la fonction suivante :

function getRadioValue(){
        var lstRadios = document.getElementsByName('images');
        for(var i=0; i<lstRadios.length; i++) if(lstRadios[i].checked) return lstRadios[i].value;
        return null;
}

Et utilise-la de cette façon :

OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded'); 
OAjax.send('Guilde='+guilde+'&Image='+
getRadioValue() +'&Description='+description);

Ce n'est qu'un exemple, à toi de faire marcher ton imagination.
mercredi 2 juillet 2008 à 14:30:12 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

whiteange

Que te dire, sinon un grand merci :)
mercredi 2 juillet 2008 à 14:33:16 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

XtremDuke

Ca suffira ;-)
mardi 15 juillet 2008 à 15:30:48 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

MJDangerous

Hello,

J'ai à peu près le même problème. J'ai beau essayer de tester quels boutons sont checked, je n'obtiens aucun résultat. Je pense qu'il y a un pb du côté du "onclick" ou de "radiobutton[i].value", l'une des syntaxes doit être fausse et je n'arrive pas à trouver quelque chose donnant un résultat, ou je dois passer en paramètre quelque chose mais je ne sais pas quoi ni comment, les malheurs du débutant ! Voici les codes concernés :

Le FORM

        <FORM method=POST>    
        <input  type="hidden" name="envoi" value="yes">
        <tr><th>
        <input type='radio' name='radiobutton' value='supprimer'> Supprimer <BR>
        <input type='radio' name='radiobutton' value='urgent'> Déclarer urgent <BR>
        <input type='radio' name='radiobutton' value='encours'> En cours <BR>
        <input type='radio' name='radiobutton' value='reserver'> Réserver</th><th>
        <INPUT  type=submit name=sa VALUE="OK" onClick="updateData(this);return true"></th>
        </FORM>

La fonction updateData ds le JS:



function updateData()

    var xhr_object = null;
        
    if(window.XMLHttpRequest) {// Firefox
        xhr_object = new XMLHttpRequest();
    }else if(window.ActiveXObject) {// Internet Explorer
        xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    }else { // XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        return;
    }

    choix();

    xhr_object.open("POST","ModifierItem" + choix + ".php", true);

    xhr_object.onreadystatechange = function() {
        if(xhr_object.readyState == 4)
            alert(xhr_object.responseText);
    }

    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr_object.send(null);
}

Et l'une des nombreuses versions de la fonction choix que j'ai tenté :

function choix()
{

alert("pourqi");
  var returnValue = "";
 if (radiobutton.length == 1){
alert("je suis la");
  returnValue = radiobutton.value;
 } else {
alert("je suis ici");
  for (i=0;i<radiobutton.length;i++){
alert("je suis bien la");
   if (radiobutton[i].checked==true) {
alert(i);
    returnValue=radiobutton[i].value;
   }
  }
 }
 alert(returnvalue);
 return returnValue;
}


Si quelqu'un aurait la gentillesse de m'aider, ça ne serait pas de refus


lundi 11 mai 2009 à 14:30:08 | Re : Récuperation pour passage AJAX d'une valeur d'un radiobutton

Socki

XtremDuke merci pour ta réponse!!

Socki


Cette discussion est classée dans : valeur, top, ext, if, oajax


Répondre à ce message

Sujets en rapport avec ce message

Player multi format sécuriter java & php [ par c2bomb ] bonjour a tous,je cherche a afficher mon player,dans une fenetre style popup,mais hélas je suis vraiment nulle en javascript...si quelq'un peut m'aide formulaire [ par marlene1 ] bonsoir je suis en formation developpeur multimedia depuis peu et je rame un peu .... apres quelques modif j ai fait le formulaire suivant mais il me Activer/Désactiver un bouton Submit avec Ajax [ par nabmoah ] Bonjour ...j'ai récupéré un code AJAX pour l'installer dans l'une de mes pages Web pour un éventuel moteur de recherche.Bien sure, comme c'est de l'aj recupération valeur bouton radio [ par mams004 ] bonjour je voudrais récupérer la valeur du bouton radio coché:Voici le code: <font size="3" color="#000000" face=" recupération valeur bouton radio [ par mams004 ] bonjour je voudrais récupérer la valeur du bouton radio coché:Voici le code: <font size="3" color="#000000" face=" recupération valeur bouton radio [ par mams004 ] bonjour je voudrais récupérer la valeur du bouton radio coché:Voici le code: <font size="3" color="#000000" face=" recupération valeur bouton radio [ par mams004 ] bonjour je voudrais récupérer la valeur du bouton radio coché:Voici le code: <font size="3" color="#000000" face=" Upload avec ajax [ par adama36 ] form_php.php ////////////////////////////////////////////////////////////­////////////////////////////////////////////////////////////­/////////////// Ajax Probleme de recuperation du caracteres & et de ce qui le suit [ par lesucces ] Bonjour J'ai un formulaire ajax qui me permet de recuperer les données d'un textareas et ça marche correctement sauf que quand je tape le caractere &


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,671 sec (4)

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