IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Manipulation tableau html


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    eleve ingenieur
    Inscrit en
    Juillet 2012
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : eleve ingenieur
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2012
    Messages : 16
    Par défaut [AJAX] Manipulation tableau html
    Je travail sur une application, mais le problème c'est que je suis débutant en javascript (Jquery, Ajax).
    Je fais ce post en espérant qu'ensemble nous pourrons relever ce défi. Je compte sur votre aide car je ne sais par ou commencer

    1-La page présente en premier lieu la liste des services
    Nom : liste-services.jpg
Affichages : 1372
Taille : 26,9 Ko

    2- Lorsqu'on clique sur Ajouter, on a la liste des employer du service
    Nom : liste-employe-service.jpg
Affichages : 1332
Taille : 41,5 Ko

    Lorsqu'on click sur Supprimer qui est en face de service il déplace le service dans la liste des services plus haut et faire disparaitre les employes de ce service.
    Lorsqu'on Click sur Ajouter qui est devant service, Il ajoute tous les employés du service au tableau Liste de diffusion
    Lorsqu'on click sur Ajouter qui est devant la liste des employés, ces employés selectionner sont déplacés dans le tableau Liste de diffusion

    3-Au lieu de Ajouter, c'est Supprimer
    Nom : liste-de-diffusion.jpg
Affichages : 1303
Taille : 28,1 Ko

    Lorsqu'on clique sur Supprimer, cet employé est déplacer dans le tableau Liste des employés par service.
    Lorsqu'on Click sur Envoyer, il récupère tous les employés présent dans la table Liste de diffusion, les enregistre dans la table assigner et leur envoie un mail (Notification), Ceux qui n'ont pas pu être traités demeurent dans le tableau, jusqu'à ce qu'ils soient traités.

    Ceux qui ont été traités ne sont plus dans le tableaux, de sorte à ceux qu'on puissent savoir ceux qui ont été enregistrés et notifiés.

    Lorsque toutes les données on été traitées, le tableau se vide et un message de réussite est afficher (10 secondes).

    En clair c'est le travail qui m'a été assigner.

    Merci de m'aider.

  2. #2
    Membre éprouvé
    Homme Profil pro
    Lycéen
    Inscrit en
    Mars 2014
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : Belgique

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Mars 2014
    Messages : 48
    Par défaut
    Salut,

    Je te conseillerais de commencer à réfléchir à la structure de l'application: les différentes listes à afficher dans le html, les fonctions javascript qu'il faudra écrire pour chaque action,...
    Il faut dégrossir le projet en petites parties.

    Ton appli dois utiliser une base de donnée ?

  3. #3
    Membre averti
    Homme Profil pro
    eleve ingenieur
    Inscrit en
    Juillet 2012
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : eleve ingenieur
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2012
    Messages : 16
    Par défaut
    je travail avec Mysql

  4. #4
    Membre éprouvé
    Homme Profil pro
    Lycéen
    Inscrit en
    Mars 2014
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : Belgique

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Mars 2014
    Messages : 48
    Par défaut
    D'accord, pourquoi ne pas commencer par créer les tables dans la base de donnée et les remplir?

    Enfin, peut être que tu a déja fait certaines choses.. a-tu des questions précises ?

  5. #5
    Membre averti
    Homme Profil pro
    eleve ingenieur
    Inscrit en
    Juillet 2012
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : eleve ingenieur
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2012
    Messages : 16
    Par défaut
    Au fait, j'ai déjà la liste des service, mon problème c'est comment faire la liste des employés du service lorque je click sur Ajouter
    tout ceci en ajax

  6. #6
    Membre éprouvé
    Homme Profil pro
    Lycéen
    Inscrit en
    Mars 2014
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : Belgique

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Mars 2014
    Messages : 48
    Par défaut
    Si la liste des employés est dans ta base de donnée, tu peux par exemple faire une requête de type GET vers une page php/asp pouvant communiquer avec la bdd:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    function clickOnService(idService) {
        var ajax = new XMLHttpRequest(); //on instancie un nouvel objet ajax
        ajax.onreadystatechange = function() { //fonction appelée à chaque changement du statut de la requète
            if (ajax.readyState == 4 && ajax.status == 200) { //vérifie si la requète est terminée et avec succès (on a reçu les données)
                var reponse = JSON.parse(ajax.responseText); //->si la réponse est au format JSON, reponse sera un objet javascript
                //traitement des données reçues ici, par exemple remplir un tableau html
            }
        };
        ajax.open('GET', 'mapage.php?requete=demander_liste_employes&idservice='+idService, true); //paramétrer la requète ajax: envoie une requète de type GET, asynchrone
        ajax.send(null); //envoie la requète
     
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Conception, manipulation tableau HTML en Javascript
    Par Rifton007 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/10/2012, 16h18
  2. [AJAX] filtre & tableau html
    Par cellvegi dans le forum AJAX
    Réponses: 4
    Dernier message: 10/11/2010, 13h30
  3. Manipulation tableau html
    Par Guybrush113 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 23/10/2008, 14h04
  4. [AJAX] tableau HTML joint sous forme de fichiers
    Par fthem dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 03/09/2008, 09h01
  5. [AJAX] tableau HTML Dynamique
    Par llaffont dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 08/08/2008, 12h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo