Como criar um chat livre em HTML???

3 participantes

Ir para baixo

Tópico resolvido Como criar um chat livre em HTML???

Mensagem por MarcosSchultz 21.11.15 3:23

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?


Última edição por MarcosSchultz em 23.11.15 16:55, editado 1 vez(es)
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por Fraise 22.11.15 14:11

Boa tarde.

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

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por MarcosSchultz 22.11.15 15:06

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"
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por Fraise 22.11.15 15:13

É 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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por MarcosSchultz 22.11.15 15:17

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.
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por JrMAFiA 23.11.15 14:39

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,
Feliz
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por MarcosSchultz 23.11.15 16:25

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
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por JrMAFiA 23.11.15 16:29

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

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar um chat livre em HTML???

Mensagem por MarcosSchultz 23.11.15 16:32

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%
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos