[AJAX] Shout, j/w Opcje

[wizard144]

Zrobiłem shoutbox który odświeżam za pomocą Crona co 5 sekund. Niestety wygląda to dosyć mało estetycznie.

Wiem że powinienem zajrzeć do dokumentacji Ajaxa ale problem w tym że z advAjax nic nie rozumiem -> brak podstaw js.

Czy mógłby mnie ktoś nakierować ? Wiem że setInterval jest tu niezbędne ale interesują mnie zapytania jquery. Jak to zrobić aby zżeralo jak najmniej "trasferu"... żeby po prostu nie muliło.

Pozdrawiam!

[v1t4n]

Nie napisales czy masz blad ale ja na twoim miejscu odszedlbym od ramek:

Pokaze ci co ja mam i jak mi to dziala

shoutbox.js:

Kod

function shoutbox(){
    var boxik = getById('sb');
    //alert('dupa');
    advAJAX.get({
        url: "modules/shoutbox.php",
        onSuccess : function(obj) {
            boxik.innerHTML = obj.responseText;
            boxik.style.overflow = 'auto';
            setTimeout("shoutbox()", 10000);
        },
        onError : function(obj) { alert("Error: " + obj.status); }
    });
    //boxik.innerHTML = a
}

function shoutboxAddText(){
    var texcik = getById('inText');
    advAJAX.get({
        url: "modules/shoutbox_add_text.php",
        parameters: {
            'PHPSESSID' : getCookie('PHPSESSID'),
            'text' : texcik.value
        },
        onSuccess : function(obj) {
            shoutbox();
            texcik.value = '';
        },
        onError : function(obj) { alert("Error: " + obj.status); }
    });
}

index.php (w body nadal zostaje onload="shoutbox()";):

[PHP] pobierz, plaintext 
<div class="shoutbox" id="sb"></div>
            <div class="shoutbox-3">
                <?php
                    if ($_SESSION['logged_in']) {
                        print '
                        <form>
                            <input type="text" style="width:200px;" id="inText"/><br/>
                            <input type="button" value="Dodaj" onClick="shoutboxAddText();"/>
                        </form>';
                    } else print 'Musisz się zalogować by móc bluzgać na Shoutboxie.'
                ?>
            </div>
[PHP] pobierz, plaintext 

shoutbox.php:

[PHP] pobierz, plaintext 
<?php
$sql1 = "SELECT s.author, u.nickname, s.text, (SELECT COUNT(f.id) FROM files_info f WHERE f.author = s.author) AS uc FROM `shoutbox` s, users u WHERE u.id = s.author ORDER BY s.`id` DESC LIMIT 0,20";
$sql2 = mysql_query($sql1);
$a=1;
while($row = mysql_fetch_array($sql2)){
    print '<div class="shoutbox-'.($a%2).'">'.user_link($row[1], $row[0], $row[3]).': '.$row[2].'</div>';
    $a++;
}
?>
[PHP] pobierz, plaintext 

shoutbox_add_text.php:

[PHP] pobierz, plaintext 
<?php
$login = $_SESSION['login'];
$pass = $_SESSION['password'];
if (!empty($login)&&!empty($pass)) {
    $user = mysql_fetch_row(mysql_query("SELECT `user` FROM `accounts` WHERE MD5(`login`) = '$login' AND MD5(`password`) = '$pass' LIMIT 0,1"));
    if ($user[0]) {
        $text = $_GET['text'];
        if (!empty($text)) {
            $datestamp = mktime();
            $asd = mysql_query("INSERT INTO `shoutbox` (`author`, `text`, `date`) VALUES ('$user[0]', '$text', $datestamp)");
            $xaxa = $asd == true ? '1' : '5';
            print $xaxa;
        } else print '4';
    } else print '3';
} else print '2';
?>
[PHP] pobierz, plaintext 

shoutbox_add_text zwraca wartosc 1 jesli wszystko dziala - jesli cos nie dziala to mozna latwo podejzec co po nr bledu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

shoutbox.css:

Kod

div.shoutbox {
    border:2px solid #777;
    width:200px;
    height:350px;
    background-color:#eee;
    overflow:auto;
}

div.shoutbox-1 {
    padding:2px;
    background-color:#ccc;
}
div.shoutbox-0 {
    padding:2px;
    background-color:#ddd;
}

div.shoutbox-3 {
    width:204px;
    color:#eee;
}

tabela w bazie:
id (INDEX, smallint, auto_increment)|author (tinyint)|text (text)|date (int)


Potrzebujesz jeszcze advAjaX i funkcje w JS do ciastek:

Kod

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
return "";
}