Afficher une boucle php récuperer dans une div !

Bonjour,

A l'avenir, pernse à mettre la coloration syntaxique.
explication disponible ici :

Ensuite:

$bdd = db_connect();
$requete = "SELECT * FROM users ORDER BY username";
$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));

$result=array();
while ($user = $resultat->fetch()) {
  //on ne retourne pas de HTML dans un appel ajax. On ne renvoi que les données
 // c'est le Javascript qui se chargera du HTML
  $result[] =$user['username'];
}

//on renvoi les données de l'ajax en JSON
header('Content-Type: application/json');
echo json_encode($result);
exit();

Côté JS

viewRender: function(view, element) {
  $.ajax({
    url: 'php/boucle.php',
    dataType: "json"
    success: function (reponse) {
      $.each(result,function(i,e){
        console.log(e);
        $('#drag-externe').append( "<div class='maclass'>" + e + "</div>");
      });
    },
    error: function(jqXHR, textStatus){
      alert(textStatus);
    }
  });
},

Bonsoir Jordane,

Je te remercie pour ta réponse.
J'ai appris encore quelque chose sur l'Ajax que je ne maîtrise pas du tout.
//on ne retourne pas de HTML dans un appel ajax. On ne renvoi que les données

En revanche le script me renvoi dans l'alerte error.

Que faire ?

Merci.
Cordialement
Rescue

Voici ma console j'ai mis le minimum d'information.
Le déploiement de tous les éléments c'est énorme !!

Object { readyState: 4, getResponseHeader: getResponseHeader()
, getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(), overrideMimeType: overrideMimeType(), statusCode: statusCode(), abort: abort(), state: state(), always: always(), catch: catch()
, … }
external-dragging.php:135:15
error external-dragging.php:136:15 

Oups,

J'ai autre chose :

ReferenceError: result is not defined[En savoir plus] external-dragging.php:128:15
success
http://localhost/SCHEDULER/demos/external-dragging.php:128:15
u
http://localhost/SCHEDULER/lib/jquery.min.js:2:27452
fireWith
http://localhost/SCHEDULER/lib/jquery.min.js:2:28202
k
http://localhost/SCHEDULER/lib/jquery.min.js:2:77649
n/<
http://localhost/SCHEDULER/lib/jquery.min.js:2:79907

Alors oui c'est pas grave mais à présent c'est OK.

J'ai placé result en argument dans la fonction en attendant ta réponse.
ça revient au même je suppose.

Le code source est OK c'est bien le résultat que j'attendais
Mais c'est bizarre je ne drag pas du tout !

Alors que si je place mon code en php dans la page ça fonctionne !
C'est étrange !

Je cherche si je n'ai pas également un copier coller qui Arfff...

Merci.

Oui c'est exactement ça...
J'ai trouvé aussi cette coquille mais là ça fait 1H00 que je galère à présent sur le title.

Il me récupère tous les username dans le title.
Ah je suis vraiment une grosse nouille lol !!
Si tu as une piste entre temps je suis preneur.

Merci encore à toi.
Rescue

Bonjour,

En faite j'ai 2 problèmes.

en image PB1 : Lorsque je glisse un élement je récupère tous les titres de la liste

en image PB2 : lorsque je me déplace dans le temps sur le calendrier la liste des mes users s'allonge


Merci et bonne journée.
Rescue

Bonjour,

J'ai avancé sur mon 1er problème en faite le PB venait entre la chaise et le clavier.
Écrire une variable avec un tiret haut et plus bas avec un tiret bas, ça marche moins bien.

En revanche je suis toujours sur le PB2 càd ma liste qui augmente lorsque je navigue dans le calendrier.
Voici mon code source Ajax qui s'affiche dans la div '#drag-dispo' si quelqu'un veut bien m'aiguiller.
Oui je sais c'est encore un problème entre le clavier et la chaise.

$.ajax({
            url: 'php/personne_dispo.php',
            dataType: "json",
            success: function(reponse) {
                console.log( "REPONSE :");
                console.log(reponse);

                $.each(reponse, function(i, e) {              
   $('#drag-dispo').append( "<div class='perso-dispo'>" + e + "</div>");
                });

  $('#drag-dispo .perso-dispo').each(function() {
  
          $(this).data('event', {
                title: $.trim($(this).text()),
                stick: true
          });
          
   $('.perso-dispo').draggable({
                zIndex: 999,
                revert: true,
                revertDuration: 0
          });
  }); 
            }
          });

EDIT : Correction des balises de code pour y mettre la coloration syntaxique (jordane)

Il manque surement un refresch quelque part ?
à votre bon cœur, je recherche toujours moi de mon coté.

Merci et bonne journée.
Rescue.

Bonjour Jordane,

Pour répondre à ta question la fonction qui est lancé est :
viewRender: function(view, element) {}

En revanche l'idée de vider la div avant remplissage c'est de la balle de bombe.
Merci Jordane c'est toi le boss man.

Pour me coucher moins bête ce soir à quel endroit on pose : la coloration syntaxique.
Je m'excuse d'avance mais je post très rarement dans le forum malgré que je sois inscrit depuis 2007.
Je clôture le sujet car mes PB sont réglés.

Merci encore @très bientôt...
Rescue