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

jQuery Discussion :

Récupérer la position du scroll pour la réutiliser


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut Récupérer la position du scroll pour la réutiliser
    Salut,
    dans mon chat je souhaite que lors des rafraichissements le scroll reste inchangé. Le contenu est modifié mais le scroll doit pas revenir en bas ni en haut.
    Je veux donc récupérer sa position pour la réutiliser.
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    function rafraichirmsg(d){
    	var scroll = $('#messages').scrollTop();#je sauve mon scroll
    	desti = d;
    	clearTimeout(timer);
            $.ajax({
    	type: 'POST',
    	url: 'chatmsg.php',
    	data: {d: d},
    	success: function(b) {
    		if(d!='conx'){
    			timer = setTimeout(function(){ rafraichirmsg(d); }, 3000);
    		}
    	$('#messages').html(b);#contenu modifié
    	var elt = document.getElementById("messages");
    	elt.scrollTop=elt.scroll;#je récupère mon scroll
    	}
    });

    Ça fonctionne pas comment faire s'il vous plait ?
    Pour l'instant ça remet le scroll tout en haut de la page à chaque rafraichissement...

    EDIT :
    Je me suis aperçu que y avait pas besoin de faire ça.
    Donc meme si mon contenu est modifié le scroll bouge pas !
    C'est bien si je suis en haut de la div pour ne pas redescendre. SAUF si je suis en bas de la div parce que si on m'envoie un message alors le scroll ne bouge pas... donc bah le message est caché en bas et il faut manuellement descendre (quelques pixels) et c'est embêtant en discussion instantanés !

    Quelqu'un aurait une idée pour scroll vers le bas uniquement si [un message est reçu]/[on est déjà en bas]
    Les deux propositions entre crochets sont équivalentes parce que je souhaite faire ça seulement quand on est déjà en bas :
    on est en bas de la div, un message arrive et BIM on veut pas qu'il se cache donc le scroll descend.

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Juillet 2014
    Messages : 78
    Par défaut
    Salut

    Je ne suis pas sur mais peut être avec un système d'ancre?

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    les # sont dans ton code ???
    # n'est pas le caractère des commentaires en js ...


    sinon tu récupères
    et tu attibues


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     elt.scrollTop=elt.scroll
    pourquoi repasser par js .???


    =>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#messages').scrollTop(scroll)
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut
    Merci,
    nan dsl pour les commentaires bizarres.
    Sinon c'est pas ça, dans mon message je précise :
    Je me suis aperçu que y avait pas besoin de faire ça.
    Donc meme si mon contenu est modifié le scroll bouge pas !
    C'est bien si je suis en haut de la div pour ne pas redescendre. SAUF si je suis en bas de la div parce que si on m'envoie un message alors le scroll ne bouge pas... donc bah le message est caché en bas et il faut manuellement descendre (quelques pixels) et c'est embêtant en discussion instantanés !

    Quelqu'un aurait une idée pour scroll vers le bas uniquement si [un message est reçu]/[on est déjà en bas]
    Les deux propositions entre crochets sont équivalentes parce que je souhaite faire ça seulement quand on est déjà en bas :
    on est en bas de la div, un message arrive et BIM on veut pas qu'il se cache donc le scroll descend.

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    scrollTop = scrollHeight ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre très actif
    Profil pro
    Inscrit en
    Juillet 2013
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 299
    Par défaut
    Mais non ! Il faut lire ce que j'ai écrit...
    C'est pas aussi simple !
    Il y a un test à faire déjà...
    en gros je crois que je vais abandonner et trouver un autre moyen. J'ai l'impression que le javascript s'execute pas de haut en bas

Discussions similaires

  1. Récupérer les N°Id supprimés pour les réutiliser
    Par macakou99 dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 10/09/2012, 22h15
  2. Réponses: 3
    Dernier message: 27/05/2010, 23h36
  3. Réponses: 8
    Dernier message: 28/04/2008, 13h28
  4. Réponses: 27
    Dernier message: 19/09/2006, 09h51
  5. Réponses: 3
    Dernier message: 04/08/2004, 19h48

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