javascript - guide til ajax opdatering - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

<< < 1 2 > >>

Bruger #14124 @ 18.05.09 16:44

Hejsa alle.

Er der nogen der kender en god guide på dansk eller engelsk, hvor der bliver forklaret, hvordan man laver en ajax opdatering.

Det jeg mener med ajax opdatering er at, jeg har en tagwall, som meget gerne automatisk skulle hente beskeder hvert sekund uden at browseren refresher.

Eller evt. om nogen har en de vil dele med mig, og forklare lidt udfra den?

Indlæg senest redigeret d. 18.05.2009 16:45 af Bruger #14124

Bruger #3275 @ 18.05.09 17:10

1.736

Det kan gøres meget let med i bibliotek som jquery (www.jquery.com)

Du inkluderer jquery i din fil.

Kode

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>

Og så kan du bruge følgende javascript

Kode

<script>
$(document).ready(function()
{
	setInterval(function()
	{
		$("#tagwall").load("tagwall.php");
	}, 1000);
});
</script>

Det koden gør, er at hente tagwall.php og smide resultatet ind i et html-tag med id'et tagwall hvert sekund.

I din fil skal du så bare have f.eks. en <div id="tagwall"></div> og så er du kørende.

Indlæg senest redigeret d. 18.05.2009 17:11 af Bruger #3275

Bruger #14124 @ 18.05.09 17:13

205

Hvor får jeg fat i sådan en jquey fil?

Og kan jeg bruge koden sammen med mit andet php, hvor jeg selecter fra databasen eller?

I kan lige få koden:

PHP kode

 <?php include 'top.php';
 ?><?
 session_start();
  if(isset($_SESSION['brugernavn'], $_SESSION['kodeord']))
 {
     include ("config.php");
     $mand = mysql_query("SELECT * FROM brugere WHERE brugernavn = '$_SESSION[brugernavn]'") or die(mysql_error());
     $vis = mysql_fetch_array($mand);
 }
 if($vis['kick'] > time()){
 echo 'Du er blevet kicket fra tagwallen, og kan derfor ikke gå til denne side. Prøv igen senere, også husk at opføre dig ordentligt!';
 include 'bund.php';
 exit;
 }else{
 
 ?><a href="tagwallunder.php">Opdater</a> Der er i alt tilføjet 
 <?
 $lej = mysql_query("SELECT * FROM tagwallialt WHERE id = 1");
 $se = mysql_fetch_array($lej);
 echo $se[antal];
 ?>
  beskeder i tagwallen.
  <?
  if($vis[status] != "Offline"){
  if($vis[tagadmin] != "nej"){
  ?>
  <a href="tagwallunder.php?mode=toem">Tøm tagwallen</a>
  <?
  }
  }
  ?>
 
 <?php
 include 'config.php';
 $navn = $_SESSION['brugernavn'];
 $besked = $_REQUEST['besked'];
 $hn = $vis['habbonavn'];
 $admin = $vis['admin'];
 $ip = $_SERVER['REMOTE_ADDR'];
 $html = "<a href='spam.com'>dfsdf</a> fdsfs";
 $non_html = strip_tags($html);
 
 
 if ($besked == "") {
     echo '';
 }else{
     mysql_query("INSERT INTO tagwall(navn, dato, besked, ip, habbonavn, admin)values ('$navn', now(), '$besked', '$ip', '$hn', '$admin')") or die(mysql_error());
                 mysql_query("UPDATE tagwallialt SET antal = antal + 1 WHERE id = 1") or die(mysql_error());
 
 echo '';
 }
 ?>
 
 <?
 if($vis['status'] == "Online")
 {
 if($vis['tagadmin'] == "ja")
 {
 if($_GET[mode] == "slet" AND $_GET[id] != "") {
 $slet = mysql_query("DELETE FROM `tagwall` WHERE id = '$_GET[id]'") or die(mysql_error());
 mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: Slettet besked i tagwallen med id $_GET[id] d.')") or die(mysql_error()); 
 print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
 }
 }else{
 print "";
 }
 } ?>
 <?
 if($vis['status'] == "Online")
 {
 if($vis['tagadmin'] == "ja")
 {
 if($_GET[mode] == "toem") {
 $slet = mysql_query("TRUNCATE TABLE `tagwall`") or die(mysql_error());
 mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: tømt tagwallen')") or die(mysql_error()); 
 print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
 }
 }else{
 print "";
 }
 } ?>
 
 <?
 if($vis['status'] == "Online")
 {
 if($vis['tagadmin'] == "ja")
 {
 if($_GET[mode] == "kick" AND $_GET[id] != "") {
 $slet = mysql_query("UPDATE brugere SET kick = ".time()." + 900 WHERE brugernavn = '$_GET[id]'") or die(mysql_error());
 mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: Kicket brugeren $_GET[id]')") or die(mysql_error()); 
 mysql_query("INSERT INTO tagwall(dato, navn, besked, ip, habbonavn, admin)values(now(), 'System Bot', '$_SESSION[brugernavn] har kicket brugeren $_GET[id] i 15 minutter.', '00:00.000', '', 'ja')") or die(mysql_error());
 
 print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
 }
 }else{
 print "";
 }
 } ?>
 <?
 if($vis['status'] == "Online")
 {
 if($vis['tagadmin'] == "ja")
 {
 if($_GET[mode] == "mute" AND $_GET[id] != "") {
 $slet = mysql_query("UPDATE brugere SET muted = ".time()." + 300 WHERE brugernavn = '$_GET[id]'") or die(mysql_error());
 mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: Kicket brugeren $_GET[id]')") or die(mysql_error()); 
 mysql_query("INSERT INTO tagwall(dato, navn, besked, ip, habbonavn, admin)values(now(), 'System Bot', '$_SESSION[brugernavn] har mutet brugeren $_GET[id] i 5 minutter.', '00:00.000', '', 'ja')") or die(mysql_error());
 
 print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
 }
 }else{
 print "";
 }
 } ?>
 
 
 
 <script>
     function sletbesked(id)
     {
     var slet=confirm("Er du sikker på du vil slette denne besked?")
     if (slet)
      window.status=(self.location.href='?mode=slet&id='+id)
     }
     </script>
     <script>
     function tom
     {
     var slet=confirm("Er du sikker på at du vil tømme tagwallen?")
     if (slet)
      window.status=(self.location.href='?mode=tom)
     }
     </script>
         
 
 <?
 if ($vis['status'] == "Online") {
 if($vis['muted'] > time()){
 echo 'Du er blevet mutet, og kan derfor ikke skrive en besked. Prøv igen senere, også husk at opføre dig ordentligt!';
 }else{
 
 echo '
 <form action="tagwallunder.php" method="post">
 Besked: 
 <br>
 
 <input type="text" name="besked" rows="2" style="background-color:#B8DEF0; width:358px "><br>
 
 <input type="submit" value="Tilføj" />
 </form>';
 }
 }else{
 echo '<font size="2">Du skal være logget ind, for at skrive en besked...</font>';
 }
 ?>
 
 <?php
 $find = mysql_query("select * from `tagwall` order by id desc LIMIT 15") or die(mysql_error());
 while($chek = mysql_fetch_array($find)){
 ?><br>
 <img src="billeder/top.bmp"><table style="background-color: #B8DEF0; border-left: 1px solid #919191; border-right: 1px solid #919191; width: 358px;">
     <td>
     <? if($chek[habbonavn] != "") { ?>
   <img src="http://www.habbo.dk/habbo-imaging/avatarimage?user=<?print"$chek[habbonavn]";?>&direction=3&head_direction=3&gesture=sml&action=wav&img_format=png&size=s&img_format=gif" style="float:left ">
   <? } ?>
 Af 
 <b></b> <font color=#2173B5><? if($chek[navn] != "System Bot") { ?>     <a href="visprofil.php?&id=<?=$chek['navn']; ?>">
     <? echo $chek['navn']; ?></a>
       <? }else{
       echo 'System Bot';
       } ?> 
       <?
       if($chek[admin] != "nej") {
       ?>
       - Ansat
       <?
       }
       ?>
 </font> <i><?
     if($vis['status'] == "Online")
         {
     if($vis['tagadmin'] == "ja")
         {
             print "<a href=\"#\" onclick=\"sletbesked($chek[id])\"><font color=red><i>Slet</i></font></a>";
         }
         }
         ?>
         <?
     if($vis['status'] == "Online")
         {
     if($vis['tagadmin'] == "ja")
         {
         ?>
             <a href='tagwallunder.php?mode=kick&id=<?=$chek[navn];?>'>Kick</a>
                         <a href='tagwallunder.php?mode=mute&id=<?=$chek[navn];?>'>Mute</a>
 
             <?
         }
         }
         ?>
     </i><br>
 
 
                  <?php if($chek['admin'] == "ja") {
     echo '<font color="red">';
     echo strip_tags($chek['besked']);
     echo '</font>';
     }else{
     echo strip_tags($chek['besked']);
     } ?><br><br>
 <i>Skrevet kl. <?
     echo $chek['dato']; ?></i>
 
 </td>
 </table>
 <img src="billeder/bund.bmp"><br>
 </div>
 <?php
 }
 ?>
 <br><br>
 <?
 }
  include 'bund.php';
 ?>

Bruger #11328 @ 18.05.09 17:17

1.323

http://lmgtfy.com/?q=jQuery

Bruger #3143 @ 18.05.09 17:20

1.965

Edit: for sent

Indlæg senest redigeret d. 18.05.2009 17:21 af Bruger #3143

Bruger #14124 @ 18.05.09 17:35

205

Var ikke i tvivl om hvor jeg skulle hente det, men mere hvilen en jeg skulle tage?

Bruger #11328 @ 18.05.09 17:37

1.323

Var ikke i tvivl om hvor jeg skulle hente det, men mere hvilen en jeg skulle tage?

Det må du da selv om? Skal filen være lille eller stor? Skal du kunne forstå koden eller ej?
Bare klik download, så er du godt på vej

Bruger #14124 @ 18.05.09 17:41

205

Har denne kode nu

Men den opdatere nu ikke automatisk, har jeg gjort noget forkert?

Kode

<?php include 'top.php';
?>
<script src="javacript/jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function()
{
	setInterval(function()
	{
		$("#tagwall").load("tagwall.php");
	}, 1000);
});
</script>

<?
session_start();
 if(isset($_SESSION['brugernavn'], $_SESSION['kodeord']))
{
	include ("config.php");
	$mand = mysql_query("SELECT * FROM brugere WHERE brugernavn = '$_SESSION[brugernavn]'") or die(mysql_error());
	$vis = mysql_fetch_array($mand);
}
if($vis['kick'] > time()){
echo 'Du er blevet kicket fra tagwallen, og kan derfor ikke gå til denne side. Prøv igen senere, også husk at opføre dig ordentligt!';
include 'bund.php';
exit;
}else{

?><a href="tagwallunder.php">Opdater</a> Der er i alt tilføjet 
<?
$lej = mysql_query("SELECT * FROM tagwallialt WHERE id = 1");
$se = mysql_fetch_array($lej);
echo $se[antal];
?>
 beskeder i tagwallen.
 <?
 if($vis[status] != "Offline"){
 if($vis[tagadmin] != "nej"){
 ?>
 <a href="tagwallunder.php?mode=toem">Tøm tagwallen</a>
 <?
 }
 }
 ?>

<?php
include 'config.php';
$navn = $_SESSION['brugernavn'];
$besked = $_REQUEST['besked'];
$hn = $vis['habbonavn'];
$admin = $vis['admin'];
$ip = $_SERVER['REMOTE_ADDR'];
$html = "<a href='spam.com'>dfsdf</a> fdsfs";
$non_html = strip_tags($html);


if ($besked == "") {
	echo '';
}else{
	mysql_query("INSERT INTO tagwall(navn, dato, besked, ip, habbonavn, admin)values ('$navn', now(), '$besked', '$ip', '$hn', '$admin')") or die(mysql_error());
				mysql_query("UPDATE tagwallialt SET antal = antal + 1 WHERE id = 1") or die(mysql_error());

echo '';
}
?>

<?
if($vis['status'] == "Online")
{
if($vis['tagadmin'] == "ja")
{
if($_GET[mode] == "slet" AND $_GET[id] != "") {
$slet = mysql_query("DELETE FROM `tagwall` WHERE id = '$_GET[id]'") or die(mysql_error());
mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: Slettet besked i tagwallen med id $_GET[id] d.')") or die(mysql_error()); 
print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
}
}else{
print "";
}
} ?>
<?
if($vis['status'] == "Online")
{
if($vis['tagadmin'] == "ja")
{
if($_GET[mode] == "toem") {
$slet = mysql_query("TRUNCATE TABLE `tagwall`") or die(mysql_error());
mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: tømt tagwallen')") or die(mysql_error()); 
print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
}
}else{
print "";
}
} ?>

<?
if($vis['status'] == "Online")
{
if($vis['tagadmin'] == "ja")
{
if($_GET[mode] == "kick" AND $_GET[id] != "") {
$slet = mysql_query("UPDATE brugere SET kick = ".time()." + 900 WHERE brugernavn = '$_GET[id]'") or die(mysql_error());
mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: Kicket brugeren $_GET[id]')") or die(mysql_error()); 
mysql_query("INSERT INTO tagwall(dato, navn, besked, ip, habbonavn, admin)values(now(), 'System Bot', '$_SESSION[brugernavn] har kicket brugeren $_GET[id] i 15 minutter.', '00:00.000', '', 'ja')") or die(mysql_error());

print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
}
}else{
print "";
}
} ?>
<?
if($vis['status'] == "Online")
{
if($vis['tagadmin'] == "ja")
{
if($_GET[mode] == "mute" AND $_GET[id] != "") {
$slet = mysql_query("UPDATE brugere SET muted = ".time()." + 300 WHERE brugernavn = '$_GET[id]'") or die(mysql_error());
mysql_query("INSERT INTO log (navn, dato, handling)values ('$navn', now(), 'har: Kicket brugeren $_GET[id]')") or die(mysql_error()); 
mysql_query("INSERT INTO tagwall(dato, navn, besked, ip, habbonavn, admin)values(now(), 'System Bot', '$_SESSION[brugernavn] har mutet brugeren $_GET[id] i 5 minutter.', '00:00.000', '', 'ja')") or die(mysql_error());

print "<META HTTP-EQUIV=\"REFRESH\" CONTENT=\"0; URL=tagwallunder.php\">";
}
}else{
print "";
}
} ?>



<script>
	function sletbesked(id)
	{
	var slet=confirm("Er du sikker på du vil slette denne besked?")
	if (slet)
	 window.status=(self.location.href='?mode=slet&id='+id)
	}
	</script>
	<script>
	function tom
	{
	var slet=confirm("Er du sikker på at du vil tømme tagwallen?")
	if (slet)
	 window.status=(self.location.href='?mode=tom)
	}
	</script>
		

<?
if ($vis['status'] == "Online") {
if($vis['muted'] > time()){
echo 'Du er blevet mutet, og kan derfor ikke skrive en besked. Prøv igen senere, også husk at opføre dig ordentligt!';
}else{

echo '
<form action="tagwallunder.php" method="post">
Besked: 
<br>

<input type="text" name="besked" rows="2" style="background-color:#B8DEF0; width:358px "><br>

<input type="submit" value="Tilføj" />
</form>';
}
}else{
echo '<font size="2">Du skal være logget ind, for at skrive en besked...</font>';
}
?>

<?php
$find = mysql_query("select * from `tagwall` order by id desc LIMIT 15") or die(mysql_error());
while($chek = mysql_fetch_array($find)){
?><br>
<div id="tagwall">
<img src="billeder/top.bmp"><table style="background-color: #B8DEF0; border-left: 1px solid #919191; border-right: 1px solid #919191; width: 358px;">
    <td>
	<? if($chek[habbonavn] != "") { ?>
  <img src="http://www.habbo.dk/habbo-imaging/avatarimage?user=<?print"$chek[habbonavn]";?>&direction=3&head_direction=3&gesture=sml&action=wav&img_format=png&size=s&img_format=gif" style="float:left ">
  <? } ?>
Af 
<b></b> <font color=#2173B5><? if($chek[navn] != "System Bot") { ?> 	<a href="visprofil.php?&id=<?=$chek['navn']; ?>">
	<? echo $chek['navn']; ?></a>
	  <? }else{
	  echo 'System Bot';
	  } ?> 
	  <?
	  if($chek[admin] != "nej") {
	  ?>
	  - Ansat
	  <?
	  }
	  ?>
</font> <i><?
	if($vis['status'] == "Online")
		{
	if($vis['tagadmin'] == "ja")
		{
			print "<a href=\"#\" onclick=\"sletbesked($chek[id])\"><font color=red><i>Slet</i></font></a>";
		}
		}
		?>
		<?
	if($vis['status'] == "Online")
		{
	if($vis['tagadmin'] == "ja")
		{
		?>
			<a href='tagwallunder.php?mode=kick&id=<?=$chek[navn];?>'>Kick</a>
						<a href='tagwallunder.php?mode=mute&id=<?=$chek[navn];?>'>Mute</a>

			<?
		}
		}
		?>
	</i><br>


                 <?php if($chek['admin'] == "ja") {
	echo '<font color="red">';
	echo strip_tags($chek['besked']);
	echo '</font>';
	}else{
	echo strip_tags($chek['besked']);
	} ?><br><br>
<i>Skrevet kl. <?
	echo $chek['dato']; ?></i>

</td>
</table>
<img src="billeder/bund.bmp"><br>
</div>
</div>
<?php
}
?>
<br><br>
<?
}
 include 'bund.php';
?>

Bruger #11328 @ 18.05.09 17:54

1.323

JScript kode

 <script>
 $(document).ready(function()
 {
     setInterval(function()
     {
         $("#tagwall").load("tagwall.php");
     }, 1000);
 });
 </script>

Denne kode step by step:
1) (document).ready(function() { <- Når siden er loadet udføres følgende funktion
2) setInterval(function(){...},1000) <- Udføre denne kode (...) hvert 1000. millisekund (1 sek)
3) $("#tagwall").load("tagwall.php"); <- Hent indholdet af siden "tagwall.php" og hvis det i elementet med id="tagwall".

Altså skal du i siden "tagwall.php" udskrive den data som skal vises i dit element (en div).

Bruger #14124 @ 18.05.09 18:43

205

Jamen det gør jeg da også?

Kode

<?php
$find = mysql_query("select * from `tagwall` order by id desc LIMIT 15") or die(mysql_error());
while($chek = mysql_fetch_array($find)){
?><br>
<div id="tagwall">
<img src="billeder/top.bmp"><table style="background-color: #B8DEF0; border-left: 1px solid #919191; border-right: 1px solid #919191; width: 358px;">
    <td>
	<? if($chek[habbonavn] != "") { ?>
  <img src="http://www.habbo.dk/habbo-imaging/avatarimage?user=<?print"$chek[habbonavn]";?>&direction=3&head_direction=3&gesture=sml&action=wav&img_format=png&size=s&img_format=gif" style="float:left ">
  <? } ?>
Af 
<b></b> <font color=#2173B5><? if($chek[navn] != "System Bot") { ?> 	<a href="visprofil.php?&id=<?=$chek['navn']; ?>">
	<? echo $chek['navn']; ?></a>
	  <? }else{
	  echo 'System Bot';
	  } ?> 
	  <?
	  if($chek[admin] != "nej") {
	  ?>
	  - Ansat
	  <?
	  }
	  ?>
</font> <i><?
	if($vis['status'] == "Online")
		{
	if($vis['tagadmin'] == "ja")
		{
			print "<a href=\"#\" onclick=\"sletbesked($chek[id])\"><font color=red><i>Slet</i></font></a>";
		}
		}
		?>
		<?
	if($vis['status'] == "Online")
		{
	if($vis['tagadmin'] == "ja")
		{
		?>
			<a href='tagwallunder.php?mode=kick&id=<?=$chek[navn];?>'>Kick</a>
						<a href='tagwallunder.php?mode=mute&id=<?=$chek[navn];?>'>Mute</a>

			<?
		}
		}
		?>
	</i><br>


                 <?php if($chek['admin'] == "ja") {
	echo '<font color="red">';
	echo strip_tags($chek['besked']);
	echo '</font>';
	}else{
	echo strip_tags($chek['besked']);
	} ?><br><br>
<i>Skrevet kl. <?
	echo $chek['dato']; ?></i>

</td>
</table>
<img src="billeder/bund.bmp"><br>
</div>

Bruger #5789 @ 20.05.09 15:56

640

Lig dit #tagwall div et andet sted, jquery henter hele indholdet af requestet og poster ind.

Forestil dig at tagwall.php kun skal indeholde alt det markup der skal ligge inden i #tagwall divet.

dit tagwall div skal "bare" se sådan her ud:

<div id="TagWall"></div>

/J

<< < 1 2 > >>

guide til ajax opdatering

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler