Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Snowden

[Resolvido] Botão de ONLINE / OFFLINE

Por , em Javascript

Recommended Posts

Snowden    94

Snowden
Postado

Bom dia!

 

Queria ajuda para o seguinte desafio...

 

Sabe aquele sisteminha do MSN que da pra fazer tipo de um suporte online em seu site ?

Então queria ver se alguém ajuda a criar um botão com imagem (personalizado com um logo qualquer) e aparecer os status, tipo Online quando entrar no MSN e OFFline quando sair.

 

EXEMPLO DE IMAGENS

suporte_offline.jpg

suporte_online.jpg

 

 

Vou posta as 3 opções que o próprio MSN dispõe...

 

<--- Janela de Mensagens Instantâneas --->

<iframe src="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=750a09986a47ee50@apps.messenger.live.com&mkt=pt-BR" width="300" height="300" style="border: solid 1px black; width: 300px; height: 300px;" frameborder="0" scrolling="no"></iframe>

 

<--- Botão --->

<script type="text/javascript" src="http://settings.messenger.live.com/controls/1.0/PresenceButton.js"></script>
<div
 id="Microsoft_Live_Messenger_PresenceButton_750a09986a47ee50"
 msgr:width="100"
 msgr:backColor="#D7E8EC"
 msgr:altBackColor="#FFFFFF"
 msgr:foreColor="#424542"
 msgr:conversationUrl="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=750a09986a47ee50@apps.messenger.live.com&mkt=pt-BR"></div>
<script type="text/javascript" src="http://messenger.services.live.com/users/750a09986a47ee50@apps.messenger.live.com/presence?dt=&mkt=pt-BR&cb=Microsoft_Live_Messenger_PresenceButton_onPresence"></script>

 

<--- Ícone de status --->

<a target="_blank" href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=750a09986a47ee50@apps.messenger.live.com&mkt=pt-BR"><img style="border-style: none;" src="http://messenger.services.live.com/users/750a09986a47ee50@apps.messenger.live.com/presenceimage?mkt=pt-BR" width="16" height="16" /></a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

agrosandro    0

agrosandro
Postado

Olá tudo bem?

você deseja que essa imagen de status apareça onde? na página principal do seu site?

se for isso eu tenho um script em php que funciona bem mais não entra automáticamente quando você entrar no msn, ele tem um admin onde você deve entrar e marcar a opção on-line ou off-line, então a imagem muda no site conforme o que você marcou, se desejar te passo os códigos ok?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

hooo demoro chapa é noix... passa ele faz favor... vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

agrosandro    0

agrosandro
Postado

Ok vou te mandar pela ordem então:

 

1º Cria uma pasta com o nome status por exemplo, e coloca todos os arquivos dentro dela, inclusive as duas imagens suporte_online.jpg e suporte_offline.jpg.

 

2º Manda a pasta pro servidor de hospedagem e acesse o endereço da pasta buscando o admin.php, a senha e login é: admin/admin. nesse admin.php você apenas muda a opção para onn ou off e aperta o botão mudar status. na sua index a imagem de status muda assim que carregar a página principal do seu site.

 

A index que está na pasta só tem a chamada das imagens pra não te confundir, é só colocar o código na página principal do seu site ok?

 

AQUI ESTÃO OS SCRIPTS:

 

admin.php

<?php
// login de acesso
$login = "admin";
// senha de acesso
$senha = "admin";
if($_SERVER['PHP_AUTH_USER']!="$login" || $_SERVER['PHP_AUTH_PW']!="$senha") {
header('WWW-Authenticate: Basic realm="área protegida"');
header('HTTP/1.0 401 Unauthorized');
echo 'ERRO! Dados incorretos';
exit;
} else {
?>

<?php
if($_POST) {
extract($_POST);
$config="<?php\n";
$config.="\$status=\"$status\";\n";
$config.="?>";
$fp=fopen("config.php", "w");
fputs($fp, $config);
fclose($fp);
echo "<script>alert('Status alterado com sucesso');location.href='?';</script>";
}
?>

<?php
include('config.php');
?>

<form action="?" method="POST">
<select name="status">
<?php
if($status=="on") {
echo "<option value='on' selected>on</option>";
echo "<option value='off'>off</option>";
} else {
echo "<option value='on'>on</option>";
echo "<option value='off' selected>off</option>";
}
?>
<br>
<input type="submit" value="Mudar o status">
</form>

<?php
}
?>

 

index.php

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script language="JavaScript" src="base.php"></script>
</body>
</html>

 

config.php

 

<?php
$status="on";
?>

 

base.php

 

<?php
include("config.php");
if($status=="on") {
echo "document.write('<img src=\"suporte_online.jpg\">')";
}else{
echo "document.write('<img src=\"suporte_offline.jpg\">')";
}

 

chamada.php

 

<script language="JavaScript" src="base.php"></script>

 

suporte_online.jpg

suporte_online.jpg

 

suporte_offline.jpg

suporte_offline.jpg

Qualque coisa posta se deu certo ok? um abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito