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] Organisation des DIVs


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2010
    Messages : 20
    Par défaut [AJAX] Organisation des DIVs
    Bonjour tout le monde,

    Je débute en Ajax, et je n'arrive pas à résoudre un problème depuis quelques jours.
    Au fait, j'ai deux pages l'une à côté de l'autre.
    Chaque page a un contenu, qui est présenté sous forme de DIV.
    Ce que je voulais, c'est d'automatiser l'organisation des DIV.
    Par exemple, lorsque la page de gauche sera pleine, le contenu passe automatiquement sur la page de droite.
    J'aimerais juste avoir des pistes.

    Merci.

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Salut,
    c'est une étrange idée… Ce n'est pas forcément pratique pour l'utilisateur d'avoir à jongler entre deux fenêtres. Mais pourquoi pas, allons-y !

    Alors j'ai quelques idées comme ça, pas forcément bonnes ni mauvaises, mais je propose :
    – compter le nombre de divs à chaque fois que tu en rajoutes ou que tu en retires ;
    – mesurer la hauteur de la page avec window.innerHeight ;
    – un mix entre les deux, mesurer la hauteur cumulée de toutes tes divs ;
    – etc.

    Après, il faut que tu choisisses un moyen de représenter les données (est-ce qu'elles viennent toutes du serveur, est-ce que leur contenu est variable, est-ce que tu contrôles absolument tous les changements de contenu, etc.).
    Le scénario, en gros, c'est :

    0. La page B fait des requêtes périodiques pour savoir s'il y a une div à rajouter,
    1. tu détectes que la page A est pleine,
    2. tu envoies la div à déplacer au serveur via AJAX,
    3. la page B reçoit cette div à la suite d'une de ses requêtes périodiques, et l'insère dans son DOM.

    J'espère que ces quelques pistes te feront déjà avancer
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2010
    Messages : 20
    Par défaut
    Voici ce que j ai fait jusqu a date , mais je suis completement bloque
    Je travail en generale sur un test sur le Mobile, et j utilize une biblio sencha
    Vous avez besoin juste d un navigateur googleChrome pour tester
    Merci
    Fichiers attachés Fichiers attachés

Discussions similaires

  1. Réponses: 2
    Dernier message: 04/08/2009, 14h01
  2. Réponses: 6
    Dernier message: 25/03/2009, 18h18
  3. Réponses: 2
    Dernier message: 15/11/2007, 09h37
  4. [AJAX] Rafraîchir deux div à des intervals différents
    Par Invité dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/11/2007, 13h58
  5. [AJAX/JSP] Insertion de code jsp dans des div
    Par Fitz Mallory dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/12/2006, 17h22

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