[MySQL][PHP] "Uajaxowienie" Czatu. Opcje

[bartek4175]

Witam! Chciałbym zrobić aby mój czas sam się odświeżał co 5 sekund. ale tak płynnie ajaxem. i aby przy wysyłaniu wiadomości nie przeładowywała się strona.

Kod:

[PHP] pobierz, plaintext 
<?php
require_once("../zapytania.php");
 mysql_connect ("mysql3.superhost.pl","sh178151_admin","xxx"); //łącze z bazą ("serwer bazy","użytkownik","hasło")
 mysql_select_db ("sh178151_bartek4175"); //nazwa bazy
 mysql_query ("SET NAMES utf8"); //kodowanie znaków przydatne przy pobieraniu treści
 
 function emotki($string) {
 
 $emotikony = array(":D" => "http://firegifts.pl/images/emoticons/smilie5.gif",":)" => "http://firegifts.pl/images/emoticons/wink.gif", "lol2" => "http://emotikona.pl/emotikony/pic/01icon_lol2.gif", ":(" => "http://emotikona.pl/emotikony/pic/0sad.gif", ":P" => "http://emotikona.pl/emotikony/pic/0tongue.gif", "kurwa" => "http://firegifts.pl/images/emoticons/censored.gif", "huj" => "http://firegifts.pl/images/emoticons/censored.gif", "google" => "http://emotikona.pl/emotikony/pic/14icon_google.gif");
 foreach($emotikony as $tekst => $grafika) $string = str_replace($tekst,'<img src="'.$grafika.'" />',$string);
 
return $string;
}
$admin = mysql_query("SELECT * FROM users WHERE id = ".$data['id']."") or die;
 
 
 
?><?
 
 
 
 
 
 
if(isset($_POST['wyslij']) && !empty($_POST['login']) && !empty($_POST['tresc']))
{
	//Definicja zmiennych
	$login = mysql_real_escape_string(htmlspecialchars($_POST['login']));
	$tresc = mysql_real_escape_string(htmlspecialchars($_POST['tresc']));
	$data = date('Y-m-d H:i:s');
	$ip = $_SERVER['REMOTE_ADDR'];
 
	//Wykonujemy zapytanie importujące zdefiniowane dane
	mysql_query ("INSERT INTO `posty` (`login`, `tresc`, `data`, `ip`) VALUES('$login', '$tresc', '$data', '$ip')");
 
	//No i przenosimy użytkownika z powrotem do shoutboxa
	header('Location: '.$_SERVER['REQUEST_URI']);
}
else {
	//Pobieramy dane z bazy
	$query = mysql_query ("SELECT * FROM `posty` ORDER BY `data` DESC LIMIT 10"); 
	//Początek struktury tabeli
	echo '<table id="shoutbox">';
	//Pętla do wyświetlenia wszystkich wpisów
	while($shout=mysql_fetch_array($query)) { 
		echo emotki('<tr class="wpis"><td>'
		.'<b>  ');      
 
		echo emotki(''.$shout['login'].':</b></span> ' //wyświetlamy nick
		.$shout['tresc'] //wyświetlamy treść
		.'<br/><span class="data">'
		.$shout['data'] //wyświetlamy datę
		.'</span> '); 
 
			if (($data['admin']) == 1){
			if (isset($_GET['akcja']))
            {
                switch ($_GET['akcja'])
                {
                  case 'usun':
                                           mysql_query("DELETE FROM `posty` WHERE id = '" . (int)$_GET['id'] . "'") or die(mysql_error());
 
                        break;
                }
            }
		?><a href="/chat/index.php?akcja=usun&id=<? echo''.$shout['id'].''; ?> "> <span style="color:red;"><b>X</b></a></span><?
		}
		if (($data['admin']) == 1){
if (isset($_GET['akcja']))
            {
                switch ($_GET['akcja'])
                {
                  case 'spamer':
                     mysql_query("UPDATE `users` SET spamer='1' WHERE `login` = '".$_GET['login']."'") or die(mysql_error());
 
 
                        break;
                }
            }
		?><a href="/chat/index.php?akcja=spamer&login=<? echo''.$shout['login'].''; ?> "> <span style="color:green;"><b>S</b></a></span><?
		}
		echo emotki('</tr></td>');
	}  // 
 
 
	//Koniec struktury tabeli
	echo '</table>'; 
 
} 
 
 
 
//print_r($_SERVER);
 if($data['spamer'] == 1){
 echo "<b><center>Posiadasz Status Spamera!</center></b>";
 } else {?>
<form action="" method="POST" id="shoutbox">
<?php  require_once("../zapytania.php"); echo'<input type="hidden" name="login" value="'.$data['login'].'" />'; ?><br/>
Treść: <input type="text" name="tresc" maxlength="125" />
<button type="submit" name="wyslij">Napisz</button>
</form>
<?
}
?>
[PHP] pobierz, plaintext 

[nospor]

No to wypadaloby zapoznac sie z ajaxem. Uzyj jQuery

[bartek4175]

No to wypadaloby zapoznac sie z ajaxem. Uzyj jQuery

A jest jakiś konkretny poradnik?

[nospor]

Tak, dokumentacja jQuery. Korzystanie z ajax przy pomocy jQuery to bulka z maslem. Wykonaj wpierw przyklady podane przez nich, zrozum o co chodzi, potem zajmiesz sie swoim czatem

[Turson]

Ostatnio pisałem chat, więc możesz zobaczyć jak to wygląda.

[bartek4175]

Tak, dokumentacja jQuery. Korzystanie z ajax przy pomocy jQuery to bulka z maslem. Wykonaj wpierw przyklady podane przez nich, zrozum o co chodzi, potem zajmiesz sie swoim czatem

Mam skrypcik:

[PHP] pobierz, plaintext 
echo "<body>\n";
echo '<p id="licznik">Dziś jest '.date("d-m").', godzina '.date("H:i:s") ?>
</p><?
echo "</body>\n";
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
        var set = setInterval(function(){
        $("p#licznik").load(location.href);
    }, 1000);
 
});
</script>
[PHP] pobierz, plaintext 

ale nie odświeża czasu

Ten post edytował bartek4175 1.02.2014, 17:28:20

[Turson]

A w ogóle dodałeś bibliotekę jquery do sekcji <head> dokumentu?

[nospor]

A skad wytrzasnales ten kod? Bo jest srednio fajny...na pewno nie wprowadziles wlasnych zmian?

[bartek4175]

A w ogóle dodałeś bibliotekę jquery do sekcji <head> dokumentu?

No nie A jak to zrobić? Podstawy (

[Turson]

[HTML] pobierz, plaintext 
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
[HTML] pobierz, plaintext 

Ten post edytował Turson 1.02.2014, 17:37:40

[bartek4175]

podpiąłem pod zapytanie i ciągle pojawia mi się nowe i znika nie tego chciałem ...