Avatar billede -kick- Nybegynder
19. december 2004 - 00:16 Der er 8 kommentarer og
1 løsning

Talebobler i javascript.

Hejsa.
Jeg vill hører hvordan jeg får lavet en talebobbel.

Jeg har en div, som i kan se her:

<div id='$row1[brugernavn]' style='width:200px; height:200px; position:absolute; left:$row1[lfelt]px; top:$row1[tfelt]px;'>

<img src='$row1[figur]' border='0' alt='$row1[brugernavn]'><br />

<font size='2' face='Trebuchet MS' color='white'>$row1[brugernavn]</div>

Det skal være sådan ved manden skal der komme en talebobbel (talebbobel.gif), som udskriver noget tekst, feks. "BLA"

Jeg har disse og hjælpe jer med:
Left: er $row1[lfelt]
TOP: er $row1[ltop];
også det felt man står på er $row1[felt]

håber jeg forklareede det nok for jer!
Avatar billede -kick- Nybegynder
19. december 2004 - 00:45 #1
Har lavet:

<table border="0" cellpadding="0" cellspacing="0">
<tr>
  <td height="3" width="3" background="talebobler/top-venstre.gif"></td>
  <td height="3" background="talebobler/top.gif"></td>
  <td height="3" width="5" background="talebobler/top-hojre.gif"></td>
</tr>
<tr>
  <td width="3" background="talebobler/venstre.gif"></td>
  <td bgcolor="#FFFFFF">Tekst ;)</td>
  <td width="5" background="talebobler/hojre.gif"></td>
</tr>
<tr>
  <td height="5" width="3" background="talebobler/bund-venstre.gif"></td>
  <td height="5" background="talebobler/bund.gif"></td>
  <td height="5" width="5" background="talebobler/bund-hojre.gif"></td>
</tr>
</table>

Men nu skal den jo vises i en <div, <span, <layer, <base over figuren.

______....(.ö.ö.)
\tekst\..(/_____\)
\-----)...\...../
........../.....\

Altså taleboblen skal være i venstre siden for manden.
Avatar billede olebole Juniormester
19. december 2004 - 01:59 #2
<ole>

Jeg lavede engang denne her til en anden:
  http://www.tjenester.dk/x-codes.dk/bubble/

Det kræver dog, du ikke laver nogen dårlige løsninger, hvor du skriver HTML'en ud på serveren - men nøjes med at sende data og lade klienten tage sig af al formatering og funktionalitet. Men det har jeg jo prøvet at overtale dig til mange gange  :)

/mvh
</bole>
Avatar billede -kick- Nybegynder
19. december 2004 - 02:02 #3
Ole - har selv lavet det script, det er bare at sætte det efter det felt man står på jo!
Avatar billede olebole Juniormester
19. december 2004 - 02:06 #4
Ja, men det bliver stadig en elendig løsning, hvis du skriver HTML ud på serveren, hvergang, der er en besked ... det holder ved småtests - men det går helt galt, når der kommer flere/mange brugere på chatten  :)
Avatar billede -kick- Nybegynder
19. december 2004 - 02:08 #5
Så kan dit jo ikke bruges, det jeg mangler af det som jeg selv søger.

Altså taleboblen skal følge med manden som rykker fra felt til felt via <span, <div eller <map/<base, whatever, har prøvet alt hvad jeg kunne.
Avatar billede olebole Juniormester
19. december 2004 - 02:19 #6
Jo, mit kan bruges - og det er dét, der er pointen. Jeg er ked af at måtte sige det, men den løsning, du har gang i bliver ubrugelig. Du er langt fra den første, der har brændt nallerne og spildt i hundredevis af timer ... men det er da bare lidt skørt ikke at ville lære af de andres fejltagelser.
Anyway - det er dig, der bestemmer, om du vil spilde din tid  :)
Avatar billede -kick- Nybegynder
19. december 2004 - 02:22 #7
Ok, jeg vælger af spilde den, LOL *S*.
Ej, men helt ærgerligt, det virker fint med 200 brugere online på chatten, selv jeg bruger det du kalder "HTML ud på server, hvergang der er en besked " :P
..
Avatar billede olebole Juniormester
19. december 2004 - 03:17 #8
Prøv at monitorere serverens CPU og hukommelse, mens der er 200 brugere på ... men forbered dig på en slem forskrækkelse. Jeg kender ikke den udbyder, der tillader den slags - tvætimod får man normalt øjeblikkelig lukket sin konto, hvis udbyderen opdager, hvad man laver  ;o)
Avatar billede -kick- Nybegynder
20. december 2004 - 13:43 #9
Lukker spg. Gider ikke have talebobler, aligeve.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester