Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>jQuery demo</title>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
- <!-- stylesheets -->
- <link rel="stylesheet" type="text/css" href="/beheer/resources/css/beheer.css" />
- <script src="/dev/cms/pub/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
- <script src="/dev/cms/pub/jquery.prettyPhoto.js" type="text/javascript"></script>
- <script src="/dev/beheer/resources/scripts/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
- </head>
- <body>
- <div class="table">
- <!-- start CMS content -->
- <h1>Menu items</h1>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.menuList li > ul').each(function(i) {
- var parent_li = $(this).parent('li');
- var sub_ul = $(this).remove();
- parent_li.find('img.toggle').css('cursor', 'pointer').click(function() {
- sub_ul.slideToggle();
- $(this).toggle();
- if ($(this).hasClass('plus')) {
- $(this).next('img').toggle();
- } else {
- $(this).prev('img').toggle();
- }
- });
- parent_li.append(sub_ul);
- sub_ul.sortable({
- items: "> li",
- handle : '.handle',
- axi: 'y',
- opacity: 0.6,
- update : function () {
- var order = sub_ul.sortable('serialize');
- $("#info").load("?do=update&" + order);
- }
- });
- $('.menuList ul').hide();
- });
- $('.menuList').sortable({
- items: "> li",
- handle : '.handle',
- axi: 'y',
- opacity: 0.6,
- update : function () {
- var order = $('.menuList').sortable('serialize');
- $("#info").load("?do=update&" + order);
- }
- });
- $('.expand').click(function(event) {
- $('.menuList li > ul').each(function(i) {
- event.preventDefault();
- var parent_li = $(this).parent('li');
- var sub_ul = $(this);
- sub_ul.show();
- });
- $('img.plus').hide();
- $('img.minus').show();
- $('.expand').hide();
- $('.collapse').fadeIn();
- });
- $('.collapse').click(function(event) {
- $('.menuList li > ul').each(function(i) {
- event.preventDefault();
- var parent_li = $(this).parent('li');
- var sub_ul = $(this);
- sub_ul.hide();
- });
- $('img.minus').hide();
- $('img.plus').show();
- $('.collapse').hide();
- $('.expand').fadeIn();
- });
- });
- </script>
- <a href="#" class="expand"><img src="/icons/fugues/icons/plus.png" style="vertical-align: middle" alt="Plus" /></a>
- <a href="#" class="expand">Klap alles uit</a>
- <a href="" class="collapse" style="display: none"><img src="/icons/fugues/icons/minus.png" style="vertical-align: middle" alt="Plus" /></a>
- <a href="" class="collapse" style="display: none">Klap alles in</a>
- <table style="margin-bottom: 0;">
- <tr>
- <th colspan="7">Naam</th>
- </tr>
- </table>
- <style type="text/css">
- ul.menuList { list-style-type: none !important; margin: 0 !important; display: block; }
- ul.menuList li { display: block; margin: 0 !important; overflow: hidden; padding: 0 !important; }
- ul.menuList li ul { list-style-type: none !important; margin: 0 !important; }
- ul.menuList li ul li { margin: 0 !important; padding: 0 !important; }
- </style>
- <div id="menuList">
- <ul class="menuList" id="menu_21">
- <li id="item_21">
- <div style="width: 100%; overflow: hidden; height: 20px; border-bottom: 1px solid #CDCDCD; padding: 5px 0;">
- <div style="float: left; margin-top: 3px; margin-left: 10px;">
- <img src="/icons/fugues/icons/arrow-resize-090.png" class="handle" alt="Sleep icon" title="Hiermee kunt u door te slepen de volgorde van de menu knoppen wijzigen." style="vertical-align: middle; cursor: pointer"/>
- File </div>
- <div style="float: right;">
- <!-- Bewerk -->
- <div style="width: 75px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/edit/21/" title="Bewerk deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/menu/edit/21/" title="Bewerk deze menu knop">Bewerk</a>
- </div>
- <!-- Bewerk Inhoud-->
- <div style="width: 120px; float: left; padding: 0 8px;">
- <a href="/beheer/file/edit/3/" title="Bewerk inhoud"><img style="vertical-align: bottom;" src="/icons/fugues/icons/document--pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/file/edit/3/" title="Bewerk inhoud">Bewerk inhoud</a>
- </div>
- <!-- Rechten -->
- <div style="width: 80px; float: left; padding: 0 8px;">
- <a href="/beheer/file/permissions/3/" title="Stel de toegangs opties in voor deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/key.png" alt="Key Icon" /></a>
- <a href="/beheer/file/permissions/3/" title="Stel de toegangs opties in voor deze menu knop">Toegang</a>
- </div>
- <!-- Menu knop toevoegen -->
- <div style="width: 95px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/new/?parent=21" title="Voeg een knop toe onder deze knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/plus-circle.png" alt="A plus icon" /></a>
- <a href="/beheer/menu/new/?parent=21" title="Voeg een knop toe onder deze knop">Toevoegen</a>
- </div>
- <!-- Verwijderen -->
- <div style="float: left; padding: 0 8px;">
- <a href="/beheer/menu/delete/21/" title="Verwijder deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/cross.png" alt="Delete Icon" /></a>
- <a href="/beheer/menu/delete/21/" title="Verwijder deze menu knop">Verwijder</a>
- </div>
- </div>
- </div>
- </li>
- <li id="item_19">
- <div style="width: 100%; overflow: hidden; height: 20px; border-bottom: 1px solid #CDCDCD; padding: 5px 0;">
- <!--<div style="float: left; width: 565px; margin-top: 3px; margin-left: 10px;">-->
- <div style="float: left; margin-top: 3px; margin-left: 10px;">
- <img src="/icons/fugues/icons/arrow-resize-090.png" class="handle" alt="Sleep icon" title="Hiermee kunt u door te slepen de volgorde van de menu knoppen wijzigen." style="vertical-align: middle; cursor: pointer"/>
- Drive in Shows </div>
- <div style="float: right;">
- <!-- Bewerk -->
- <div style="width: 75px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/edit/19/" title="Bewerk deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/menu/edit/19/" title="Bewerk deze menu knop">Bewerk</a>
- </div>
- <!-- Bewerk Inhoud-->
- <div style="width: 120px; float: left; padding: 0 8px;">
- <a href="/beheer/page/edit/17/" title="Bewerk inhoud"><img style="vertical-align: bottom;" src="/icons/fugues/icons/document--pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/page/edit/17/" title="Bewerk inhoud">Bewerk inhoud</a>
- </div>
- <!-- Rechten -->
- <div style="width: 80px; float: left; padding: 0 8px;">
- <a href="/beheer/page/permissions/17/" title="Stel de toegangs opties in voor deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/key.png" alt="Key Icon" /></a>
- <a href="/beheer/page/permissions/17/" title="Stel de toegangs opties in voor deze menu knop">Toegang</a>
- </div>
- <!-- Menu knop toevoegen -->
- <div style="width: 95px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/new/?parent=19" title="Voeg een knop toe onder deze knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/plus-circle.png" alt="A plus icon" /></a>
- <a href="/beheer/menu/new/?parent=19" title="Voeg een knop toe onder deze knop">Toevoegen</a>
- </div>
- <!-- Verwijderen -->
- <div style="float: left; padding: 0 8px;">
- <a href="/beheer/menu/delete/19/" title="Verwijder deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/cross.png" alt="Delete Icon" /></a>
- <a href="/beheer/menu/delete/19/" title="Verwijder deze menu knop">Verwijder</a>
- </div>
- </div>
- </div>
- </li>
- <li id="item_32">
- <div style="width: 100%; overflow: hidden; height: 20px; border-bottom: 1px solid #CDCDCD; padding: 5px 0;">
- <!--<div style="float: left; width: 565px; margin-top: 3px; margin-left: 10px;">-->
- <div style="float: left; margin-top: 3px; margin-left: 10px;">
- <img src="/icons/fugues/icons/arrow-resize-090.png" class="handle" alt="Sleep icon" title="Hiermee kunt u door te slepen de volgorde van de menu knoppen wijzigen." style="vertical-align: middle; cursor: pointer"/>
- Module <img src="/icons/fugues/icons/plus-small.png" class="toggle plus" id="32" style="vertical-align: middle;" /><img src="/icons/fugues/icons/minus-small.png" class="toggle minus" id="32" style="vertical-align: middle; display: none" /> </div>
- <div style="float: right;">
- <!-- Bewerk -->
- <div style="width: 75px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/edit/32/" title="Bewerk deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/menu/edit/32/" title="Bewerk deze menu knop">Bewerk</a>
- </div>
- <!-- Bewerk Inhoud-->
- <div style="width: 120px; float: left; padding: 0 8px;">
- <a href="/beheer/module/edit/2/2" title="Bewerk inhoud"><img style="vertical-align: bottom;" src="/icons/fugues/icons/document--pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/module/edit/2/2" title="Bewerk inhoud">Bewerk inhoud</a>
- </div>
- <!-- Rechten -->
- <div style="width: 80px; float: left; padding: 0 8px;">
- <a href="/beheer/module/permissions/2/2/" title="Stel de toegangs opties in voor deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/key.png" alt="Key Icon" /></a>
- <a href="/beheer/module/permissions/2/2/" title="Stel de toegangs opties in voor deze menu knop">Toegang</a>
- </div>
- <!-- Menu knop toevoegen -->
- <div style="width: 95px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/new/?parent=32" title="Voeg een knop toe onder deze knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/plus-circle.png" alt="A plus icon" /></a>
- <a href="/beheer/menu/new/?parent=32" title="Voeg een knop toe onder deze knop">Toevoegen</a>
- </div>
- <!-- Verwijderen -->
- <div style="float: left; padding: 0 8px;">
- <a href="/beheer/menu/delete/32/" title="Verwijder deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/cross.png" alt="Delete Icon" /></a>
- <a href="/beheer/menu/delete/32/" title="Verwijder deze menu knop">Verwijder</a>
- </div>
- </div>
- </div>
- <ul id="menu_35">
- <li id="item_35">
- <div style="width: 100%; overflow: hidden; height: 20px; border-bottom: 1px solid #CDCDCD; padding: 5px 0;">
- <!--<div style="float: left; width: 550px; margin-top: 3px; margin-left: 25px;">-->
- <div style="float: left; margin-top: 3px; margin-left: 25px;">
- <img src="/icons/fugues/icons/arrow-resize-090.png" class="handle" alt="Sleep icon" title="Hiermee kunt u door te slepen de volgorde van de menu knoppen wijzigen." style="vertical-align: middle; cursor: pointer"/>
- Guestbook </div>
- <div style="float: right;">
- <!-- Bewerk -->
- <div style="width: 75px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/edit/35/" title="Bewerk deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/menu/edit/35/" title="Bewerk deze menu knop">Bewerk</a>
- </div>
- <!-- Bewerk Inhoud-->
- <div style="width: 120px; float: left; padding: 0 8px;">
- <a href="/beheer/module/edit/1/" title="Bewerk inhoud"><img style="vertical-align: bottom;" src="/icons/fugues/icons/document--pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/module/edit/1/" title="Bewerk inhoud">Bewerk inhoud</a>
- </div>
- <!-- Rechten -->
- <div style="width: 80px; float: left; padding: 0 8px;">
- <a href="/beheer/module/permissions/1/" title="Stel de toegangs opties in voor deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/key.png" alt="Key Icon" /></a>
- <a href="/beheer/module/permissions/1/" title="Stel de toegangs opties in voor deze menu knop">Toegang</a>
- </div>
- <!-- Menu knop toevoegen -->
- <div style="width: 95px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/new/?parent=35" title="Voeg een knop toe onder deze knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/plus-circle.png" alt="A plus icon" /></a>
- <a href="/beheer/menu/new/?parent=35" title="Voeg een knop toe onder deze knop">Toevoegen</a>
- </div>
- <!-- Verwijderen -->
- <div style="float: left; padding: 0 8px;">
- <a href="/beheer/menu/delete/35/" title="Verwijder deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/cross.png" alt="Delete Icon" /></a>
- <a href="/beheer/menu/delete/35/" title="Verwijder deze menu knop">Verwijder</a>
- </div>
- </div>
- </div>
- </li>
- <li id="item_40">
- <div style="width: 100%; overflow: hidden; height: 20px; border-bottom: 1px solid #CDCDCD; padding: 5px 0;">
- <!--<div style="float: left; width: 550px; margin-top: 3px; margin-left: 25px;">-->
- <div style="float: left; margin-top: 3px; margin-left: 25px;">
- <img src="/icons/fugues/icons/arrow-resize-090.png" class="handle" alt="Sleep icon" title="Hiermee kunt u door te slepen de volgorde van de menu knoppen wijzigen." style="vertical-align: middle; cursor: pointer"/>
- Agenda </div>
- <div style="float: right;">
- <!-- Bewerk -->
- <div style="width: 75px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/edit/40/" title="Bewerk deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/menu/edit/40/" title="Bewerk deze menu knop">Bewerk</a>
- </div>
- <!-- Bewerk Inhoud-->
- <div style="width: 120px; float: left; padding: 0 8px;">
- <a href="/beheer/module/edit/3/" title="Bewerk inhoud"><img style="vertical-align: bottom;" src="/icons/fugues/icons/document--pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/module/edit/3/" title="Bewerk inhoud">Bewerk inhoud</a>
- </div>
- <!-- Rechten -->
- <div style="width: 80px; float: left; padding: 0 8px;">
- <a href="/beheer/module/permissions/3/" title="Stel de toegangs opties in voor deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/key.png" alt="Key Icon" /></a>
- <a href="/beheer/module/permissions/3/" title="Stel de toegangs opties in voor deze menu knop">Toegang</a>
- </div>
- <!-- Menu knop toevoegen -->
- <div style="width: 95px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/new/?parent=40" title="Voeg een knop toe onder deze knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/plus-circle.png" alt="A plus icon" /></a>
- <a href="/beheer/menu/new/?parent=40" title="Voeg een knop toe onder deze knop">Toevoegen</a>
- </div>
- <!-- Verwijderen -->
- <div style="float: left; padding: 0 8px;">
- <a href="/beheer/menu/delete/40/" title="Verwijder deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/cross.png" alt="Delete Icon" /></a>
- <a href="/beheer/menu/delete/40/" title="Verwijder deze menu knop">Verwijder</a>
- </div>
- </div>
- </div>
- </li>
- </ul>
- </li>
- <li id="item_18">
- <div style="width: 100%; overflow: hidden; height: 20px; border-bottom: 1px solid #CDCDCD; padding: 5px 0;">
- <!--<div style="float: left; width: 565px; margin-top: 3px; margin-left: 10px;">-->
- <div style="float: left; margin-top: 3px; margin-left: 10px;">
- <img src="/icons/fugues/icons/arrow-resize-090.png" class="handle" alt="Sleep icon" title="Hiermee kunt u door te slepen de volgorde van de menu knoppen wijzigen." style="vertical-align: middle; cursor: pointer"/>
- Company </div>
- <div style="float: right;">
- <!-- Bewerk -->
- <div style="width: 75px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/edit/18/" title="Bewerk deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/menu/edit/18/" title="Bewerk deze menu knop">Bewerk</a>
- </div>
- <!-- Bewerk Inhoud-->
- <div style="width: 120px; float: left; padding: 0 8px;">
- <a href="/beheer/include/edit/21/" title="Bewerk inhoud"><img style="vertical-align: bottom;" src="/icons/fugues/icons/document--pencil.png" alt="Pencil Icon" /></a>
- <a href="/beheer/include/edit/21/" title="Bewerk inhoud">Bewerk inhoud</a>
- </div>
- <!-- Rechten -->
- <div style="width: 80px; float: left; padding: 0 8px;">
- <a href="/beheer/include/permissions/21/" title="Stel de toegangs opties in voor deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/key.png" alt="Key Icon" /></a>
- <a href="/beheer/include/permissions/21/" title="Stel de toegangs opties in voor deze menu knop">Toegang</a>
- </div>
- <!-- Menu knop toevoegen -->
- <div style="width: 95px; float: left; padding: 0 8px;">
- <a href="/beheer/menu/new/?parent=18" title="Voeg een knop toe onder deze knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/plus-circle.png" alt="A plus icon" /></a>
- <a href="/beheer/menu/new/?parent=18" title="Voeg een knop toe onder deze knop">Toevoegen</a>
- </div>
- <!-- Verwijderen -->
- <div style="float: left; padding: 0 8px;">
- <a href="/beheer/menu/delete/18/" title="Verwijder deze menu knop"><img style="vertical-align: bottom;" src="/icons/fugues/icons/cross.png" alt="Delete Icon" /></a>
- <a href="/beheer/menu/delete/18/" title="Verwijder deze menu knop">Verwijder</a>
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement