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 :

Aide pour personnaliser un chat (autoscroll)


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 30
    Par défaut Aide pour personnaliser un chat (autoscroll)
    bonjour,

    j'ai intégrer un chat à mon blog
    http://www.linuxuser.at/chat/index.html

    Mais comme je n'y connais rien j'ai beaucoup de mal à personnaliser ses fonctions.

    Dans un 1er temps je cherche à forcer la fenêtre du chat à afficher le dernier message pour ne pas avoir à descendre en permanence l'ascenseur

    peut-être que le code suivant est un début de solution ?

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    var intElemScrollHeight = document.getElementById('id').scrollHeight;

    si c'est le bon code (?) je ne sais pas ou l'utiliser non plus...

    voici le javascript de mon chat:

    Code : 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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
     
     
    <script type="text/javascript">
    /****************************************************************
     * Most Simple Ajax Chat Script (www.linuxuser.at)		*
     * Version: 3.1							*
     * 								*
     * Author: Chris (chris[at]linuxuser.at)			*
     * Contributors: Derek, BlueScreenJunky (http://forums.linuxuser.at/viewtopic.php?f=6&t=17)
     *								*
     * Licence: GPLv2						*
     ****************************************************************/
     
    /* Settings you might want to define */
    	var waittime=800;		
     
    /* Internal Variables & Stuff */
    	document.getElementById("chatmsg");
    	/*chatmsg.focus()*/
    	document.getElementById("chatwindow").innerHTML = "chargement...";
     
    	var xmlhttp = false;
    	var xmlhttp2 = false;
     
     
    /* Request for Reading the Chat Content */
    function ajax_read(url) {
    	if(window.XMLHttpRequest){
    		xmlhttp=new XMLHttpRequest();
    		if(xmlhttp.overrideMimeType){
    			xmlhttp.overrideMimeType('text/xml');
    		}
    	} else if(window.ActiveXObject){
    		try{
    			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
    		} catch(e) {
    			try{
    				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    			} catch(e){
    			}
    		}
    	}
     
    	if(!xmlhttp) {
    		alert('Giving up :( Cannot create an XMLHTTP instance');
    		return false;
    	}
     
    	xmlhttp.onreadystatechange = function() {
    	if (xmlhttp.readyState==4) {
    		document.getElementById("chatwindow").innerHTML = xmlhttp.responseText;
     
    		zeit = new Date(); 
    		ms = (zeit.getHours() * 24 * 60 * 1000) + (zeit.getMinutes() * 60 * 1000) + (zeit.getSeconds() * 1000) + zeit.getMilliseconds(); 
    		intUpdate = setTimeout("ajax_read('chat.txt?x=" + ms + "')", waittime)
    		}
    	}
     
    	xmlhttp.open('GET',url,true);
    	xmlhttp.send(null);
    }
     
     
    /* Request for Writing the Message */
    function ajax_write(url){
    	if(window.XMLHttpRequest){
    		xmlhttp2=new XMLHttpRequest();
    		if(xmlhttp2.overrideMimeType){
    			xmlhttp2.overrideMimeType('text/xml');
    		}
    	} else if(window.ActiveXObject){
    		try{
    			xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP");
    		} catch(e) {
    			try{
    				xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
    			} catch(e){
    			}
    		}
    	}
     
    	if(!xmlhttp2) {
    		alert('Giving up :( Cannot create an XMLHTTP instance');
    		return false;
    	}
     
    	xmlhttp2.open('GET',url,true);
    	xmlhttp2.send(null);
    }
     
    /* Submit the Message */
    function submit_msg(){
    	nick = document.getElementById("chatnick").value;
    	msg = document.getElementById("chatmsg").value;
     
    	if (nick == "") { 
    		check = prompt("please enter username:"); 
    		if (check === null) return 0; 
    		if (check == "") check = "anonymous"; 
    		document.getElementById("chatnick").value = check;
    		nick = check;
    	} 
     
    	document.getElementById("chatmsg").value = "";
    	ajax_write("chat.php?m=" + msg + "&n=" + nick);
    }
     
    /* Check if Enter is pressed */
    function keyup(arg1) { 
    	if (arg1 == 13) submit_msg(); 
    }
     
    /* Start the Requests! ;) */
    var intUpdate = setTimeout("ajax_read('chat.txt')", waittime);
     
    </script>
    si quelqu'un peut m'aider merci d'avance

    ++

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 201
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 201
    Par défaut
    l'utilisation de scrollHeight est effectivement la bonne piste
    une fois que tu as mis à jour le contenu il te faut scroller le conteneur...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var oDiv = document.getElementById('id_conteneur');
    oDiv.scrollTop = oDiv.scrollHeight;

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 30
    Par défaut
    ok c'est bon ça marche, je l'avais placé au mauvais endroit
    merci pour votre aide !

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

Discussions similaires

  1. Aide pour personnalisation du lecteur YouTube
    Par qwertz1 dans le forum Débuter
    Réponses: 0
    Dernier message: 27/05/2012, 17h25
  2. Aide pour un CHAT RMI en java
    Par dtom99 dans le forum Débuter avec Java
    Réponses: 1
    Dernier message: 07/11/2008, 17h08
  3. demande aide pour un chat
    Par sebdu30 dans le forum Autres
    Réponses: 0
    Dernier message: 30/08/2008, 16h50
  4. besoin d'aide pour personnalisation scrollbar sous firefox
    Par vachefolle91 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 05/03/2008, 17h57
  5. [vBulletin] Besoin d'aide pour une personnalisation de mon forum
    Par Limerick dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 6
    Dernier message: 04/11/2006, 08h29

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