Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


en chatt med iframe och innerHTML

Postades av 2007-06-16 23:45:41 - Carsten Johansson, i forum php, Tråden har 4 Kommentarer och lästs av 1103 personer

Finns det någon basic guide hur sådant fungerar utan extra lullull

Har hittat en del exempel här men hänger inte riktigt med.

ska vara till PHP och MySQL


Svara

Sv: en chatt med iframe och innerHTML

Postades av 2007-06-17 11:19:34 - Johan Djupmarker

Pelles Chat är uppbyggd på det sättet, bara att kolla den genererade html-koden så ser du hur det går till...

/Johan


Svara

Sv:en chatt med iframe och innerHTML

Postades av 2007-06-17 11:48:55 - Carsten Johansson

Jo men han har en massa andra koder också så det är inte så lätt att veta vad som inte tillhör och vad som tillhör chatten.


Svara

Sv: en chatt med iframe och innerHTML

Postades av 2007-06-17 12:51:21 - Johan Djupmarker

Jag gjorde en liknande för ganska många år sedan till ett projekt när jag pluggade. Inte speciellt snyggt, men väldigt enkelt utan massa annat, så här kan du säkert se hur det fungerar:

Själva HTML-sidan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/NDstyle.css" rel="stylesheet" type="text/css">
<link href="css/chat.css" rel="stylesheet" type="text/css">
<title>Chat: Aktuellt</title>
</head>

<body style="background-color: #FFFFFF">
  <table cellspacing="0" class="chatmaintable">
    <tr>
      <td>

	  <IFRAME src="chat_write.php?ChatID=25" marginwidth="2" marginheight="2" width="540" height="25" scrolling="NO" frameborder="0" name="write"></IFRAME>
          <table cellspacing="0" class="chattable">
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time1>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user1>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess1>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">

              <td class="chatcoltime"><p id=time2>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user2>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess2>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time3>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user3>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess3>&nbsp;</p></td>
            </tr>

            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time4>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user4>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess4>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time5>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user5>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess5>&nbsp;</p></td>

            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time6>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user6>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess6>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time7>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user7>&nbsp;</p></td>

              <td class="chatcolmess"><p id=mess7>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time8>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user8>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess8>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time9>&nbsp;</p></td>

              <td class="chatcoluser"><p id=user9>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess9>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time10>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user10>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess10>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">

              <td class="chatcoltime"><p id=time11>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user11>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess11>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time12>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user12>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess12>&nbsp;</p></td>
            </tr>

            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time13>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user13>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess13>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time14>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user14>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess14>&nbsp;</p></td>

            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time15>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user15>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess15>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time16>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user16>&nbsp;</p></td>

              <td class="chatcolmess"><p id=mess16>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time17>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user17>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess17>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time18>&nbsp;</p></td>

              <td class="chatcoluser"><p id=user18>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess18>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time19>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user19>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess19>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">

              <td class="chatcoltime"><p id=time20>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user20>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess20>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time21>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user21>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess21>&nbsp;</p></td>
            </tr>

            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time22>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user22>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess22>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time23>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user23>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess23>&nbsp;</p></td>

            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time24>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user24>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess24>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time25>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user25>&nbsp;</p></td>

              <td class="chatcolmess"><p id=mess25>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time26>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user26>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess26>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">
              <td class="chatcoltime"><p id=time27>&nbsp;</p></td>

              <td class="chatcoluser"><p id=user27>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess27>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time28>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user28>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess28>&nbsp;</p></td>
            </tr>
            <tr class="chatrad1">

              <td class="chatcoltime"><p id=time29>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user29>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess29>&nbsp;</p></td>
            </tr>
            <tr class="chatrad2">
              <td class="chatcoltime"><p id=time30>&nbsp;</p></td>
              <td class="chatcoluser"><p id=user30>&nbsp;</p></td>
              <td class="chatcolmess"><p id=mess30>&nbsp;</p></td>
            </tr>

          </table>
      </td>
      <td class="chatcolonline">
        <p id=update>Senast uppdaterad: 00:00:00</p>
        <p id=online>Online: </p>
        <p>Historik</p>
        <p>Logga ut</p>

      </td>
    </tr>
  </table>
<IFRAME src="chat_update.php?ChatID=25" marginwidth="2" marginheight="2" width="0" height="0" scrolling="NO" frameborder="0" name="write"></IFRAME>

</body>

</html>





resultatet från chat_update.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta HTTP-EQUIV="Refresh" CONTENT="5;URL=chat_update.php?ChatID=25">
<title>chatuppdatering</title>
</head>
<script language="javascript">
function insert() {

parent.time1.innerHTML="12:46:40";
parent.user1.innerHTML="JohanD";
parent.mess1.innerHTML="<font style=\"color: #CC0000;\"><b>Kommer in</b>!</font>";
parent.time2.innerHTML="&nbsp;";
parent.user2.innerHTML="&nbsp;";
parent.mess2.innerHTML="&nbsp;";
parent.time3.innerHTML="&nbsp;";
parent.user3.innerHTML="&nbsp;";
parent.mess3.innerHTML="&nbsp;";
parent.time4.innerHTML="&nbsp;";
parent.user4.innerHTML="&nbsp;";
parent.mess4.innerHTML="&nbsp;";
parent.time5.innerHTML="&nbsp;";
parent.user5.innerHTML="&nbsp;";
parent.mess5.innerHTML="&nbsp;";
parent.time6.innerHTML="&nbsp;";
parent.user6.innerHTML="&nbsp;";
parent.mess6.innerHTML="&nbsp;";
parent.time7.innerHTML="&nbsp;";
parent.user7.innerHTML="&nbsp;";
parent.mess7.innerHTML="&nbsp;";
parent.time8.innerHTML="&nbsp;";
parent.user8.innerHTML="&nbsp;";
parent.mess8.innerHTML="&nbsp;";
parent.time9.innerHTML="&nbsp;";
parent.user9.innerHTML="&nbsp;";
parent.mess9.innerHTML="&nbsp;";
parent.time10.innerHTML="&nbsp;";
parent.user10.innerHTML="&nbsp;";
parent.mess10.innerHTML="&nbsp;";
parent.time11.innerHTML="&nbsp;";
parent.user11.innerHTML="&nbsp;";
parent.mess11.innerHTML="&nbsp;";
parent.time12.innerHTML="&nbsp;";
parent.user12.innerHTML="&nbsp;";
parent.mess12.innerHTML="&nbsp;";
parent.time13.innerHTML="&nbsp;";
parent.user13.innerHTML="&nbsp;";
parent.mess13.innerHTML="&nbsp;";
parent.time14.innerHTML="&nbsp;";
parent.user14.innerHTML="&nbsp;";
parent.mess14.innerHTML="&nbsp;";
parent.time15.innerHTML="&nbsp;";
parent.user15.innerHTML="&nbsp;";
parent.mess15.innerHTML="&nbsp;";
parent.time16.innerHTML="&nbsp;";
parent.user16.innerHTML="&nbsp;";
parent.mess16.innerHTML="&nbsp;";
parent.time17.innerHTML="&nbsp;";
parent.user17.innerHTML="&nbsp;";
parent.mess17.innerHTML="&nbsp;";
parent.time18.innerHTML="&nbsp;";
parent.user18.innerHTML="&nbsp;";
parent.mess18.innerHTML="&nbsp;";
parent.time19.innerHTML="&nbsp;";
parent.user19.innerHTML="&nbsp;";
parent.mess19.innerHTML="&nbsp;";
parent.time20.innerHTML="&nbsp;";
parent.user20.innerHTML="&nbsp;";
parent.mess20.innerHTML="&nbsp;";
parent.time21.innerHTML="&nbsp;";
parent.user21.innerHTML="&nbsp;";
parent.mess21.innerHTML="&nbsp;";
parent.time22.innerHTML="&nbsp;";
parent.user22.innerHTML="&nbsp;";
parent.mess22.innerHTML="&nbsp;";
parent.time23.innerHTML="&nbsp;";
parent.user23.innerHTML="&nbsp;";
parent.mess23.innerHTML="&nbsp;";
parent.time24.innerHTML="&nbsp;";
parent.user24.innerHTML="&nbsp;";
parent.mess24.innerHTML="&nbsp;";
parent.time25.innerHTML="&nbsp;";
parent.user25.innerHTML="&nbsp;";
parent.mess25.innerHTML="&nbsp;";
parent.time26.innerHTML="&nbsp;";
parent.user26.innerHTML="&nbsp;";
parent.mess26.innerHTML="&nbsp;";
parent.time27.innerHTML="&nbsp;";
parent.user27.innerHTML="&nbsp;";
parent.mess27.innerHTML="&nbsp;";
parent.time28.innerHTML="&nbsp;";
parent.user28.innerHTML="&nbsp;";
parent.mess28.innerHTML="&nbsp;";
parent.time29.innerHTML="&nbsp;";
parent.user29.innerHTML="&nbsp;";
parent.mess29.innerHTML="&nbsp;";
parent.time30.innerHTML="&nbsp;";
parent.user30.innerHTML="&nbsp;";
parent.mess30.innerHTML="&nbsp;";
parent.update.innerHTML="Senast uppdaterad:<br>12:47:48";
parent.online.innerHTML="Användare online:<br>JohanD<br>";

}
</script>
<body onload="javascript:insert();">




</body>

</html>


/Johan


Svara

Sv:en chatt med iframe och innerHTML

Postades av 2007-06-17 12:53:04 - Carsten Johansson

Tack
Få se, har fått ett tips att göra den i flash och flash kan jag ju :)


Svara

Nyligen

  • 19:38 Rekommendera något intressant
  • 19:13 Международная перевозка грузов
  • 00:01 DL Van Tuning | Exclusive Body Kit
  • 12:08 Indian casino
  • 04:14 Vad finns det för kratomalternativ
  • 14:16 Indian online casino
  • 14:15 Indian online casino
  • 08:28 Butiksskyltar: Hur upplever utbude

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 868
27 965
271 770
407
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies