Como criar um chat livre em HTML???

Detalhes da questão

Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PhpBB3

Descrição

Olá pessoal... Estou a algum tempo atras de um tipo de chat livre em HTML para implantar no meu fórum...

A intenção é que seja algo +/- neste estilo: http://arkanis.de/projects/simple-chat/example.php

Tipo, qualquer pessoa, registrada ou não, pode digitar no chat, e fica salvo apenas o que aparece na tela... depois que desaparece da telinha, a mensagem é apagada...

Como eu poderia fazer algo assim? Ou, como eu poderia implementar esse PHP no meu site?

Boa tarde.

Por gentileza, consulte este tutorial:
https://ajuda.forumeiros.com/t44902-

Até mais.
Fraise

Utilizando este metodo em específico, consegui um chat legal...

http://www.schultzgames.com/h2-teste

Más ele não aparece na página inicial, não sei por que... Devo ter algo que oculte ele.

A intenção é que ele aparecesse depois das "Regras de utilização do fórum"

É só criar um novo JS utilizando este código:

Código:

$(function() {
  $('.tabela1').after('CÓDIGO_DO_XAT');
});

Substitua CÓDIGO_DO_XAT pelo código que lhe foi fornecido quando criou o 'xat'.

Até mais.
Fraise

O seu script não funcionou... então tentei implementar assim:

Código:

$(function() {
$('#main-content').before('

<br/>
<center>
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="1200" height="350" name="chat" FlashVars="id=216020516&gn=schultzgames" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small></small><br>
</center>

');
});

E deu certo (embora as regras estejam em baixo e não em cima do chat)... más tive muitos problemas com a resolução...

A idéia éra deixar o chat da largura do fórum, então eu utilizaria widht=95% ou algo assim... más estes comandos não funcionam. Pelo que vi, da para trabalhar apenas com pixels, o que é um grande problema.

olá,

Código:

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=29679496&gn=Ajuda" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=29679496&GroupName=Ajuda">Get Ajuda chat group</a> | <a target="_BLANK" href="http://xat.com/Ajuda"> Goto Ajuda website</a></small><br>

Seria isso ? Largura: X e Altura: X ? o senhor queria modificar essa largura ? se for isso Basta editar: width="540" height="405" e por o ID de seu Xat que seria,id=29679496&GroupName=Ajuda" se não conseguiu entender explico denovo.

Até mais,

Não é este o problema Gustavo... é que o widht só aceita pixels, sei la por que motivo.

Já tentei widht=90%, entre outras coisas, más ai o tamanho volta para o seu original de 540...
Já se eu colocar qualquer outro tamanho, só que em pixels ( 1600 por exemplo ), ai o chat funciona normal. Não sei por que disso. 


E outra coisa, a intenção é que as regras do fórum ficassem em cima do chat e não em baixo... más meu pouco conhecimento em java só permitiu esta implementação

Olá,mais qual tamanho o senhor deseja colocar eu posso tentar isso para o senhor,

Gustavo_20156 escreveu:Olá,mais qual tamanho o senhor deseja colocar eu posso tentar isso para o senhor,

o MateusAnjosV acabou resolvendo o problema em outro tópico...

A solução ficou assim:

Código:

$(function() {[size=12][/size]
var result = $( window ).width() * 90 / 100; [size=12][/size]
$('#main-content').prepend('<br/><center>[size=12][/size]
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" [size=12][/size]
id="chat"[size=12][/size]
height=350[size=12][/size]
name="chat" FlashVars="id=216020516&gn=schultzgames" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small></small><br>[size=12][/size]
</center>');[size=12][/size]
$('#chat').attr('width', result);[size=12][/size]
});

Funcionou 100%