php - Chat refresh! - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php

<< < 1 2 > >>

Bruger #4442 @ 18.10.04 22:43

Hej udviklere...
jeg har nu et stykke tid arbejdet på en chat som virker fortrineligt, bortset fra at den blinker i Internet Explorer...

Den består af 4 frames:
- MainFrame der hvor beskederne vises (Det er den der blinker)
- Online frame viser hvem der er online
- indtast besked her skriver man besked
- indsæt besked

Jeg har læst dette indlæg:
http://www.udvikleren.dk/thread.php?techid=6&f=6&t=413

Men fattede rent ud sagt ikke en dyt! er der nogen der kan hjælpe mig med lidt kode til ovenstående indlæg?

[Redigeret d. 19/10-04 19:23:35 af Nick Frederiksen]

15 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #846 @ 22.10.04 14:30

435

Hvis du har den skjulte frame, som henter alle beskeder, kan koden i denne se sådan ud. Det er selvf. også i den du skal bestemme udseendet osv., da vi her laver den html-kode der skal vises

Kode

<script type="text/javascript">
mainframe.getElementById('content').innerHTML='<?

$q = mysql_query("...");

while ($r = mysql_fetch_array($q))
{

    echo "<div class=\\"besked\\"><span class=\\"user\\">" . $r['username'] . ":</span>" . $r['message'] . "</div>\\n";

}

?>';
</script>

Jeg er dog ikke sikker på at linien "mainframe.getElementById........", er korrekt. Eftersom jeg aldrig før har arbejdet med JavaScript og frames ved jeg ikke hvordan man henviser til en anden frame. Men du skal henvise til en anden frame, og finde elementet med getElementById('content').

Så har du den side hvor du vil vise beskederne:

Kode

<div id="content"></div>

Meget simpelt :-)

Håber det er til at forstå hvor jeg vil hen med det. Husk, det er blot et eksempel :-)

--
Ronni Egeriis - http://sqdev.dk/
Co-Admin

Bruger #6546 @ 19.10.04 23:05

178

Der er faktisk ikke nødvendigt med avanceret javascript, herunder er et ensempel på et ret simpelt javascript, og det virke også i firefox

Og heller ikke nødvendigt med en skjult ramme der opdaterer.

Det kan jo også bruges til mange andre ting, leg med idéen

Her er lidt kode der fixer det hele, du lægger simpelthen ikke mærke lidt at den "refresher"

Håber der kan bruges

Kode

<!-- selve "MainFrame"  -->

<script type="text/css">
var update;
function chat_get_msgs(){
	var element = document.createElement('script');
	element.src = 'chat_msgs_js.php?rand=' + Math.random();
	child = document.body.appendChild(element);
}

function chat_update(){
	clearInterval(update);
	chat_get_msgs();
	update = setInterval('chat_get_msgs()', 10000); // ti sekunder
}
</script>

<body onload="chat_update()">

<div id="chat_msgs_element">

</div>

<!-- chat_msgs_js.php -->
<!-- Dette er en php fil som agerer javascript fil, samler alt indholdet :) -->

var element = document.getElementById('chat_msgs_element');
var msgs = document.createElement('div');
/* sql, eller laesning af tekst fil til hele chatten.. kunne jo f.eks 
   goeres en linje af gangen for at goere det hurtigere?
   lad os nu kalde variables "$txt" :p
   det kan jo self goeres paa andre maader, det her burde dog virke,
   men har ikke lige testet det igennem, leg med det, haaber det kan bruges :)
*/
msgs.innerHTML = '<?=$txt?>';
text = element.appendChild(msgs);

Jeg håber det kan bruges, leg med det

Mvh Bob

[Redigeret d. 19/10-04 23:12:03 af Jeppe Dyrby]

Bruger #846 @ 19.10.04 00:42

435

Det er jo fordi du skal hente siden hver gang du skal vise nye beskeder.

Hvis du vil have det til at køre flydende kan du have noget avanceret javascript i din mainframe der viser de forskellige indlæg, og en usynlig frame der henter dataen.

--
Ronni Egeriis - http://sqdev.dk/
Co-Admin

Bruger #4442 @ 19.10.04 15:57

Det er jo fordi du skal hente siden hver gang du skal vise nye beskeder.

Hvis du vil have det til at køre flydende kan du have noget avanceret javascript i din mainframe der viser de forskellige indlæg, og en usynlig frame der henter dataen.

--
Ronni Egeriis - http://sqdev.dk/
Co-Admin

Du kunne ikke komme med lidt kode?

[Redigeret d. 19/10-04 19:22:29 af Nick Frederiksen]

Bruger #4442 @ 20.10.04 13:50

Der er faktisk ikke nødvendigt med avanceret javascript, herunder er et ensempel på et ret simpelt javascript, og det virke også i firefox

Og heller ikke nødvendigt med en skjult ramme der opdaterer.

Det kan jo også bruges til mange andre ting, leg med idéen

Her er lidt kode der fixer det hele, du lægger simpelthen ikke mærke lidt at den "refresher"
Håber der kan bruges

Kode


<script type="text/css">
var update;
function chat_get_msgs(){
	var element = document.createElement('script');
	element.src = 'chat_msgs_js.php?rand=' + Math.random();
	child = document.body.appendChild(element);
}

function chat_update(){
	clearInterval(update);
	chat_get_msgs();
	update = setInterval('chat_get_msgs()', 10000); // ti sekunder
}
</script>

<body onload="chat_update()">

<div id="chat_msgs_element">

</div>




var element = document.getElementById('chat_msgs_element');
var msgs = document.createElement('div');
/* sql, eller laesning af tekst fil til hele chatten.. kunne jo f.eks 
   goeres en linje af gangen for at goere det hurtigere?
   lad os nu kalde variables "$txt" :p
   det kan jo self goeres paa andre maader, det her burde dog virke,
   men har ikke lige testet det igennem, leg med det, haaber det kan bruges :)
*/
msgs.innerHTML = '<?=$txt?>';
text = element.appendChild(msgs);
Jeg håber det kan bruges, leg med det

Mvh Bob

[Redigeret d. 19/10-04 23:12:03 af Jeppe Dyrby]

Det virker ikke... den skriver ikke en dyt!

Bruger #6546 @ 20.10.04 15:31

178

Du skal jo self huske at lave alt det du skal i javascript filen, som f.eks. at trække chatten ud af en mysql database, eller en tekst fil.

Kode


<!-- selve "MainFrame"  -->

<script type="text/css">
var update;
function chat_get_msgs(){
	var element = document.createElement('script');
	element.src = 'chat_msgs_js.php?rand=' + Math.random();
	child = document.body.appendChild(element);
}

function chat_update(){
	clearInterval(update);
	chat_get_msgs();
	update = setInterval('chat_get_msgs()', 10000); // ti sekunder
}
</script>

<body onload="chat_update()">

<div id="chat_msgs_element">

</div>

<!-- chat_msgs_js.php -->
<!-- Dette er en php fil som agerer javascript fil, samler alt indholdet :) -->

var element = document.getElementById('chat_msgs_element');
// var msgs = document.createElement('div'); // fjerner vi
/* sql, eller laesning af tekst fil til hele chatten.. kunne jo f.eks 
   goeres en linje af gangen for at goere det hurtigere?
   lad os nu kalde variables "$txt" :p
   det kan jo self goeres paa andre maader, det her burde dog virke,
   men har ikke lige testet det igennem, leg med det, haaber det kan bruges :)
*/
// msgs.innerHTML = '<?=$txt?>'; // fjerner vi
// text = element.appendChild(msgs); // fjerner vi
element.innerHTML = '<?=$txt?>'; // tilfoejer vi

Jeg prøvede lige at ændre noget... prøv om det virker.
Ellers så skriv det kode du bruger så jeg kan se hvad der er galt, ellers er det lidt svært at gætte mig til det

Mvh Bob

Bruger #4442 @ 20.10.04 21:30

Du skal jo self huske at lave alt det du skal i javascript filen, som f.eks. at trække chatten ud af en mysql database, eller en tekst fil.

Kode


<!-- selve "MainFrame"  -->

<script type="text/css">
var update;
function chat_get_msgs(){
	var element = document.createElement('script');
	element.src = 'chat_msgs_js.php?rand=' + Math.random();
	child = document.body.appendChild(element);
}

function chat_update(){
	clearInterval(update);
	chat_get_msgs();
	update = setInterval('chat_get_msgs()', 10000); // ti sekunder
}
</script>

<body onload="chat_update()">

<div id="chat_msgs_element">

</div>

<!-- chat_msgs_js.php -->
<!-- Dette er en php fil som agerer javascript fil, samler alt indholdet :) -->

var element = document.getElementById('chat_msgs_element');
// var msgs = document.createElement('div'); // fjerner vi
/* sql, eller laesning af tekst fil til hele chatten.. kunne jo f.eks 
   goeres en linje af gangen for at goere det hurtigere?
   lad os nu kalde variables "$txt" :p
   det kan jo self goeres paa andre maader, det her burde dog virke,
   men har ikke lige testet det igennem, leg med det, haaber det kan bruges :)
*/
// msgs.innerHTML = '<?=$txt?>'; // fjerner vi
// text = element.appendChild(msgs); // fjerner vi
element.innerHTML = '<?=$txt?>'; // tilfoejer vi

Jeg prøvede lige at ændre noget... prøv om det virker.
Ellers så skriv det kode du bruger så jeg kan se hvad der er galt, ellers er det lidt svært at gætte mig til det

Mvh Bob

Jeg kan ikke få det til at virke... jeg bruger følgende kode til at hente og udskrive data fra databasen:

Kode

<?php
$connection = mysql_connect("server","brugernavn","password"); //Connecter til databasen
mysql_select_db("database");
$tidnu = time(now);
$query="select * from chat ORDER BY id DESC"; //Viser sidste tråd øverst
$result = mysql_query($query);

while($r = mysql_fetch_array($result)) 
{ 
//Sætter variabler
$name = $r["name"];
$besked1 = $r["besked"];

//indsætter evt. linieskift
$msg1 = nl2br($besked1);

//fjerner html tags
$msg = htmlentities($msg1);	

//søger efter links
$msg_split = explode (" ", $msg);
	$n_msg = count ($msg_split);
	
	for ($n = 0; $n < $n_msg; $n++)
	{
		if ((substr ($msg_split[$n], 0, 4) == "www.") OR (substr ($msg_split[$n], 0, 7) == "http://") OR (substr ($msg_split[$n], 0, 11) == "http://www."))
		{
			$msg_split[$n] = "<a href=\\"" . $msg_split[$n] . "\\" target=\\"_blank\\">" . $msg_split[$n] . "</a>";
		}
	}
	
	$msg = implode (" ", $msg_split);
	$name_part1 = $name;
	$name_part2 = " :> ";
	$width = strlen($name_part1 + $name_part2);

//Udskriver data
echo "
<table width=\\"95%\\"  border=\\"0\\" cellspacing=\\"0\\" cellpadding=\\"0\\">
  <tr>
    <td valign=\\"top\\" align=\\"left\\" width=\\"$width\\"><span class=\\"style1\\"><a href=\\"view-profile.php?recordID=$name\\" target=\\"_blank\\" class=\\"style1\\">$name</a>:> </span></td>
    <td align=\\"left\\" width=\\"100%\\"><span class=\\"style2\\">  $msg</span></td>
  </tr>
  <tr>
    <td colspan=\\"2\\"> </td>
  </tr>
</table>";
}
?>

Bruger #4479 @ 21.10.04 14:42

602

Der er faktisk ikke nødvendigt med avanceret javascript, herunder er et ensempel på et ret simpelt javascript, og det virke også i firefox

Og heller ikke nødvendigt med en skjult ramme der opdaterer.

Det kan jo også bruges til mange andre ting, leg med idéen

Her er lidt kode der fixer det hele, du lægger simpelthen ikke mærke lidt at den "refresher"
Håber der kan bruges

Kode


<script type="text/css">
var update;
function chat_get_msgs(){
	var element = document.createElement('script');
	element.src = 'chat_msgs_js.php?rand=' + Math.random();
	child = document.body.appendChild(element);
}

function chat_update(){
	clearInterval(update);
	chat_get_msgs();
	update = setInterval('chat_get_msgs()', 10000); // ti sekunder
}
</script>

<body onload="chat_update()">

<div id="chat_msgs_element">

</div>




var element = document.getElementById('chat_msgs_element');
var msgs = document.createElement('div');
/* sql, eller laesning af tekst fil til hele chatten.. kunne jo f.eks 
   goeres en linje af gangen for at goere det hurtigere?
   lad os nu kalde variables "$txt" :p
   det kan jo self goeres paa andre maader, det her burde dog virke,
   men har ikke lige testet det igennem, leg med det, haaber det kan bruges :)
*/
msgs.innerHTML = '<?=$txt?>';
text = element.appendChild(msgs);
Jeg håber det kan bruges, leg med det

Mvh Bob

[Redigeret d. 19/10-04 23:12:03 af Jeppe Dyrby]

Selvfølgelig virker det ikke. Da javascript ikke bestemmer over PHP, det er omvendt. Så:

Kode

<script>
<? $tid = 0; ?>
function plus()
{
  <? $tid++; ?>
  document.write('<?=$tid?>');
}
setInterval("plus()", 1000);
</script>

Vil være det samme som:

Kode

<script>
function plus()
{
  document.write('1');
}
setInterval("plus()", 1000);
</script>

Hilsen Mathias

Bruger #4442 @ 22.10.04 14:18

Der er faktisk ikke nødvendigt med avanceret javascript, herunder er et ensempel på et ret simpelt javascript, og det virke også i firefox

Og heller ikke nødvendigt med en skjult ramme der opdaterer.

Det kan jo også bruges til mange andre ting, leg med idéen

Her er lidt kode der fixer det hele, du lægger simpelthen ikke mærke lidt at den "refresher"
Håber der kan bruges

Kode


<script type="text/css">
var update;
function chat_get_msgs(){
	var element = document.createElement('script');
	element.src = 'chat_msgs_js.php?rand=' + Math.random();
	child = document.body.appendChild(element);
}

function chat_update(){
	clearInterval(update);
	chat_get_msgs();
	update = setInterval('chat_get_msgs()', 10000); // ti sekunder
}
</script>

<body onload="chat_update()">

<div id="chat_msgs_element">

</div>




var element = document.getElementById('chat_msgs_element');
var msgs = document.createElement('div');
/* sql, eller laesning af tekst fil til hele chatten.. kunne jo f.eks 
   goeres en linje af gangen for at goere det hurtigere?
   lad os nu kalde variables "$txt" :p
   det kan jo self goeres paa andre maader, det her burde dog virke,
   men har ikke lige testet det igennem, leg med det, haaber det kan bruges :)
*/
msgs.innerHTML = '<?=$txt?>';
text = element.appendChild(msgs);
Jeg håber det kan bruges, leg med det

Mvh Bob

[Redigeret d. 19/10-04 23:12:03 af Jeppe Dyrby]
Selvfølgelig virker det ikke. Da javascript ikke bestemmer over PHP, det er omvendt. Så:
Kode
<script>
<? $tid = 0; ?>
function plus()
{
  <? $tid++; ?>
  document.write('<?=$tid?>');
}
setInterval("plus()", 1000);
</script>
Vil være det samme som:
Kode
<script>
function plus()
{
  document.write('1');
}
setInterval("plus()", 1000);
</script>
Hilsen Mathias

Kan du så ikke komme med et eksempel på noget kode, der virker?

Bruger #4442 @ 22.10.04 21:15

Hvis du har den skjulte frame, som henter alle beskeder, kan koden i denne se sådan ud. Det er selvf. også i den du skal bestemme udseendet osv., da vi her laver den html-kode der skal vises

Kode
<script type="text/javascript">
mainframe.getElementById('content').innerHTML='<?

$q = mysql_query("...");

while ($r = mysql_fetch_array($q))
{

    echo "<div class=\\"besked\\"><span class=\\"user\\">" . $r['username'] . ":</span>" . $r['message'] . "</div>\\n";

}

?>';
</script>
Jeg er dog ikke sikker på at linien "mainframe.getElementById........", er korrekt. Eftersom jeg aldrig før har arbejdet med JavaScript og frames ved jeg ikke hvordan man henviser til en anden frame. Men du skal henvise til en anden frame, og finde elementet med getElementById('content').

Så har du den side hvor du vil vise beskederne:

Kode
<div id="content"></div>
Meget simpelt :-)

Håber det er til at forstå hvor jeg vil hen med det. Husk, det er blot et eksempel :-)

--
Ronni Egeriis - http://sqdev.dk/
Co-Admin

Jeg har prøvet at lege lidt med det men kan simpelthen ikke få det til at udskrive noget som helst...

Jeg har prøvet at søge på nettet efter nogle funktioner som kan overføre data fra en frame til en anden... uden held...

<< < 1 2 > >>

Chat refresh!

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler