Ajax Php Function.

Prøv http://dragons-lair.org/projects/chat/ og sig din mening, Koden er open-source, men mit repository er nede lige nu.

http://dragons-lair.org/projects/chat/chat.js indeholder det vigste javascript kode, og jeg kan sørge for at PHP koden bliver tilgængelig også.

Jeg vil sige at det i forsøger at kode en selv er nok lidt at skyde over målet ;)

Det kan skam godt bruges, må vi se nogen php kode ? og måske du kunne flette vores ind i ? :D Mega sejt lavet .. Kan den godt arbejde på tværs af to iframes ?

Source: http://dragons-lair.org/repository/PHP/Chat/Chat.rar

og teoretisk set burde den virker fint sålænge at i holder html-strukturen som javascriptet er bygget ud fra.

(Spoiler: new BSD licence, altså open-source).

Jaah men kan den bruges på tværs af 2 frames ? vi har et skriv og et besked frame ..

I skal bare modificer den til at sende kommandoen over til besked framen... selvom frames = evil, og bør undgåes for alt i verden.

Meget bedre hvis i designer siden med CSS istedet :-)

altså:
      <form id="chatform" action="" method="post">
        <div>
          <input id="line" type="text" name="chat" /><input id="submit" type="submit" value="Send" />
        </div>
      </form>
Skal sendes over til det andet frame ?

<ole>

Om http://dragons-lair.org/projects/chat/chat.js skal det lige nævnes, at:

1) scriptet ikke er XHTML-kompatibelt
2) at det virker ulogisk kun delvist at bruge DOM - og så blande det med invalid kode (såsom innerHTML)

/mvh
</bole>

1) korrekt
2) korrekt

Men det er skrevet hurtigt som en mini proof-of-concept. Selve konceptet i brugen af XHR og JSON sammen med PHP er korrekt nok.

En ideel version ville være bygget op lidt anderledes :-)

Vedr. punkt 1 så betyder det ikke så meget i øjeblikket, da browserne jo ikke understøtter XHTML (og kun ganske få kan kode brugbar XHTML)  :)

ja, men koden til at gøre det kompatibelt ville også virke under HTML 4 :p

Heej igen ..

Jeg har fundet den her og fået den til at virke korrekt sammen med vores script, men problemet med denne er at vi ikke kan få den til at lave grafiske smiley'er ..

http://www.plasticshore.com/projects/chat/

Vi laver en str_replace(); på outputtet inden det kommer ud til browseren, det eneste sted vi kan ligge replace er enten i selve Javascriptet eller php'en .. Den replacer dem korrekt, men den viser html tagget istedet for selve billedet, hvilket vi jo ikke ønsker .. :)

Kan i hjælpe med den ?

Okey det problem er nu løst, vi fandt uda f at det var pga det var. CreateTextNode, hvilket udskriver det som ren tekst .. Vi ændrede det til innerHTML ..

var GetChaturl = "getChatData.php";
var SendChaturl = "sendChatData.php";
var lastID = -1;
window.onload = initJavaScript;

function initJavaScript() {
    document.forms['chatForm'].elements['chatbarText'].setAttribute('autocomplete','off'); //this non standard attribute prevents firefox' autofill function to clash with this script
    checkStatus(''); //sets the initial value and state of the input comment
    checkName(); //checks the initial value of the input name
    receiveChatText(); //initiates the first data query
}




function receiveChatText() {
    if (httpReceiveChat.readyState == 4 || httpReceiveChat.readyState == 0) {
      httpReceiveChat.open("GET",GetChaturl + '?lastID=' + lastID + '&rand='+Math.floor(Math.random() * 1000000), true);
    httpReceiveChat.onreadystatechange = handlehHttpReceiveChat;
      httpReceiveChat.send(null);
    }
}


function handlehHttpReceiveChat() {
  if (httpReceiveChat.readyState == 4) {
    results = httpReceiveChat.responseText.split('---'); //the fields are seperated by ---
    if (results.length > 2) {
        for(i=0;i < (results.length-1);i=i+4) { //goes through the result one message at a time
            insertNewContent(results[i+1],results[i+2],results[i+3]); //inserts the new content into the page
        }
        lastID = results[results.length-4];
    }
    setTimeout('receiveChatText();',1000); //executes the next data query in 4 seconds
  }
}

function insertNewContent(liName,liText,liBid) {
    insertO = document.getElementById("outputList");
    document.getElementById('chatoutput').innerHTML +="<b><a target='right' href='../profil.php?id="+liBid+"'>P</a></b><span class='graa'>"+ liName + "Siger:</span><br /><span class='hvid'>" + liText + "<br /></span><br>";
}

function sendComment() {
    currentChatText = document.forms['chatForm'].elements['chatbarText'].value;
    if (currentChatText != '' & (httpSendChat.readyState == 4 || httpSendChat.readyState == 0)) {
        currentName = document.forms['chatForm'].elements['name'].value;
        param = 'n='+ currentName+'&c='+ currentChatText;   
        httpSendChat.open("POST", SendChaturl, true);
        httpSendChat.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      httpSendChat.onreadystatechange = handlehHttpSendChat;
      httpSendChat.send(param);
      document.forms['chatForm'].elements['chatbarText'].value = '';
    } else {
        setTimeout('sendComment();',1000);
    }
}

function handlehHttpSendChat() {
  if (httpSendChat.readyState == 4) {
      receiveChatText(); //refreshes the chat after a new comment has been added (this makes it more responsive)
  }
}

function checkStatus(focusState) {
    currentChatText = document.forms['chatForm'].elements['chatbarText'];
    oSubmit = document.forms['chatForm'].elements['submit'];
    if (currentChatText.value != '' || focusState == 'active') {
        oSubmit.disabled = false;
    } else {
        oSubmit.disabled = true;
    }
}

function checkName() {
    currentName = document.forms['chatForm'].elements['name'];
    if (currentName.value == '') {
        currentName.value = 'guest_'+ Math.floor(Math.random() * 10000);
    }
}

function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

var httpReceiveChat = getHTTPObject();
var httpSendChat = getHTTPObject();


Det er vores scripts.js fil som udføre hele arbejdet, men nu opdatere den ikke af sig selv, hvad skal vi ændre i den så den kan opdatere af sig selv ? Har prøvet at lave et setTimeOut, men så kommer der nogen underlige beskeder ..

Kan i hjælpe ?