purdey
Goto Top

Reload einer Liste und trotzdem toogle Funktionalität ala Facebook

Hallo ich würde gern für ein Projekt auch eine FB ähnliche Footerlösung anstreben.
Dies gelung mit mit diesem Tutoria http://www.sohtanaka.com/web-design/...-panel-part-1/ auch recht gut.
Um nun die tatsächlich sich im System angemeldeten User darzustellen muss diese Box rechts unten (#chatpanel) immer wieder neu geladen werden. Dazu verwende ich aktuell:

    <script>
     $(document).ready(function() {
         $("#chatpanel").load("subpages/chatpanel_count.php");  
       var refreshId = setInterval(function() {
          $("#chatpanel").load('subpages/chatpanel_count.php?randval='+ Math.random());  
       }, 100000);
    </script>
     
    <li id="chatpanel"></li>  

die aufgerufene Datei chatpanel_count.php führt nun einen SQL Befehl aus und soll später die Liste der User, welche aktuell im System sind darstellen. Die Daten aus der DB holen ist kein Problem.

chatpanel_count.php


    <?php
    include_once('../sessionhelpers.inc.php');  
    $sql = mysql_query("SELECT * FROM users WHERE UserSession <> ''");  
    $record_count=mysql_num_rows($sql);
    ?>
     
    <a href="#" class="chat">Benutzer (<strong><? echo $record_count; ?></strong>) </a>  
        <div class="subpanel">  
            <h3><span> &ndash; </span>Niederlassung</h3>
            <ul>
                <li><span>Administratoren</span></li>
                <li><a href="#"><img src="images/userpics/us2_50x50.jpg" alt="" />User1 </a></li>  
                <li><a href="#"><img src="images/userpics/u1_50x50.jpg" alt="" /> User2</a></li>  
            </ul>
        </div>

Doch leider scheinen sich der Toogle Effekt aus dem Tutorial (Link oben) und das reload script nicht zu vertragen. Wie kann ich die angemeldeten User ausgeben und den Toogle Effekt nutzen, den es soll auch ersichtlich sein wer ist angemeldet, um mit dieser Person kontakt aufzunehmen. Für Hilfestellungen wäre ich sehr dankbar.

Content-Key: 164256

Url: https://administrator.de/contentid/164256

Printed on: April 23, 2024 at 18:04 o'clock