begin process at 2012 05 28 03:54:16
  Trouver un code source :
 
dans
 
Accueil > Forum > 

ASP.NET

 > 

Scripting

 > 

Javascript

 > 

Problème de récupération de valeur formulaire avec javascript


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

Problème de récupération de valeur formulaire avec javascript

vendredi 2 juillet 2010 à 16:41:40 | Problème de récupération de valeur formulaire avec javascript

crm6446a

Bonjour,

Je cherche à effectuer des contrôles via javascript(via la fonction controlerLaitEx()) sur mon formulaire asp, cependant, je n'arrive pas à récupérer les valeur de certains éléments (notamment lblFlaconsLEDispo et VolumeLEDesire)
=> L'utilisation de "document.getElementById" me retourne "null" dès que je veux atteindre un élément de mon TabContainer(donc impossible de récupérer les valeurs de ces éléments pour effectuer mes contrôles...
J'ai beau tenter divers moyens pour accéder à ces valeurs, rien n'y fait, si quelqu'un a une idée, ça m'aiderait beaucoup :)

Code ASP.NET :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageCommande.aspx.cs" Inherits="Commande_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<%@ Register Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Page sans titre</title>
    <link href="../CSS/style.css" type="text/css" rel="stylesheet" />
    <script src="../javascript/JScript.js" type="text/javascript"></script>
</head>

<body onload="return switchHeaderPane(3)">
    <center>
        <table width="80%"  border="0" cellspacing="1" cellpadding="0">
            <tr>
                <td style="width: 11%"><img src="../images/chru.jpg" alt="" /></td>
                <td style="width: 65%"><h3 align="center"> Application de gestion de la distribution du lait maternel</h3></td> 
                <td width="25%" align="center"> <a href="#" >
                    <img  src="../images/gnome-logout2.png" alt="logout" width="36" height="36" border="0" /></a><br />
                    déconnexion
                </td>
           </tr>
        </table>
    </center>
   
    <!-- Menu -->
    <table width="95%"  border="0" cellspacing="1" cellpadding="1" >
        <tr>
            <td style="height: 113px">
       
                <div class="tab-container" id="container1">
                <center>
                    <ul class="tabs">
                    <li><a id="accueil" href="../Default.aspx">Accueil</a></li>
                    <li><a id="sitepublic" href="../Site_Public/PagePublique.aspx">Site public</a></li>
                    <li><a id="commander" href="./PageCommande.aspx">Commander</a></li>
                    <li><a id="compte" href="#"  >Mon compte</a></li>
                    <li><a id="admin" href="#" >Administration</a></li>
                    <li><a id="contact" href="#" >Contact</a></li>
                    </ul>
                </center>
                </div>
           </td>
        </tr>
    </table>

    <form id="Form1" runat="server">
        &nbsp;&nbsp;&nbsp;&nbsp;
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <table id="tableCorps" width="95%"  border="0" cellspacing="1" cellpadding="1" >
        <tr>
            <td class="tabs" style="width: 946px; height: 27px;"><center>
                Commande n° :
                <asp:Label ID="lblNumCommande" runat="server"></asp:Label></center>
            </td>
        </tr>
        <tr>  
            <td style="height: 44px; width: 946px;">
                <div id="div1" class="tab-container">
                    &nbsp;&nbsp;
       
                    <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
                        <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Lait Excedentaire">
                            <ContentTemplate>
                                &nbsp;<br />
                                    Lait Excedentaire disponible :
                                       
                                    <asp:Label ID="lblFlaconsLEDispo" runat="server"></asp:Label>
                                    flacons, soit
                                    <asp:Label ID="lblVolumeLEDispo" runat="server"></asp:Label>
                                <br />
                                <br />
                                <table><tr><td style="width: 400px">
                                Quantité désirée (nombre de flacons) :
                                <asp:TextBox ID="volumeLEDesire" runat="server" Width="130px" AutoPostBack="True" OnTextChanged="volumeLEDesire_TextChanged"></asp:TextBox><br />
                            </td><td>
                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>
                                        ( Soit
                                        <asp:Label ID="lblVolumeLEDesire" runat="server">0</asp:Label>
                                        Litres )
                                    </ContentTemplate>
                                    <Triggers>
                                        <asp:AsyncPostBackTrigger ControlID="volumeLEDesire" EventName="TextChanged" />
                                    </Triggers>
                                </asp:UpdatePanel>
                                </td></tr></table>
                                <br />
                            
                                <asp:Button ID="btnValideLE" runat="server" Text="Ajouter" OnClientClick="javascript:controleLaitEx();" onClick="btnValideLE_Click"/>
                                &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Lait Nominal">
                            <ContentTemplate>
                                LN
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Materiel">
                            <ContentTemplate>
                                Materiel
                            </ContentTemplate>
                        </cc1:TabPanel>
                    </cc1:TabContainer>
                </div>
            </td>
        </tr>
        <tr>
            <td class="tabs" style="width: 946px"><center>Recapitulatif Commande</center></td>  
        </tr>
        <tr>
            <td style="width: 946px">
                <div class="tab-container">               
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:WebGestleConnectionString2 %>"
                    SelectCommand="SELECT [numLigne], [TypePdt], [Designation], [Qte], [PrixLigne] FROM [LigneCommande] WHERE ([IdCommande] = @IdCommande)ORDER BY [numLigne]"
                    Deletecommand="Delete from [LigneCommande] where ([IdCommande] = @IdCommande) and ([numLigne] = @numLigne) ">
                    <SelectParameters>
                        <asp:SessionParameter Name="IdCommande" SessionField="idc" Type="Int32" />
                    </SelectParameters>
                    <DeleteParameters>
                        <asp:SessionParameter Name="IdCommande" SessionField="idc" Type="int32" />
                        <asp:FormParameter Name="numLigne" FormField="GridView1.SelectedDataKey.Value" ConvertEmptyStringToNull="true" Type="Int32" />
                    </DeleteParameters>
                </asp:SqlDataSource>
               
                <asp:GridView ID="GridView1" runat="server" CellPadding="2" ForeColor="Black" GridLines="None" AutoGenerateColumns="False" AutoGenerateDeleteButton="True" OnRowDeleted="afficherExDispo" DataSourceID="SqlDataSource1" DataKeyNames="numLigne" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px">
                    <FooterStyle BackColor="Tan" />
                    <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" HorizontalAlign="Center" />
                    <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
                    <HeaderStyle BackColor="Tan" Font-Bold="True" />
                    <AlternatingRowStyle BackColor="PaleGoldenrod" />
                    <Columns>
                        <asp:BoundField DataField="numLigne" HeaderText="Ligne" SortExpression="numLigne" />
                        <asp:BoundField DataField="TypePdt" HeaderText="Type" SortExpression="TypePdt" />
                        <asp:BoundField DataField="Designation" HeaderText="Designation" SortExpression="Designation" />
                        <asp:BoundField DataField="Qte" HeaderText="Quantite" SortExpression="Qte" />
                        <asp:BoundField DataField="PrixLigne" HeaderText="Prix" SortExpression="PrixLigne" />
                    </Columns>
                </asp:GridView>
                </div>
            </td>
        </tr>
        <tr>
            <td class="tabs" style="width: 946px">
            <center>
                <asp:Button ID="btnValideCom" runat="server" Text="Valider la commande" OnClick="btnValideCom_Click" />
                <asp:Button ID="btnAnnulCom" runat="server" Text="Annuler la commande" OnClick="btnAnnulCom_Click" />
            </center>
            </td>  
        </tr>
     </table>
     </form>
     
           
</body>
</html>


Merci :< !
dimanche 4 juillet 2010 à 11:34:49 | Re : Problème de récupération de valeur formulaire avec javascript

fonio

Réponse acceptée !
salut,
pour voir l'id générée réellement pour cet élément dans la page envoyée au client, essaye d'y mettre la propriété suivante :
Code ASP.NET :
onmouseover="quelleId(this);"

puis dans le .js la fonction:
Code Javascript :
function quelleId(obj){alert(obj.id);}


lundi 5 juillet 2010 à 09:22:59 | Re : Problème de récupération de valeur formulaire avec javascript

crm6446a

Merci beaucoup,
J'ai réussi à récupérer l'id des mes éléments avec ta solution, j'arrive enfin à récupérer la valeur de mon textbox..
Par contre, la valeur de mon label me retourne un "undefined", mais je vais rechercher un peu pour trouver comment l'avoir.

Merci encore :)
lundi 5 juillet 2010 à 09:45:48 | Re : Problème de récupération de valeur formulaire avec javascript

crm6446a

En fait, j'ai réussi à récupérer la valeur de mon label => enfin indirectement, il a fallu passer par un hiddenfield contenant la même valeur ;)


Cette discussion est classée dans : javascript, formulaire, valeur, numligne, idcommande


Répondre à ce message

Sujets en rapport avec ce message

javascript, recuperer la valeur dans un formulaire [ par chabichowed ] Bonjour,Le script ci dessous permet de memoriser dans un cookie les valeur d un formulaire. le truc c est qu il ne retient que les textfield.Je l ai e acces au javaScript [ par lilippx ] bonjour,je viens de creer un control web personalisé qui a pour arriere plan un fichier swf(flash), ce meme fichier appele un javaScript pour se redes appeler du vbscript en javascript [ par didgy ] Bonjour,J'essais d'accèder en javascript client side à une fonction vbscript server side, <span style="font-size: 12pt; font-family: "Times New Rom recuperer la valeur d'un textbox d un autre formulaire [ par New_World ] bonjourles amis j ai un probleme jtravail avec c# application web jclick sur un button et jpasse de webform1 a webform2 a partir d ici jveu recuperer  Formview - comment récupérer une valeur afin d'ouvrir un autre formulaire sur le même enregistrement [ par julienx999 ] Formview - comment récupérer une valeur afin d'ouvrir un autre formulaire sur le même enregistrementSalut à tous,Je voudrais récupérer une valeur dans javascript: envoyer données vers le même formulaire html [ par elbelgicano ] Bonjour,j'ai créé un formulaire dans une page html, je vérifie les données de ce formulaire grâce à une fonction en javascript. La fonction effectue é Recuperer valeur TextBox disabled/readonly [ par garcimor59 ] Bonjour à tous,Voilà, une question un peu bizarre mais bon sait-on jamais....J'ai un TextBox en readonly dans un formulaire que je remplis par l'inter fonction JavaScript et asp:Repeater => Comment récupérer le bon TextBox ? [ par david8888 ] Bonjour,Alors, voilà,j'ai 1 page dans laquelle j'ai 2 zones de saisies.Chaque zone correspond à 1 Item d'1 Repeater.1 zone = 1 asp:TextBox.Les TextBox Appeler du javascript dansle "code" c# [ par rastamickael ] Bonjour à tous,Cela fait quelques jours que je cherche mais en vain à appeler une fonction en javascript depuis le code c#.En effet j'ai un formulaire Problème mise à jour d'une valeur en javascript avec composant ajax [ par PeTeRsLaStAr ] Bonjour. (j'espère avoir posé ce sujet dans le bon thème... )Voici mon problème. J'ai un update panel, qui contient un modal popup extender, dans lequ


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 : 1,186 sec (4)

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