Ga naar inhoud

Welkom op PC Helpforum!
PC Helpforum helpt GRATIS computergebruikers sinds 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

Vriendelijk verzoek: whitelist www.pc-helpforum.be in je adblocker.

Beste bezoeker. Je ziet deze tekst omdat een adblocker, plugin of andere software onze advertenties blokkeert. PC Helpforum helpt jaarlijks gratis duizenden mensen met computerproblemen. Deze website en server kunnen we enkel onderhouden dankzij de inkomsten uit advertenties. Vandaar een vriendelijk verzoek: whitelist onze site zodat we jullie gratis verder kunnen helpen. Klik hier om te lezen waarom en hoe je kunt whitelisten.



kunoke

jQuery Sortable opslaan in MYSQL database bij Gebruiker

    Aanbevolen berichten

    Hallo, Ik ben al een tijdje bezig met een soort cms.

    Ik heb nu een html admin panel template genomen. Daar heb ik zelf een login systeem voor gemaakt, die ziet er als volgt uit: Een login pagina waar je de gegevens in typt, na die form op de  login pagina komt een script die de gebruikersnaam en wachtwoord controleerd met de gebruikersnaam en geëncrypte wachtwoord in de database dan als dat allemaal goed is dan maakt die een sessie aan. Die sessie bevat wat variabelen: Het id van de gebruiker en de naam van de gebruiker. Vervolgens word de gebruiker naar het admin paneel doorverbonden eenmaal op de eerste pagina van het admin paneel controleert die pagina of er een active sessie is en haalt die de variabelen op indien er geen actieve sessie is word die weer geredirect naar de login pagina. Het gene wat ik wil maken is dat  de met jQuery slider versleepbare panelen automatisch worden opgeslagen d.m.v het php variabele met het id van de user zodat die weet bij wie en  een aparte rij. Zodat als die gebruiker een paneel versleept en die herlaad of bezoekt de pagina opnieuw dat dit word weergegeven in die volgorde hoe hij het had gezet.

    Kan iemand mij daar bij helpen.

    Zelf kon ik niets op internet vinden.

    Alvast bedankt

    Met vriendelijke groet,

    Kuno Claes

    Deel dit bericht


    Link naar bericht
    Delen op andere sites

    Hoi, 

     

    Ik denk dat je zoiets bedoeld

     

     

     

    Als je naar de javascript kijkt, zie je een functie: "stop". Deze functie wordt altijd aangeroepen als iemand "klaar" is met slepen. 

    Het resultaat (de volgorde van de panels) kun je dan opslaan via bijv. een `$.post("/dashboard/save")`. Wat je op die "/dashboard/save" url doet is dan aan jou. Daarin heb je de sessie tot je beschikking en dus de gebruiker. 

     

    Gezien je met deze techniek al bezig bent zou ik ook eens kijken of je Slim Framework kunt gebruiken. Dit is een heel simpel PHP framework waarin je routes kunt maken, van alles met sessies doen, middleware technieken gebruiken, etc.

    Jouw methodiek waarin je geredirect wordt naar een login pagina als je niet bent ingelogd kun je bijv. doen met een middleware.  

     

    Het is een heel makkelijk en meest simpele PHP Framework wat ik ken.

     

    Deel dit bericht


    Link naar bericht
    Delen op andere sites
  • Topicstarter
  •    2

    Ok,

    Ik snap het half.

    Ik snap nu wel al dat als je klaar bent dat dan stop word uitgevoerd. Alleen hoe kan ik dat doorgeven aan een php script via de POST method? En hoe kan ik die volgorde weer laden met json?

    Alvast bedankt,

    Met vriendelijke groet, Kuno Claes

    Deel dit bericht


    Link naar bericht
    Delen op andere sites

    Als je het voorbeeld wat ik eerder doorstuurde bekijkt, dan staat in de javascript code dit: 

     

    $("#widgets").sortable({
       handle: ".panel-heading",
       cursor: "move",
       opacity: 0.5,
       stop : function(event, ui){
          // ... code
       }
    });

     

    In de stop functie maak je dan jouw $.ajax call naar je website. De nieuwe volgorde van id's kun je ophalen d.m.v. de andere code die ze daar in het voorbeeld hebben geplaatst.

     

    $("#widgets").sortable(
      'toArray',
      {
        attribute : 'id'
      }
    )

    De uitkomst daarvan kun je gebruiken als POST-data voor je AJAX call. 

     

    Voor jou zou het dan bijv. zo eruit kunnen zien:
     

    $("#widgets").sortable({
       handle: ".panel-heading",
       cursor: "move",
       opacity: 0.5,
       stop : function(event, ui){
          var order = $("#widgets").sortable('toArray', { attribute : 'id' });
          $.post("/dashboard/save", { sort: order }, {
            success: function(data){
               // hier code wanneer de POST succesvol is
            }
          );
       }
    });

     

    Om de volgorde weer op te halen, moet je weer een nieuwe URL maken welke de volgorde terug geeft. Maar dat is ook aan jou om te maken in PHP. 

     

    Voor de documentatie over de .sortable jQueryUI plugin: http://api.jqueryui.com/sortable/ 

     

    Deel dit bericht


    Link naar bericht
    Delen op andere sites

    Maak een account aan of log in om te reageren

    Je moet een lid zijn om een reactie te kunnen achterlaten

    Account aanmaken

    Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

    Registreer een nieuwe account

    Inloggen

    Heb je reeds een account? Log hier in.

    Nu inloggen


    Logo

    OVER ONS

    PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

    ×