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 :

Code javascript pour griser bouton Submit


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Avril 2010
    Messages
    43
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 43
    Par d�faut Code javascript pour griser bouton Submit
    Bonjour,

    j'ai cr�� une page avec plusieurs radio boutons qui sont affich�s en fonction de certaines conditions(matiere du professeur par exemple).
    c'est pour l'upload d'un fichier.il choisi la classe puis le dossier ad�quat.

    J'ai fait en sorte que mon bouton submit, soit gris�, tant qu'il n'a pas s�l�ctionn� les radio Algebre ou G�ometrie.Jusque la ca marche.
    J'aimerai pouvoir faire en sorte que le bouton reste gris�, tant qu'il n'a pas s�l�ctionner les 2 "formulaires" qui sont la classe, et le dossier ad�quat

    Merci beaucoup pour votre aide


    Voici le formulaire pour choisir le dossier(celui qui r�agit avec le submit)
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <input type="radio" name="choix" value="Algebre" id="dossier" onclick="affiche_bouton()" />Algebre
    	<input type="radio" name="choix" value="Geometrie" id="dossier" onclick="affiche_bouton()"  />Géometrie<br/></center>

    Voici mon bouton submit.

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type="submit" name="ok" value="OK" id="submit1" disabled="true" />

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POO�te
    Inscrit en
    Avril 2008
    Messages
    2 652
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activit� : POO�te

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par d�faut
    Citation Envoy� par gamiel Voir le message
    tant qu'il n'a pas s�l�ctionner les 2 "formulaires" qui sont la classe, et le dossier ad�quat
    C'est quoi "s�lectionner" un formulaire ? ...avoir rempli tous les champs ?
    Citation Envoy� par gamiel Voir le message
    Voici le formulaire pour choisir le dossier(celui qui r�agit avec le submit)
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <input type="radio" name="choix" value="Algebre" id="dossier" onclick="affiche_bouton()" />Algebre
    	<input type="radio" name="choix" value="Geometrie" id="dossier" onclick="affiche_bouton()"  />Géometrie<br/></center>
    Heu... c'est pas un formulaire... seulement 2 champs. ^^

    D'une mani�re g�n�rale, il me semble que le code HTML complet (au moins de la partie contenant les formulaires) serait utile dans le contexte, histoire de voir la structure de l'ensemble.

  3. #3
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Merci de poster le code HTML g�n�r� et non le code PHP.

  4. #4
    Membre averti
    Homme Profil pro
    Inscrit en
    Avril 2010
    Messages
    43
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 43
    Par d�faut
    Excuse mon ignorance mais quelle partie as tu besoin?

    je t'ai post� la partie html des radio bouton, le bouton submit,

    que manque t-il??

  5. #5
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Rien, en fait, si on suppose que les if PHP fonctionnent bien.

    Code php : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <?php
    if ($_SESSION['matiere1'] == 'maths') :
    ?>

    Car le JavaScript va agir sur le HTML g�n�r�, c'est-�-dire apr�s le parsing du PHP qui d�cidera d'afficher tels ou tels champs. Si l'erreur est � ce niveau-l�, nous ne pouvons pas la voir.

    D'ailleurs, que cache :

    Code php : S�lectionner tout - Visualiser dans une fen�tre � part
    <?php echo vers_page($message); ?>

  6. #6
    Membre averti
    Homme Profil pro
    Inscrit en
    Avril 2010
    Messages
    43
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 43
    Par d�faut
    non les if marchent parfaitement puisque en me connectant avec le login du prof de maths, les radio bouton algebre et geometrie s'affichent

    idem si je me connecte avec le login du prof de techno,uniquement les radio le concernant s'affichent..

  7. #7
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Il va falloir faire un peu de nettoyage. Vous avez des doublons au niveau des id. Ce n'est pas bien. Un id doit �tre unique.

    Ensuite, vous n'appelez votre fonction qu'� un seul endroit. Et si la personne cochait d'abord le fichier et puis la classe ? Qu'en est-il des fichiers techno ?

    Vous parcourrez les input. Soit. J'aurai peut-�tre fait selon les blocs de bouton radio mais c'est un choix. Vous voulez que un de chaque soit coch�. Or vous ne v�rifiez qu'un seul parmi tous les boutons radio.

  8. #8
    Membre averti
    Homme Profil pro
    Inscrit en
    Avril 2010
    Messages
    43
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 43
    Par d�faut
    Alors,

    dans le code que j'ai post�:

    Tant que l'utilisateur n'a pas cliqu� sur le bouton de choix de dossier:
    Ex pour maths: algebre ou g�o
    pour techno: cours ou tp

    le bouton reste gris�.Donc il peut cliquer sur le radio bouton de la classe tant qu'il veut, le bouton submit restera gris�.

    Si il selectionne le dossier (algebre ou geo par exemple) et qu'il ne selectionne pas de classe, l'upload se fera quand meme.

    d'ou mon poste ou je veux �galement faire de meme pour les radio bouton de choix de classe.
    "Tant qu'il n'a pas s�lectionn� une classe ET un dossier" (dans lequel il va uploader un fichier pr�sent sur son ordi) je voudrais que le submit reste gris�.

  9. #9
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Oui c'est pourquoi j'attirais l'attention sur le fait que vous ne v�rifiez pas le nombre de boutons coch�s. De plus, le if sur la variable isChecked doit se faire apr�s la boucle, sinon il grisera selon l'�tat du dernier bouton radio. Vous pourriez faire ceci par exemple :

    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
     
    function affiche_bouton() 
    { 
       var isChecked=0;
     
       for (i=0; i<document.getElementsByTagName("input").length; i++)
          if (document.getElementsByTagName("input")[i].type=="radio")
             if (document.getElementsByTagName("input")[i].checked)
                isChecked++; 
     
       if (isChecked == 2)
       {
          document.getElementById('submit1').disabled='false';
       } else {
          document.getElementById('submit1').disabled='true';
       }
    }
    Avec le onclick="affiche_bouton()" sur tous les boutons radio.

    Mais le plus s�r serait de boucler une premi�re fois sur les classes et une seconde fois sur les fichiers. Ensuite de voir si une classe et un fichier sont bien coch�s.

  10. #10
    Membre averti
    Homme Profil pro
    Inscrit en
    Avril 2010
    Messages
    43
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 43
    Par d�faut
    Citation Envoy� par vermine Voir le message

    Mais le plus s�r serait de boucler une premi�re fois sur les classes et une seconde fois sur les fichiers. Ensuite de voir si une classe et un fichier sont bien coch�s.
    Ca a march�, merci beaucoup!

    cependant qu'entend tu par " le plus sur"?

  11. #11
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    D'apr�s votre m�thode, vous prenez tous les boutons radio de la page. Si deux sont coch�s, c'est bon pour vous. Peut-�tre s'il y a une classe et un fichier. Ca peut �tre une classe et une armoire ou bien une armoire et un avion. Tant qu'il y a deux boutons radio coch�s, c'est bon.

    Pour �tre s�r de parler de classe et de fichier, et non pas d'armoire et d'avion qui n'ont aucun rapport, vous pouvez faire une s�lection sur le nom de vos boutons radio (classe puis choix). La s�lection vous ram�nent un tableau sur lequel vous pouvez faire le "if checked".
    Donc vous aurez une v�rification sur les classes et une v�rification sur les fichiers et uniquement sur ces boutons radio-l�. Les armoires et autres avions qui traineraient sur votre page ne seront pas pris en compte dans la v�rification.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [AC-2010] Code VBA pour un bouton
    Par Dreamz87 dans le forum IHM
    R�ponses: 4
    Dernier message: 09/12/2012, 19h09
  2. R�ponses: 0
    Dernier message: 24/05/2011, 15h00
  3. deux actions pour un bouton submit
    Par ranell dans le forum Servlets/JSP
    R�ponses: 4
    Dernier message: 07/12/2007, 07h30
  4. code Javascript pour lire un fichier texte
    Par DEV-10 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 27/10/2006, 21h49
  5. probl�me de code javascript pour une vue 360�
    Par tomguiss dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 14/03/2006, 22h50

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