Committees: Difference between revisions

Revision as of 18:04, 8 August 2018

 <button onclick="myFunction()" class="dropbtn">Dropdown</button>

   <a href="#">Link 1</a>
   <a href="#">Link 2</a>
   <a href="#">Link 3</a>

@@ Line 54: / Line 54: @@
 ==MR Committees==
-var dropDown = new OO.ui.DropdownWidget( {
+<div class="dropdown">
-   label: 'Dropdown menu: Select one option',
+   <button onclick="myFunction()" class="dropbtn">Dropdown</button>
-  // The menu is composed within the DropdownWidget
+   <div id="myDropdown" class="dropdown-content">
-   menu: {
+     <a href="#">Link 1</a>
-     items: [
+    <a href="#">Link 2</a>
-      new OO.ui.MenuOptionWidget( {
+     <a href="#">Link 3</a>
-        data: 'a',
+   </div>
-        label: 'First'
+</div>
-      } ),
-      new OO.ui.MenuOptionWidget( {
-        data: 'b',
-        label: 'Second (disabled option)',
-        disabled: true
-      } ),
-      new OO.ui.MenuOptionWidget( {
-        data: 'c',
-        label: 'Third'
-      } ),
-      new OO.ui.MenuOptionWidget( {
-        data: 'd',
-        label: 'The fourth option has a long label'
-      } ),
-      new OO.ui.MenuOptionWidget( {
-        data: 'e',
-        label: 'Fifth'
-      } )
-     ]
-   }
-} );
-// Append the menu to the DOM.
-$('body').append( dropDown.$element );
-// Trigger an event when an item in the menu is selected
-var itemSelected = function(){
-	console.log('item selected');
-};
-dropDown.getMenu().on('select', itemSelected);