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

JavaScript Discussion :

[AJAX] Tableau dynamique [AJAX/MySql]


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Inscrit en
    Octobre 2008
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 2
    Par défaut [AJAX] Tableau dynamique [AJAX/MySql]
    Bonjour tout le monde,

    Contexte du problème :

    Je réalise une Base de données pour une assurance (anglaise), cette base de donnees permet de gerer les assures, les types de degats, les tiers, les employes, ceux qui redigent les rapport... et plein d'autres information.
    Pour gerer tout ca, j'ai une page "database_view.php", "database_new.php", "database_edit.php"... Le probleme ce porte sur cette derniere page.

    Sur cette page se trouve un tableau qui gère les tiers (third party). J'aimerais qu'a partir de ce tableau je puisse faire un insert into ou/et un delete dans ma base de données sans rafraichir ma page.

    J'ai déjà trouver un tuto pour réaliser un tableau qui fait un update de ma base de données en AJAX (Tuto).
    Et j'utilise un tableau dynamique dans ma page "database_new.php" (Tuto / Exemple). Cela pourra peut etre m'aider a realiser ce que je veux faire...

    Ma page de test : Lien


    Le Problème :

    Quelqu'un pourrait me dire s'il est possible de modifier le tuto AJAX pour permettre au tableau de faire les Delete et Insert Into également ?
    -Quand je clique sur Delete, l'information se supprime également dans la BDD.
    -Sinon je pense qu'il serai possible d'ajouter des données dans la base de données sans passer par le tableau (par exemple un <div>) et rafraichir le tableau kan la saisie dans le <div> est fini.
    Cela éviterai le problème de l'ajout de ligne dans le tableau dynamique (Répétition des données déjà dans le tableau, cela pose un problème)

    Merci pour votre aide..

  2. #2
    Membre Expert Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Par défaut
    En gardant la structure de ta page comme elle est actuellement:

    Pour supprimer les lignes, c'est simple:
    quand on clique sur ton lien, tu lances une requete Ajax avec en paramètre l'id (au sens base de données) de la ligne que tu veux supprimer. La suppression se fait normalement sur ton serveur en récupérant ce paramètre.

    Pour ajouter une ligne, c'est pareil:
    quand on clique sur ton lien, tu récupères en javascript les valeurs qui ont été entrées par l'utilisateur dans les champs, tu les colles en paramètre de ta requete, et une fois sur le serveur, tu les récupères et ajoute ta ligne normalement.

  3. #3
    Candidat au Club
    Inscrit en
    Octobre 2008
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 2
    Par défaut
    Bon je vais tester ça...

    1- Mon tableau :

    |--------|----- |------ |----- |
    | prenom | nom | phone | item |
    |--------|----- |-------|----- |------- |
    |.<data>.|.......|..........|........| Delete |
    |--------|-----|-------|------|--------| ---> Tableau avec les données
    |.<data>.|.......|..........|....... | Delete |
    |--------|-----|-------|------|--------|


    |---------|---------|----------|----------|---------|
    |............ |........... | .............|..............| ...Add... | --> <div> <table> <input>... </table> </div>
    |---------|---------|----------|----------|---------|


    2- Les étapes :


    - Lecture de la base de données (FAIT)
    Création du tableau.
    Remplissage des <input> avec le PHP.

    - Effacer les données
    Click sur Delete : prend l'ID de la ligne et efface les infos dans la BDD (third_party + concerne).
    Rafraichir le Tableau.

    - Ajouter des données
    Click sur Add : si prénom et nom vide, pas d'ajout. Sinon les donnes présentes dans le <div> sont ajoutées a la BDD (third_party + concerne) et ensuite le <div> se réinitialise (<input> vide).
    Rafraichir le tableau.

    3- Conclusion :

    Je vais donc essayer d'utiliser AJAX pour interagir avec ma BDD. Mais je vais chercher des exemples ou des tutos parce que l'AJAX, c'est assez nouveau pour moi..

    Merci de m'avoir éclairci les idées..

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

Discussions similaires

  1. Tableau dynamique (Ajax)
    Par sliderman dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 26/05/2008, 17h56
  2. Tableau dynamique (Ajax)
    Par sliderman dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 23/05/2008, 22h16
  3. [AJAX] Div dynamique AJAX. Sous IE, les images ne s'affichent pas
    Par N3odyme dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/12/2006, 20h56
  4. [AJAX] 2 scripts AJAX (contenu dynamique)
    Par Mith55 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 11/11/2006, 22h14
  5. [AJAX] Menu dynamique AJAX
    Par outlawz dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 04/07/2006, 15h13

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