Besuchern Ihres Flirt-Portals Einblick in Chat-Räume gewähren

Der Chat kann von Besuchern Ihres Flirt-Portals nicht genutzt werden. Lediglich eingeloggten Usern steht der Chat zur Verfügung. Möchten Sie nicht angemeldeten Besuchern Ihrer Singebörse eine Liste der aktiven Chat-Räume anzeigen lassen und sie bei Klick auf einen Chat-Raum-Namen zum Anmeldeformular weiterleiten, können Sie nachfolgend beschriebenes kleines Script verwenden. Wie das in der Praxis aussehen kann, können Sie unter https://www.catflirt.de/chat.html begutachten.

JavaScript zur Unterscheidung zwischen Besuchern und eingeloggten Usern

Um Besuchern Einsicht in eine Liste auf Ihrer Flirt-Community aktiver Chat-Räume zu gewähren sind wenige, einfache Schritte nötig:

  1. Erstellen Sie eine neue Datei mit Namen navi.js.
  2. Öffnen Sie die Datei mit Ihrem Editor.
  3. Kopieren Sie folgenden Code in die Datei:

    function zeig_chat(login,link){
    switch (login){
    case "ja":
    window.open(link,'Chat','width=800,height=600');
    break;
    default:
    window.location.href='live-chat.php';
        }
    return false;
        }

Dabei ist 800 durch die gewünschte Breite der Chat-Fenster und 600 durch deren Höhe zu ersetzen. Die Angaben zu Breite und Höhe der Chat-Fenster spielen jedoch nur für eingeloggte User eine Rolle.

  1. Speichern Sie die Datei.
  2. Laden Sie die Datei mit Ihrem FTP-Programm in das js-Verzeichnis der Software.

JavaScript-Datei einbinden

Damit die eben erstellte navi.js-Datei vom Webbrowser von Besuchern und Usern erkannt wird, muss auf sie im Kopf-Bereich Ihres Flirt-Portals verwiesen werden. Gehen Sie dazu wie folgt vor:

  1. Laden Sie die Datei templates/de/header.html mit Ihrem FTP-Programm herunter und fertigen Sie eine Sicherungskopie der Datei an.
  2. Öffnen Sie die Datei mit einem Text-Editor.
  3. Suchen Sie nach dem Ausdruck
    </head>

    und fügen Sie vor

    </head>

    nachfolgende Zeile ein:

    <script type="text/javascript" src="./js/navi.js"></script>
  4. Speichern Sie die geänderte Datei und laden Sie sie mit Ihrem FTP-Programm an Stelle der alten Datei in das templates/de-Verzeichnis.

JavaScript/AJAX zur automatischen Aktualisierung der Chat-Raum-Liste

Damit die von der weiter unten beschriebenen live-chat.php angezeigten Chat-Räume bei Aufruf der Datei automatisch aktualisiert werden, wird folgende Datei benötigt:

  1. Erstellen Sie eine neue Datei mit Namen ajax_live_chat.js.
  2. Öffnen Sie die Datei mit Ihrem Editor.
  3. Kopieren Sie folgenden Code in die Datei:

    function ajax_live_chat(){
    resObjekt_live_chat.open('get','./live-chat.php?ajax=true&sprache=de',true);
    resObjekt_live_chat.onreadystatechange=ajax_live_chat_update;
    resObjekt_live_chat.send(null);
    window.setTimeout("ajax_live_chat()",9000);
        }
    function ajax_live_chat_update(){
    if(resObjekt_live_chat.readyState==4){
    document.getElementById("ajax_live_chat_div").innerHTML=resObjekt_live_chat.responseText;
        }
        }
    resObjekt_live_chat=erzXMLHttpRequestObject();
    

Die Zahl 9000 im Code bewirkt die Aktualisierung der angezeigten Chat-Räume im 9-Sekunden-Rhythmus.

  1. Speichern Sie die Datei.
  2. Laden Sie die Datei mit Ihrem FTP-Programm in das js-Verzeichnis der Software.

Die live-chat.php-Datei

Die live-chat.php-Datei ist für die eigentliche Anzeige der Chat-Räume zuständig.

  1. Erstellen Sie eine neue Datei mit Namen live-chat.php.
  2. Öffnen Sie die Datei mit Ihrem Editor.
  3. Kopieren Sie folgenden Code in die Datei:

    <?php
    if (isset($_GET['ajax'])){
    include("./includes/server.php");
    include("./includes/styles.php");
    mysql_connect($dbhost,$dbuser,$dbpass);
    mysql_select_db($dbname);
    $sprache="de";
        }else{
    include("./includes/config.php");
    $tpl_onload_action="window.setTimeout('ajax_live_chat()',12000);";
    $tpl_javascript="<script type="text/javascript" src="./js/ajax.js"></script>
    <script type="text/javascript" src="./js/ajax_live_chat.js"></script>n";
    $stadd="Live-Chat";
    include("./includes/header.php");
    echo $std_tab1."Chat".$std_tab2;
    // Allgemeine
    ?>
    <br />
    &nbsp;
    <div id="ajax_live_chat_div">
    <?php }
    include("./includes/chat_raeume_".$sprache.".php"); ?>
    <table style="width:90%;" align="center">
    <tr>
    <td colspan="2">
    <?= $kl_tab1; ?>Allgemeine Chat-Räume<?= $kl_tab2; ?>
    </td>
    </tr>
    <?php
    $c=0;
    $tpl_chat_raum_auswahl_raeume="";
    $query="select * from ".$dbpre."chat_raeume";
    $res=mysql_query($query);
    if ($res){while($date=mysql_fetch_assoc($res)){
    $chat_raum_counter[$date['id']]=$date['counter'];
        }}
    if (isset($chat_raum_name)){
    foreach ($chat_raum_name as $chat_raum_id => $chat_raum_namex){
    ?>
    <td style="width:50%;text-align:left;height:24px;"><b"><a href="anmeldung.php"><?php
    if (isset($_GET['ajax'])){echo utf8_encode($chat_raum_namex[$sprache]);}else{echo $chat_raum_namex[$sprache];}
    ?>
    </a></b> <?= $kl_font; ?>(<?= $chat_raum_counter[$chat_raum_id]; ?>)</font></td>
    <?php
    $c++;
    if ($c==2){$c=0;?></tr><tr><?php }
        }}
    ?>
    </table>
    <br />
    <table style="width:90%;" align="center">
    <tr>
    <td colspan="2">
    <?= $kl_tab1; ?>Regionale Chat-Räume<?= $kl_tab2; ?>
    </td>
    </tr>
    <?php
    $c=0;
    $tpl_chat_raum_auswahl_raeume="";
    $query="select * from ".$dbpre."chat_raeume_dyn order by name asc";
    $res=mysql_query($query);
    if ($res){while($date=mysql_fetch_assoc($res)){
    ?><td style="width:50%;text-align:left;height:24px;"><b><a href="anmeldung.php"><?php
    if (isset($_GET['ajax'])){echo utf8_encode($date['name']);}else{echo $date['name'];}
    ?>
    </a></b> <?= $kl_font; ?>(<?= $date['counter']; ?>)</font></td>
    <?php
    $c++;
    if ($c==2){$c=0;?></tr><tr><?php }
        }}
    ?>
    <tr>
    <td colspan="2" style="text-align:left;height:24px;"><b><a href="anmeldung.php">Mehr...</a></b></td>
    </tr>
    </table>
    <br />
    <?php
    if (!isset($_GET['ajax'])){
    ?>
    </div>
    <br />
    <?php
    echo $std_tab3;
    include("./includes/footer.php");
        }
    ?>
    
  4. Speichern Sie die Datei.
  5. Laden Sie die Datei mit Ihrem FTP-Programm in das Haupt-Verzeichnis der Software.

Link zur Datei einfügen

Bei der Integration des Links zur neu erstellten Datei orientieren Sie sich bitte an der ausführlichen Anleitung zum Hinzufügen neuer Menüpunkte. Der einzubindende Link ist so aufgebaut:

<a href="live-chat.php" onclick="return zeig_chat('<?= $login; ?>','<?= gurl("chat.php?user=".$user."&pass=".$pass."&sprache=".$sprache);?>');">Chat</a>

Nach Einfügen des Links zur live-chat.php-Datei ist die Integration abgeschlossen. Besuchern sollten nun die aktuell auf Ihrem Dating-Portal verfügbaren Chat-Räume angezeigt werden, während eingeloggte User durch Klick auf Chat direkt zu selbigem gelangen.

Siehe auch