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] Formulaire en lightbox


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2012
    Messages
    143
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 143
    Par défaut [AJAX] Formulaire en lightbox
    Bonjour,

    Je souhaite me lancer dans un formulaire en lightbox.
    Je viens vous demander quelques conseils avant de débuter afin de partir proprement.

    Actuellement j'ai une liste de produits. Chaque produit possède un id, un titre, une description et une photo.
    Dans ma page index j'affiche la liste des titres produit.

    Maintenant je souhaite m'attaquer à l'ajout et à la modification de produit mais à l'aide d'un formulaire qui apparait en lightbox, (pour faire quelque chose de sympa, car ouvrir une nouvelle page bof de plus ceci me permet de me former à jquery Ajax )

    J'aimerai que quand on double clique sur le titre d'un produit ceci ouvre la lightbox formulaire, renseignée avec les valeurs du produit (ou vide s'il s'agit d'un nouvel ajout)
    La ou je demande votre aide c'est ou je met ma div formulaire.
    Dans la page index, ou est ce que je l'affiche en faisant un appel AJAX?
    (Je précise qu'ensuite il faut que je récupére les données pour renseigner mas BDD.)

    Si tous ce que je dis semble incohérent et qu'il ne faut pas faire comme ça merci de m'aiguiller.

    Merci d'avance

  2. #2
    Expert éminent
    Avatar de CinePhil
    Homme Profil pro
    Ingénieur d'études en informatique
    Inscrit en
    Août 2006
    Messages
    16 814
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur d'études en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2006
    Messages : 16 814
    Billets dans le blog
    14
    Par défaut
    Tu peux mettre le formulaire dans ta page d'affichage, dans une div avec en CSS display: none;
    Le double clic lance la lightbox à laquelle tu donnes le contenu de la div du formulaire.
    L'action du formulaire lance le programme Ajax qui va ajouter le nouveau produit renseigné.
    Philippe Leménager. Ingénieur d'étude à l'École Nationale Supérieure de Formation de l'Enseignement Agricole, en retraite... mais toujours Autoentrepreneur à l'occasion.
    Mon ancien blog sur la conception des BDD, le langage SQL, le PHP... et mon nouveau blog sur les mêmes sujets.
    « Ce que l'on conçoit bien s'énonce clairement, et les mots pour le dire arrivent aisément ». (Nicolas Boileau)
    À la maison comme au bureau, j'utilise la suite Linux Mageïa !

Discussions similaires

  1. [AJAX] Formulaire inscription ..
    Par Lunthear dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/03/2007, 12h35
  2. [AJAX] createElement et lightbox
    Par Malarkey dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 19/01/2007, 11h55
  3. [AJAX] Formulaire en AJAX
    Par myriam.kone dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/11/2006, 13h41
  4. [AJAX] Ajax, formulaire, div et select
    Par n8ken dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 23/09/2006, 10h51
  5. [AJAX] Formulaire prépopuler avec du ajax dans la page
    Par shwin dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 31/10/2005, 15h37

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