2011-10-02 4 views
-1

Je veux développer un formulaire d'inscription avec 2 panneaux. Un panneau est une information personnelle et un autre est l'adresse. Dans ces panneaux, l'utilisateur remplit tous les détails des informations personnelles et après l'achèvement de celui-ci, l'utilisateur clique sur Add Address Details. Si l'utilisateur clique dessus, le deuxième panneau devrait être visible sans actualisation de la page. Comment puis-je accomplir cela?Créer une page Web en 2 parties

Répondre

1

vous utiliseriez javascript pour ajouter l'annexe de la deuxième forme à la div du premier formulaire. Ou bien vous l'avez configuré. Donc, en jquery il ressemblerait à quelque chose comme ceci:

<script type="text/javascript"> 
$('#buttonid').click(function() { 
    $('#divid').append("<form><input />etc etc etc</form>"); 
}); 
</script> 
+0

monsieur s'il vous plaît envoyer le total des détails de code javascript s'il vous plaît monsieur – user966602

+0

Je vous suggère de lire sur jquery api. Je ne peux pas vous donner une cuillère 1. Becauese Je ne sais pas comment votre page est configurée et 2. Vous n'apprendrez rien. – vacarsu

0

Vous devriez regarder dans un UpdatePanel. Dans ce cas, vous pouvez placer à Panels avec des informations de formulaire différentes. Attachez en quelques clics de bouton et masquer/montrer les différents panneaux.

Modifier avec un exemple simple

<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager> 
     <asp:UpdatePanel id="upnl" runat="server" ChildrenAsTriggers="true"> 
      <ContentTemplate> 
       <asp:Panel ID="pnl1" runat="server"> 
        <!--personal info--> 
        <asp:Button ID="btn1" runat="server" Text="this button could validate personal info, hide pnl1 and show pnl2" /> 
       </asp:Panel> 
       <asp:Panel ID="pn2" runat="server" Visible="false"> 
        <!--address info--> 
        <asp:Button id="btn2" runat="server" Text="this button could validate address information and finally submit the form." /> 
       </asp:Panel> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
+0

monsieur je suis nouveau à asp.net ceci de pour l'enregistrement de docteur pour mon projet scolaire svp pouvez-vous donner des détails exemple des updatepanels \ – user966602

+0

@ user966602 J'ai ajouté une disposition simple de ce que vous voudriez commencer, mais vous aurez besoin de faire des recherches plus approfondies. Je ne peux pas écrire votre code pour vous. –

1

Vous devez utiliser le ASP.NET Wizard control. C'est l'outil parfait pour ces scénarios. Scott Gu a un post avec quelques liens expliquant comment l'utiliser. Je vous recommande look at it. Il ya une vidéo liée qui vous guide à travers un exemple complet. Je ne sais pas, mais cacher/montrer des panneaux basés sur certaines conditions sur la même page semble inélégant et hacky pour moi.

Questions connexes