Sortable menu via JSON opslaan

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Oracle SOA-OSB Developer

Jouw uitdaging als Oracle SOA-OSB Developer Integratie is het hart in alle projecten. Zowel on-premise als in de Cloud of met hybride oplossingen kom je Oracle SOA Suite en de Oracle Service Bus bij vele klanten tegen. Jij ben als SOA-OSB ontwikkelaar onderdeel van dat integratie hart en zorg je dat binnen Oracle en niet-Oracle implementaties dat integraties zo efficiënt en onderhoudbaar mogelijk worden gerealiseerd. Je werkt op een prettige manier samen in teams met ervaren professionals van Capgemini middel SCRUM/Agile. Met jouw specialistische integratie kennis voeg je concrete waarde toe door je hands-on ervaring. Met jouw overzicht en sterke

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

WO starter / Developer / Programmeur / Software De

Functieomschrijving WO starter / Developer / Programmeur / Software Developer / PHP / Full stack / SAAS / Laravel Ontwikkelen van nieuwe functionaliteiten; Ontwikkelen van reactieve front-end; Onderhoud en bug fixing van de bestaande software; Samenwerken met het team op basis van 4 wekelijkse release cyclus; Code review binnen het team; Testen van de gebouwde software. Functie-eisen WO diploma (richting informatica, beta, data) 1 jaar aantoonbare ervaring met programmeren; Ervaring met het bouwen van een webapplicatie; Kennis van een back-end taal en een front-end taal; Je bent communicatief, gedreven, denkt in oplossingen. Bedrijfsomschrijving Onze klant is een dynamisch bedrijf in

Bekijk vacature »

SECURITY SPECIALIST - DIGITAL IDENTITY

SECURITY SPECIALIST - DIGITAL IDENTITY 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. Your job As a Senior Security Specialist in Digital Identity, you will help our clients design, develop and implement solutions in the identity and access management domain. You should have in depth knowledge of Identity & Access management processes, technologies and best practices, as you will be responsible for the end to end planning, architecting and successful delivery of IAM implementations for our clients in the enterprise and/or customer/retail space, while managing a small project

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 »

Mobile Developer gezocht - vrije keuze in techniek

Functieomschrijving Je komt een team van ongeveer 10 Developers versterken, met hen ga je verschillende projecten uitvoeren middels de SCRUM methode. Voor de projecten die gedraaid worden, wordt gebruik gemaakt van SCRUM teams, bestaande uit maximaal 5 personen. Dit geeft de mogelijkheid om met korte lijnen te werken en snel te kunnen schakelen. Op deze wijze werken jullie gestructureerd en efficiënt, waar jullie de vrijheid krijgen zelf te kiezen met welke technieken jullie als team aan de slag gaan. Qua projecten kun je denken aan het ontwikkelen van apps voor grote detailhandelaren. Om tot een uitstekende app te komen overleg

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 »

.NET Developer / Innovatieve software / Virtual Re

Functieomschrijving Als .Net developer werken aan innovatieve software waar onder andere gebruik gemaakt wordt van Virtual Reality? Bijdragen aan een organisatie waar je uitgedaagd wordt om continu verbeteringen en ontwikkelpunten te ontdekken en door te voeren? Werken in de omgeving Putten? Reageer dan nu voor meer informatie! Het pro-actief aandragen van verbeteringen voor de bestaande applicatie; Ontwikkelen van nieuwe functionaliteiten; Doorvoeren van aanpassingen en wijzigingen; Verantwoordelijk voor koppelingen met andere systemen; Op de hoogte blijven van technische ontwikkelingen. Functie-eisen Hbo werk- en denkniveau; Een afgeronde IT gerelateerde opleiding; Minimaal 1 jaar professionele ervaring als developer; Aantoonbare kennis van C#; Initiatiefrijke

Bekijk vacature »

Software Developer / Maatwerk / 4GL / SQL

Functieomschrijving Heb jij ervaring met Software Development en wil je je graag verder ontwikkelen bij een internationaal bedrijf in regio Eindhoven? Lees dan snel verder! Software ontwikkeling met technieken als Magic XPA en DB2 relationele databases. Ontwikkelen van nieuwe onderdelen van het centrale (maatwerk) softwarepakket. Uitbreiden bestaande functies binnen het pakket. Wensen en eisen van gebruikers in kaart brengen. Meedraaien in projecten. Informatieanalyses maken en uitwerken. Jezelf ontwikkelen binnen de organisatie, bijvoorbeeld op het gebied van BI of integratie met behulp van SAP PI/PO. Ondersteunen van de helpdesk bij software issues. Functie-eisen 1 tot 3 jaar ervaring op het gebied

Bekijk vacature »

Medior Microsoft Dynamics Developer

Jouw uitdaging: Ben jij sterk in het succesvol ontwikkelen van maatwerk componenten op het Dynamics platform? En wil je actief meewerken aan de ontwikkeling van ons Digital Customer Experience portfolio? Dan is dit iets voor jou! Voor de Digital Customer Experience afdeling (DCX) zijn we op zoek naar een Medior Microsoft Dynamics Developer. In deze functie ben je verantwoordelijk voor de succesvolle ontwikkelen van maatwerk componenten op het Dynamics platform bij toonaangevende organisaties. Denk daarbij aan het realiseren van integratie met front en backoffice systemen op basis van Azure PaaS of het ontwikkelen van complexe plug-ins. Daarnaast werk je actief

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

.NET Developer E-Learning Amsterdam

WE’RE CURRENTLY WORKING WITH AN IMPACTFUL AND INNOVATIVE E-LEARNING COMPANY BASED IN AMSTERDAM WHO ARE LOOKING FOR AN EXCEPTIONAL .NET DEVELOPER TO JOIN THEIR TEAM. You will be joining a global team of 220+ who provide a userbase of over one million with the resources they need to strengthen their skillsets and develop themselves to the highest extent. Working with a number of market leaders, there has never been a more exciting time to get involved. WHAT TO EXPECT Writing and testing code to ensure it is the highest quality possible Researching and contributing to the implementation of new tech

Bekijk vacature »

Traineeship junior software developer

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 »

Traineeship Pega Developer MKB Brandstof & BPM

Heb je een ICT gerelateerde HBO/ WO opleiding afgerond, interesse in Business Process Management, vind je persoonlijke ontwikkeling belangrijk en wil je deel uitmaken van MKB Brandstof? Dan is het Traineeship tot Pega Developer van MKB Brandstof en BPM Company iets voor jou! Met een opleidingsprogramma en begeleiding op maat –zowel vanuit MKB Brandstof als BPM Company- zorgen we ervoor dat jij je optimaal kan ontwikkelen. De eerste 2 maanden ben je bezig met het behalen van je Pega certificeringen (Certified System Architect (CSA) en Certified Senior System Architect (CSSA)). Hierin zal je door BPM Company worden begeleid. Daarna ga

Bekijk vacature »

Java Developer

Als lead developer in dit team heb je veel impact op hoe kandidaten een nieuwe baan vinden. Als expert op het gebied van Java en soa suite weet jij het team te leiden. Functieomschrijving Als je bij Randstad Groep Nederland IT werkt, houd je jezelf en Nederland in beweging. Stilstand is achteruitgang, daarom zijn we continu bezig onze business en processen te optimaliseren, zodat we onze klanten en kandidaten meer gemak, snelheid en transparantie kunnen bieden. Impactvolle tech, daar doen we het voor. Artificial intelligence, machine learning en innovatieve zoek oplossingen. Met jouw state-of-the-art-systemen verbeter je de business van Randstad

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.