Fazer Igual O Orkut

ViniciusJau · Julho 12, 2006

e ai galera.. estou tentando fazer um esquema igual a pagina de amigos do orkut...

onde você marca quem é seu fâ quem é um amigo confiavel etc....

Se alguém quer ver como é essa pagina tem um exemplo aqui: http://usuarios.lycos.es/fernandowobeto/orkut_duvida.gif

você vai colocando as carinhas, cubos e corações para representar o que você acha de cada pessoa. alguém tem alguma dica de como eu posso montar isso.. na verdade seria tipo um botão liga e desliga que executa uma ação no meu BD sem dar refresh na pagina...

partindo do começo.. eu queria fazer trocar as imagens... por enquanto eu estou usando o seguinte codigo:

<script>
function muda( valor ){
for( i=0; i < valor+1; i++ ){
bloco = document.getElementById( "img"+i );
bloco.src = "mais.gif";
}
}
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="1" width="10%">
<tr>
<td>
<img id="img0" src="menos.gif" onclick="java script:muda(0);">
</td>
<td>
<img id="img1" src="menos.gif" onclick="java script:muda(1);">
</td>
<td>
<img id="img2" src="menos.gif" onclick="java script:muda(2);">
</td>
<td>
<img id="img3" src="menos.gif" onclick="java script:muda(3);">
</td>
<td>
<img id="img4" src="menos.gif" onclick="java script:muda(4);">
</td>
</tr>
</table>

porém se você clica em uma imagem ele muda todas as imagens... eu queria mudar só uma... alguém sabe como eu posso fazer ?

fercosmig · Julho 12, 2006

você deve usar a tecnologia AJAX, e salvar os dados no bd sem atualizar a página, tem exemplo aqui no fórum de AJAX

abraços

ViniciusJau · Julho 12, 2006

então cara...

eu quebrei a cabeça já procurando alguma coisa sobre isso com ajax..

e não achei nada que pudece me ajudar...

fercosmig · Julho 12, 2006

olha uns exemplos

http://www.foo.com.br/viewtopic.php?t=1121

http://scriptbrasil.com.br/forum/index.php...=68977&st=0

http://www.tableless.com.br/artigos/ajaxdemo/

http://www.imasters.com.br/artigo/3918/jav...dos_sem_refresh

http://scriptbrasil.com.br/forum/index.php...p;highlite=AJAX

marcos_804 · Julho 13, 2006

Veja um codigo de ajax que eu adaptei:

//Tenta criar o objeto xmlHTTP
try{
    xmlhttp = new XMLHttpRequest();
}catch(ee){
    try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
        try{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(E){
            xmlhttp = false;
          }
       }
   }

function ajaxRun(url,id,msg){
{
    //Abre a conexão
    xmlhttp.open("GET",url ,true);
    //Função para tratamento do retorno
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4){
            //Mostra o HTML recebido
                document.getElementById(id).innerHTML=xmlhttp.responseText;
            //Roda o próximo
          }else{
                  document.getElementById(id).innerHTML = msg;
          }
     }
    //Executa
    xmlhttp.send(null)
}
}

---- Descrição:

ajaxRun(url,id,msg)

url = pagina que será executada para rodar o ajax;

id = o "div id" que apresentará uma resposta para o usuario.

msg = mensagem para o usuario durante o processamento da pagina

---------> Exemplo:

<a href="#" onclick="ajaxRun('pagina.asp?escreve=Nome','mostra','...Aguarde...');">Clique aqui</a>

---> pagina: pagina.asp

resposne.write request.querystring("escreve")

-----------> Faça o teste

Bem, espero ter ajudado.

Entrar

Fazer Igual O Orkut

Pergunta

ViniciusJau

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

ViniciusJau

Link para o comentário

Compartilhar em outros sites

fercosmig

Link para o comentário

Compartilhar em outros sites

marcos_804

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades