Talebobler i javascript.

Hvordan taleboble ?-)

Skal indholdet af din $rowasd-variabel 'svæve' eller ...

Laver en test:
http://3dcity.1go.dk/talebobbel.GIF

Den tekst man skriver fra "chattekst" skal vises i en "talebobbel"

Jeg kan ikke se linket, da det forsøger at køre et activeX-objekt ...

-- men hvorfra kommer chattekst ?-)

http://3dcity.1go.dk/talebobbel.GIF *

chattekst skal komme fra database..
Altså.

Når man tilføjer en besked i skriv.php tilføjer den tekst, brugernavnet til databasen "chattekst" så skal jeg vise den på selve chatten! Der skal være en talebobbel i højre side af manden.

koden vises her jo:

<TD id=" . $t . " valign='bottom' align='center' background='gfx/mand.gif' onmousedown='check()'><font size='1' face='Verdana'><a href='se_profil.php?brugernavn=$row[brugernavn]' target='tekstboks'>$rowasd</a></TD>

noget med <div eller noget, men det jo svært når det ikke kører med x & y felter.

f.eks. sådan !-)

<TD id='$t' valign='bottom' style='text-align:center;background:url(gfx/mand.gif);position:relative;font-size:xx-small;font-family:verdana,sans-serif;' onmousedown='check()'><a href='se_profil.php?brugernavn=$row[brugernavn]' target='tekstboks'>$rowasd</a><div id='chattekst$t'style='position:absolute;left:30px;top:-15px;'></div></TD>

-- så skal teksten skrives i 'chattekst$t' !-)

Hvad mener du?? 
Lav lige sådan skriv "tekst" der hvor jeg skal tilføje teksten.

Og hvorfor hedder det "div id='chattekst$t' ?

Den vil ikke vise manden!

-- den har det navn, fordi jeg regnede med at der kunne være flere, men hvis det er i forhold til spørgsmålet om tekstskrivningen, kan det f.eks. være:

<TD id='$t' valign='bottom' style='text-align:center;background:url(gfx/mand.gif);position:relative;font-size:xx-small;font-family:verdana,sans-serif;' onmousedown='check()'><a href='se_profil.php?brugernavn=$row[brugernavn]' target='tekstboks'>$rowasd</a><div id='tekst'style='position:absolute;left:30px;top:-15px;'>Her skulle teksten så komme !-)</div></TD>

-- og der er jo intet i den kode, som viser en figur, så den kan jeg jo ikke gætte !-)

Undskyld, der er jo selvfølgelig baggrundsbilledet !-)

-- og hvis du har problemer med at se det, så prøv at tage koden fra Vis kilde og paste den her !o]

Den skal KUN vise teksten, når man har skervet noget.

Hvordan sætter jeg en baggrund hvid den skal have http://3dcity.1go.dk/tekst.bmp ind?

Sådan ?-)

<div id='tekst'style='position:absolute;left:30px;top:-15px;background:url(ramme.gif) no-repeat #fff'>Her skulle teksten så komme !-)</div>

-- og så skal du nok også sætte en margin !-)

Ja, tak! :) - Ved du hvordan man får den til at komme når man har tilføjet en besked? og efter 10 sekunder skal talebobblen gå ned igen?

Fra start skal den være visibility:hidden; og når der så kommer en tekst, sætter du visibility='visible', når du fylder teksten ind i ...

-- og tilføjer en fjenelse af kalorius, når der er gået de 10 sekunder:

setTimeout('document.getElementById("tekst").style.visibility="hidden"',10000);

Lille fejl i den! Hvis man skriver tekst, så bliver den lille taleboblen, hvis man skriver hejh jejsdkdkasdjsdjfk en stor tekst, så bliver den mega, og passere ikke.
Kan man ikke bruge den til baggrund, sådan den hele tiden bliver stående og ikke kan blive større/mindre ?

Skal jeg:
<script>
setTimeout('document.getElementById("tekst").style.visibility="hidden"',10000);
</script> ?

Ja, næsten:

<script type="text/javascript">
var flt = parent.document.getElementById('tekst');
flt.innerHTML = "<?php include("db.php"); $query = mysql_query("SELECT * FROM chattekst ORDER BY id DESC");
while($row = mysql_fetch_array($query)) {  echo " <font size=1 face=Verdana color=black><b>$row[brugernavn]</b>: $row[tekst]<br>";
} ?>";
flt.style.visibility='visible';
setTimeout('document.getElementById("tekst").style.visibility="hidden"',10000);
</script>

Wee, har lavet sådan man kan tilføje sin besked i talebobbel, skal abre gøer sådan at "talebobbel.bmp" ikke kan blive større eller mindre ligesom <table background="talebobbel"><div osv osv ></table>

Her er min kode, kan du ikke sætte et simpelt script til at talebobblen fjernes HELT fra manden når der ikke er skrevet nogle beskeder? og kan du gøre sådan at "talebobel.bmp" bliver fast, for hvis man skriver hej, så er taleboblen der ikke, men hvis jeg skiver 1jkdfjkdfj9sdif0+sdfsdkofsdfj feks, så bliver den mega.


Kode:

<TD id='$t' valign='bottom' style='text-align:center;background:url(gfx/mand.gif);position:relative;font-size:xx-small;font-family:verdana,sans-serif;' onmousedown='check()'><a href='se_profil.php?brugernavn=$row[brugernavn]' target='tekstboks'>$rowasd</a><div id='tekst'style='position:absolute;left:30px;top:-10px;background:url(tekst.bmp) no-repeat #fff'>$tekst[tekst]</div></TD>

Så skal du sætte en størrelse på div'en og også skjule overflow:

<TD id='$t' valign='bottom' style='text-align:center;background:url(gfx/mand.gif);position:relative;font-size:xx-small;font-family:verdana,sans-serif;' onmousedown='check()'><a href='se_profil.php?brugernavn=$row[brugernavn]' target='tekstboks'>$rowasd</a><div id='tekst' style='height:100px;width:200px;overflow:hidden;position:absolute;left:30px;top:-10px;background:url(tekst.bmp) no-repeat #fff'>$tekst[tekst]</div></TD>

-- hvis du skal skjule den, når der ikke er noget tekst i, skal du onload på dokumentet kontrollere, om der er indhold i:

<script type="text/javascript">
function gemTekst(){
  elm = document.getElementById('tekst');
  if(elm.innerHTML=="")elm.style.visibility='hidden';
}
window.onload=gemTekst;
</script>

ej, hvor grimt. når man har fået talebobbel ind, så kan man ikke se ander bruger ir ummet.

Fejl i koden..

den fylder rummet med talebobler + mændene.

..! :(

Læg da svar..

<ole>

web-geek >> Undskyld mig, men du spilder din tid  :)
Hvis koden (18/09-2004 16:14:28) er, hvad du sender fra server til klient, har du totalt misforstået, hvordan man laver en chat.
Punkt ét er, at du nøjes med at hente de beskeder fra databasen, som brugeren endnu ikke har læst.
Derefter sender du data - og kun data - til klienten i en så simpel formatering som overhovedet muligt. Det betyder _absolut_ ingen HTML ... men gerne XML med ganske korte tagNames (f.eks. <a></a>, <b></b>, <c></c>, osv). Al HTML-formatering foretages på klienten med JavaScript/DOM.

Gør du ikke det, kan du godt lave en chat, der kan bære et par brugere ad gangen, men den bliver frygtelig ineffektiv og bryder lynhurtigt ned. I forvejen er script-sprog temmelig uanvendelige til at bygge chats med, da de belaster serveren i uhørt grad. Skal det endelig gøres, kræver det _rigtig_ megen omtanke - og en overbevisende kunnen  :)

/mvh
</bole>