Sortable menu via JSON opslaan

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

SQL Developer / SQL DBA / Financiële instelli

Functieomschrijving Ben jij een ervaren SQL Developer / SQL DBA die houdt van een uitdaging? Heb je ruime ervaring met SQL, SQL Server, SSIS en het bouwen van queries? Lijkt het jou interessant om verantwoordelijk te zijn voor de gehele Nederlandse database omgeving van deze internationale financiële organisatie? Lees dan snel verder! Verantwoordelijk voor operationele werking van de database omgeving voor alle Nederlandse vestigingen; Schrijven van SQL queries; Beantwoorden complexe integratie vraagstukken; Meewerken aan uiteenlopende interne projecten en organisatiebrede migratie trajecten; Requirements opstellen; Fungeren als sparringspartner voor de business. Functie-eisen HBO werk- en denkniveau; Minimaal drie jaar ervaring in een

Bekijk vacature »

Full-stack .NET C# software developer, software me

Voor een organisatie in Den Haag zijn we momenteel op zoek naar een full stack .NET C# developer. Het gaat om een bedrijf dat de afgelopen 5 jaar druk bezig is geweest om de basis te leggen voor een online platform met betrekking tot de vraag en aanbod van een specifieke maatschappelijke doelgroep. Met een succesvol draaiende website, reeds 50.000 bezoekers per maand en het vertrouwen van een grote investeerder zijn ze de start-up fase inmiddels voorbij. De bedrijfscultuur daarentegen wordt nog steeds gekenmerkt door een energiek, enthousiast en gedreven team met korte lijnen en een duidelijke visie. Spreekt een

Bekijk vacature »

Senior iOS Developer vacature

Je bent innovatief. Je bent creatief. Jij gaat voor een topbaan. Mobile apps ontwerpen, uitwerken en realiseren, dat is jouw passie! Met grote toewijding richt jij je dan ook op een app waarmee consumenten met een gezichtsscan betalen. Of je stort je je op een app die de temperatuur in huis op afstand kan regelen. Het spreekt voor zich dat jouw apps top of the bill zijn als het gaat om gebruiksvriendelijkheid en veiligheid. Ze hebben impact. Je voelt je als een vis in het water in een iOS-omgeving maar, veelzijdig als je bent, kun je ook met andere platforms

Bekijk vacature »

Grote speler uit Noord-Brabant is op zoek naar een

Vacature Omschrijving Dit snelgroeiende bedrijf uit Noord-Brabant is met spoed op zoek naar een Team Lead Developer. Het bedrijf is inmiddels 40 man groot en de development teams bestaan uit 4 man. Het oplossen van complexe vraagstukken is voor hun gesneden koek en ze willen met elkaar keihard gaan knallen om een nog grotere groei te realiseren. Functieomschrijving Je gaat werken aan verschillende projecten in teamverband of individueel. De ontwikkeling van hun eigen platform staat centraal. Er wordt gezocht naar iemand die leiding kan geven aan het team van Developers en tegelijkertijd gek is van het ontwikkelen van applicaties. Er

Bekijk vacature »

Senior .NET Developer

Organisatie Deze organisatie in de regio van Arnhem draagt bij aan het maatschappelijk goed van de Nederlandse Economie. Door het bouwen van allerlei verschillende maatwerkapplicaties, websites, apps en dergelijke voor het onderwijs, de zorg en het domein werk. Organisatie is begonnen als een startup en heeft vervolgens in 2012 haar huidige vorm aangenomen. Of het nu gaat om begeleiding naar werken, participatie, wonen, beroepsonderwijs, hulp bij schulden, psychische zorg of taalonderwijs, deze organisatie levert op al deze gebieden passende diensten. Dat doen ze al ruim 30 jaar in Nederland, België en Verenigd Koninkrijk. Het optimaliseren van het re-integratie staat binnen

Bekijk vacature »

Frontend Developer

Heb jij ervaring als Front-end ontwikkelaar en ben jij elke dag opnieuw nieuwsgierig naar nog betere codes voor front-end functionaliteiten? Denk jij automatisch vanuit de eindgebruiker en ga je voor de beste en meest gebruiksvriendelijke oplossing. Ben jij deze nieuwe front-end developer, met kennis van Javascript, om het enthousiaste team te versterken? Dan maken ze graag kennis met jou! Dit bedrijf is een sterk groeiend, jong en dynamisch bedrijf in Tilburg. Zij werken met enthousiaste en professionele mensen aan logistieke oplossingen voor hun klanten. Van project management, ontwerp, implementatie en beheer tot en met hosting. Binnen het bedrijf heerst een

Bekijk vacature »

Senior Python Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: je bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Medior .NET Developer die graag werkt met de laats

Je komt, zoals veel van je collega’s de laatste weken, een uur later naar kantoor toe. Logisch ook, wanneer je de verhalen bij het koffiezetapparaat hoort over hoe jouw lead developer gisteren tot diep in de nacht nog bezig was met het ontdekken van West-Elizabeth, samen met Arthur Morgan en Dutch van der Linde.. Organisatie Terwijl je jouw large coffee nuttigt, deel je ook nog jouw verhalen van de avond ervoor. Direct daarna bespreken jullie met het team de doelstellingen voor die dag. Inmiddels is het 10:00 uur in de ochtend en zijn alle 15 ontwikkelaars bezig met hun taken.

Bekijk vacature »

Webdeveloper (HBO)

Webdeveloper (HBO) Full time Als webdeveloper bij VIVITION heb je een uitdagende en belangrijke rol, waarbij het gaat om de output. Samen met collega’s ben jij namelijk verantwoordelijk voor de ontwikkeling van websites, shops, auto voorraadmodules en onze unieke 360 weergave voor autobedrijven. Een essentieel onderdeel is hierin is het responsive ontwikkelen voor zowel desktop als mobiel. Alles draait om het verbeteren van de user experience. Taken: Primair gebruik je PHP, CSS, Javascript Ontwikkelen van plugins voor verschillende platformen; API & library development in verschillende talen; Usability tests uitvoeren en verbeteringen doorvoeren; Gezamenlijk kritisch evalueren van het opgeleverde eigen werk;

Bekijk vacature »

Junior .NET Developer

Organisatie Leef jij voor muziek, heb je minimaal één jaar ervaring als .NET developer en ben je toe aan een nieuwe uitdaging omgeving Oss? Deze toonaangevende organisatie met ruim 15 jaar ervaring in de muziekbranche is klaar voor de internationale stap en zoekt daarom een ambitieuze webdeveloper. Het bedrijf zit gevestigd in Oss maar heeft wegens succes ook ambities wereldwijd te gaan, te starten in Australië, Engeland, Duitsland en binnenkort Amerika. Wanneer je in contact staat met dit bedrijf merk je dat er één gemeenschappelijke bindende factor is: Iedereen houdt onwijs veel van muziek. In het jonge team is dan

Bekijk vacature »

Mobile developer @ jong full-service internetburea

Functieomschrijving Het ontwikkelteam bestaat uit 7 man, waarvan 3 app ontwikkelaars, een designer en 3 PHP developers. In dit team krijg je een zelfstandige rol waarbij je verantwoordelijk wordt voor het opleveren van je eigen deelprojecten. Uiteraard gaat dit in samenspraak met je collega's die waar mogelijk je ook ondersteunen. Er is sprake van veel kennisoverdracht binnen het team om zo een sterker software product af te leveren. Je krijgt de mogelijkheid om je te verdiepen in je vak/passie. Ben je sterker in Android, dan kun je ook aan de slag met iOS en andersom. Hiervoor kun je sparren met

Bekijk vacature »

IT-Traineeship junior software ontwikkelaar

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Traineeship en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 3 maanden binnen de Sogyo Academy. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit

Bekijk vacature »

Java Developer AWS Financiële sector 5500,-

Functieomschrijving Ben jij een ervaren Java Developer, daagt een dynamische omgeving jou uit en bouw je graag innovatieve oplossingen? Werk je graag in de financiele sector en in een familiaire omgeving waar groei centraal staat? Lees dan snel verder! Het ontwikkelen van financiële applicaties in Java o.b.v. microservices architectuur; Software ontwikkelen specifiek voor het AWS platform om het maximale uit Amazon Webservices te halen; Werken aan een zeer veeleisende omgeving en continu veranderende applicaties; Het werken in een multidisciplinair team dat continu werk oplevert middels CI/CD; Deelnemen aan designsessies; Het schrijven van diverse automatische tests; Op de hoogte blijven van

Bekijk vacature »

.NET Developer met een oog voor uitdagingen (Medio

Vacature Omschrijving Een organisatie die pas stopt wanneer de klant voor de volle 100% tevreden is. Met slimme oplossingen en oog voor de nieuwste ontwikkelingen worden de klantprocessen van opdrachtgevers geoptimaliseerd. Applicaties voor klanten worden dan ook vanaf scratch opgezet en gebouwd om een zo goed mogelijke oplossing te bieden. Met oplossingen gebaseerd op gerenommeerde merken, gaat deze organisatie voor de lange termijnrelaties. Geen uitdaging gaat het namelijk te ver. Om de beste oplossingen mogelijk te maken, is iedereen binnen de organisatie gek op techniek. Iedereen houdt de ontwikkelingen dan ook nauw in de gaten en staat voor het persoonlijke

Bekijk vacature »

Junior, medior of senior .NET C# ontwikkelaar, com

Ben je als junior, medior of senior .NET ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een junior, medior of senior .NET C# ontwikkelaar. De organisatie richt zich zowel op websites als complexe maatwerk applicaties voor externe klanten. Tevens moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen erg

Bekijk vacature »
Joni Fleischer
Moderator

Joni Fleischer

01/07/2013 11:17:01
Quote Anchor link
Hallo allemaal,

ik heb het volgende. Een sortable menu die ik wil opslaan in de database. (volgorde).
Het menu bouwt zich op deze manier op:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
            
$(document).ready(function()
{

     var updateOutput = function(e)
     {
          var list   = e.length ? e : $(e.target), output = list.data('output');
            
          output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
            
          var consolelog = window.JSON.stringify(list.nestable('serialize'));//, null, 2));
            
    };
    

     // activate Nestable for list 1
     $('#nestable').nestable({
          group: 1
     })
     .on('change', updateOutput);

     // output initial serialised data
     updateOutput($('#nestable').data('output', $('#nestable-output')));

</script>


Ik heb de ajax voor het updaten:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$.ajax({
                                    
    url: 'php/menu-wijzigen.php',
    type: 'GET',
    dataType: 'json',
    data: consolelog,
                        
    success: function(result) {
                                                
        $.each(result, function(key, value){
                        
            //console.log(key, value);
                                
            $.each(value, function(key, value){
                            
                console.log(key, value);
                                
            });
                            
        });
            
    },
    error: function(req, err){ console.log('my message ' + err + req); }
});


Nu wordt er een json code uitgepoept in een textveld d.m.v: updateOutput($('#nestable').data('output', $('#nestable-output')));

Je kan op deze site het voorbeeld zien: http://www.fleischer.nl/Cms/test2/

Hoe krijg ik in godsnaam de json string bewerkbaar zodat ik dat ding op kan slaan in een database?
Hieronder de volledige scripting:

Navigatie.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<?php
if(basename($_SERVER['PHP_SELF']) != basename(__FILE__)):
    
    if ($login->isUserLoggedIn() == true) {
    
        if(empty($_GET['nieuw']) && empty($_GET['edit'])) // Als er geen actie is ondernomen
        {
?>
            
            <script type="text/javascript" src="js/sort.js"></script>
            <script type="text/javascript">
            
$(document).ready(function()
{

    var updateOutput = function(e)
    {
        var list   = e.length ? e : $(e.target), output = list.data('output');
            
            output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
            
            var consolelog = window.JSON.stringify(list.nestable('serialize'));//, null, 2));
            
    };
    

    // activate Nestable for list 1
    $('#nestable').nestable({
        group: 1
    })
    .on('change', updateOutput);

    // output initial serialised data
    updateOutput($('#nestable').data('output', $('#nestable-output')));
                
                $('#submit').click(function() {
                    
                    var consolelog = $('#nestable-output');
                    
                    $.ajax({
                                    
                        url: 'php/menu-wijzigen.php',
                        type: 'GET',
                        dataType: 'json',
                        data: consolelog,
                        
                        success: function(result) {
                                                
                            $.each(result, function(key, value){
                        
                                //console.log(key, value);
                                
                                    $.each(value, function(key, value){
                            
                                    console.log(key, value);
                                
                                });
                            
                            });
            
                        },
                        error: function(req, err){ console.log('my message ' + err + req); }
                    
                    });
                    
                    return false;
            
                });
            });
            
            </script>
            <form method="GET" id="menuwijzigen" name="menuwijzigen">
            <div class="cf nestable-lists">

                <div class="dd" id="nestable">
                    <ol class="dd-list">
                        <li class="dd-item dd3-item" data-id="1">
                            <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 1</div>
                        </li>
                        <li class="dd-item dd3-item" data-id="2">
                            <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 2</div>
                        </li>
                        <li class="dd-item dd3-item" data-id="3">
                            <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 3</div>
                        </li>
                        <li class="dd-item dd3-item" data-id="4">
                            <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 4</div>
                        </li>
                        <li class="dd-item dd3-item" data-id="5">
                            <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 5</div>
                        </li>
                        <li class="dd-item dd3-item" data-id="6">
                            <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 6</div>
                        </li>
                    </ol>
                </div>
        
            </div>
            
            <input type="text" name="nestable-output" id="nestable-output">
            
            <input type="submit" class="gradient bericht submit blue" id="submit" name="submit" value="Opslaan" />
            </form>
 

<?php
        } // Einde Als er geen actie is ondernomen
        
        elseif(!empty($_GET['nieuw']) && $_GET['nieuw'] == "bericht") // Als de actie nieuw "pagina" is.
        {
?>

        Hoi    
<?php
        } // Einde Als de actie nieuw "pakket" is.
        
        elseif(!empty($_GET['edit']) && $_GET['edit'] == "bericht") // Als de actie edit "pagina" is.
        {
            $id = $mysqli->real_escape_string($_GET['id']);
            $sql = "SELECT * FROM content WHERE id = '".$id."'";
            if(!$result = $mysqli->query($sql))
            {

                trigger_error('Fout in query: '.$mysqli->error);
            }

            else
            {
                while($row = $result->fetch_assoc())
                {

                ?>

                    Ophalen
                <?php
                }
            }
        }
// Einde Als de actie edit "pagina" is.
        
        else //Als de bovenstaande allemaal niet van toepassing is.
        {
            // Handle
        }
        
    }

    else {
        
        echo '<div class="info-box error ">';
        echo     '<span class="info-innerbox">';
                    echo MSG_LOGIN;
        echo     '</span>';
        echo '</div>';
    
    }


else:    
    
    header("Location: /");

endif;

?>



Menu-Wijzigen.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?php
if(basename($_SERVER['PHP_SELF']) == basename(__FILE__)):
    
    @
require("../inc/config.php");

    if($_SERVER['REQUEST_METHOD'] == 'GET'):
        
        
        // Alle gegevens ophalen en uitspuugen in JSON
        
        //echo stripslashes($_GET['nestable-output']);

        
        foreach ($_GET as $data => $value):
            
            switch ($data):
                        
                default :

                
                    $result = json_decode($value);
                            
                    foreach ($result as $data => $value):
            
                        switch ($data):
                                    
                            default :

                                        
                                    $post_data .= '{"'.$data.'":"'.$value.'"},';
                            
                            break;
                        
                        endswitch;

                        
                    endforeach;
                
                break;
            
            endswitch;

            
        endforeach;
        
        echo '[{"msg":"Json"}]';
        
    else:
        
        header("Location: /");
    
    endif;

    
else:
    
    header("Location: /");

endif;

?>
Gewijzigd op 01/07/2013 11:24:24 door Joni Fleischer
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.