Cette page .aspx a un très bon jeu de sections pliables avec peu de contrôles "+ -".Comment implémenter des sections pliables comme sur cette page .aspx?
http://www.microsoft.com/sqlserver/2008/en/us/editions-compare.aspx
Quelqu'un peut-il me dire comment cela pourrait se faire dans Visual Studio?
J'ai essayé d'utiliser firebug pour déconstruire la page, mais je ne trouve pas le script qui fait l'appel showCollapsibleItem().
Merci!
Essayez le AJAX Control Toolkit's CollapsiblePanel.
Vous pouvez aussi le faire trivialement avec jQuery:
$('a.toggler').click(function() { $(this.rel).toggle(); return false; });
<a href="#" rel="#section1">Section 1</a>
<p id="section1">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
Un moyen pas cher serait d'utiliser les événements de .hide de jquery() et .show(). Voici un tutoriel appelé Simple Jquery Show/Hide Div qui montre comment accomplir ceci. Here is a demostration de ce que le tutoriel va faire.
Espérons que cela aide certains.
Si vous ne voulez pas utiliser jQuery, vous pouvez utiliser la fonction showCollapsibleItem dans la page d'exemple que vous avez
function showCollapsibleItem(id) {if(document.getElementById(id+"ExpandIcon").className=='cueCollapsibleContentExpandIcon') {document.getElementById(id).style.display='block';document.getElementById(id+"ExpandIcon").className='cueCollapsibleContentCollapseIcon';} else {document.getElementById(id).style.display='none';document.getElementById(id+"ExpandIcon").className='cueCollapsibleContentExpandIcon';}}
http://www.microsoft.com/sqlserver/shared/core/2/js/js.ashx?pt=Column3Zone3&c=cueCollapsibleContent
Merci pour la réponse. –