Menu: Różnice pomiędzy wersjami

Z Moje Okolice
Przejdź do nawigacji Przejdź do wyszukiwania
Znacznik: Wycofane
 
(Nie pokazano 6 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 1: Linia 1:
// Example of a menu layout.
== Powiaty ==
var
<br>
    menuLayout = new OO.ui.MenuLayout( {
        menuPosition: 'top'
    } ),
    menuPanel = new OO.ui.PanelLayout( { padded: true, expanded: true, scrollable: true } ),
    contentPanel = new OO.ui.PanelLayout( { padded: true, expanded: true, scrollable: true } ),
    select = new OO.ui.SelectWidget( {
        items: [
            new OO.ui.OptionWidget( {
                data: 'before',
                label: 'Before',
            } ),
            new OO.ui.OptionWidget( {
                data: 'after',
                label: 'After',
            } ),
            new OO.ui.OptionWidget( {
                data: 'top',
                label: 'Top',
            } ),
            new OO.ui.OptionWidget( {
                data: 'bottom',
                label: 'Bottom',
            } )
        ]
    } ).on( 'select', function ( item ) {
      menuLayout.setMenuPosition( item.getData() );
    } );


    menuLayout.$menu.append(
{| style="width: 77%; border-spacing: 6px; border: 1px solid darkgray;"
        menuPanel.$element.append( '<b>Menu panel</b>', select.$element )
|- style="text-align: left;"
    );
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
    menuLayout.$content.append(
&nbsp;[[Powiat Pilski|Powiat pilski]]
        contentPanel.$element.append( '<b>Content panel</b>', '<p>Note that the menu is positioned relative to the content panel: top, bottom, after, before.</p>')
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
    );
&nbsp;[[Powiat Złotów|Powiat złotowski]]
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
&nbsp;[[Powiat Wałcz|Powiat wałecki]]
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
&nbsp;[[Powiat Czarnkowsko Trzcianecki|Powiat czarnkowsko-trzcianecki]]
|}


$( document.body ).append( menuLayout.$element );
{| style="width: 77%; border-spacing: 6px; border: 1px solid darkgray;"
|- style="text-align: left;"
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
&nbsp;[[Powiat Chodzież|Powiat chodzieski]]
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
&nbsp;[[Powiat Wągrowiecki|Powiat wągrowiecki]]
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
| style="width: 20%; border: 1px solid #000000;"|<!--greenish border-->
|}

Aktualna wersja na dzień 18:05, 8 lis 2021