ASP.NET débutant question: Comment puis-je mettre en œuvre quelque chose comme ceci est mon site Web ASP.NET C#?

Je veux créer une page FAQ comme celui sur ce siteASP.NET débutant question: Comment puis-je mettre en œuvre quelque chose comme ceci est mon site Web ASP.NET C#?

http://www.microsoft.com/windows/windows-7/faq.aspx

Lorsque vous cliquez sur la question, la réponse se développe. Cliquez à nouveau et il s'effondre.

Ma question, les réponses sont stockées dans une base de données. J'ai googlé et j'ai découvert qu'il y avait ce code JavaScript pour y parvenir MAIS j'ai aussi trouvé quelque chose qui disait que cela pouvait être fait en utilisant les contrôles répéteurs.

Comment faire? Tout lien vers un tutoriel serait génial.

Source

2010-09-06 Serenity

Merci, j'espère que cela vous a aidé .. – PrateekSaluja

Vous pouvez le faire avec jQuery. Supposons que vous avez un nom de page Faq.aspx. Alors mettez ce code dans votre page .aspx.

<head> 
    <script src="js/jquery_div.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      //hide the all of the element with class msg_body 
      $(".msg_body").hide(); 
      //toggle the componenet with class msg_body 
      $(".msg_head").click(function(){ 
       $(this).next(".msg_body").slideToggle(600); 
      }); 
     }); 
    </script> 

    <style type="text/css"> 
     .msg_head { 
     padding: 5px 10px; 
     cursor: pointer; 
     position: relative; 
     background-color:#F4F4F8; 
     color:Blue; 
     margin:1px; 
    } 
    .msg_body { 
     padding: 5px 10px 15px; 
     background-color:#F4F4F8; 
    } 
    </style> 
</head>

Dans l'étiquette de corps, vous devez mettre ce code.

<body> 
    <p class="msg_head">your titel</p> 

    <div class="msg_body"> 
     Your logic 
    </div> 
</body>

J'espère vraiment que cela fonctionnera pour vous.

Source

2010-09-06 08:36:40 PrateekSaluja

Awesome. Merci! :) – Serenity

votre Bienvenue .......... – PrateekSaluja

Nous avons trouvé quelques liens utiles pour vous. Espérons que ceux-ci pourraient vous aider -

http://articles.sitepoint.com/article/asp-net-repeater-control

http://www.eggheadcafe.com/community/aspnet/2/10040295/repeater-control.aspx

Source

2010-09-06 08:15:10

thnx mais il ne dit rien sur le texte pliable :( – Serenity

@happysoul - Le texte pliable sont dus à javascript comme Paddy et stefanvds ont suggéré dans d'autres réponses –

ok.. Maintenant, j'ai besoin de comprendre comment les faire fonctionner ensemble ..thnx pour les liens – Serenity

Vous voulez probablement un répéteur pour afficher les questions et les réponses (la réponse dans un div avec visibility=hidden). Vous avez ensuite besoin d'un code JavaScript (qui vaut probablement la peine d'être consulté par la bibliothèque jQuery pour faciliter cela) afin d'accrocher l'événement click de la question pour afficher la réponse du côté client. Le répéteur est utilisé parce que vous avez une disposition «répétée», cela simplifie un peu le processus. Vous avez besoin du code JavaScript car vous voulez que l'effet visuel se produise du côté client.

Source

2010-09-06 08:15:34 Paddy

C'est ce qu'on appelle un accordion.

http://jqueryui.com/demos/accordion/

jQuery peut le faire :)

Un répéteur et jQuery peuvent être utilisés ensemble. Cela dépend de la structure de la FAQ.

Source

2010-09-06 08:15:48 Stefanvds

cool..thnx pour le lien :) – Serenity

ASP.NET débutant question: Comment puis-je mettre en œuvre quelque chose comme ceci est mon site Web ASP.NET C#?

Répondre

Questions connexes