Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17236
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Código para edição rápida Ajax + txt

25-09-2007 18:11

Nesse artigo vou passar um código de edição rápida.
Esse onde você clica em um texto ai vira um input, ao sair do input o valor já fica gravado.

O código é dividido em duas partes, a parte do texto e a parte que grava o que foi digitado no txt.

Vou chamar o documento do texto de teste.php
teste.php - parte em JavaScript

<script type="text/javascript"> 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 abre(arquivo,metodo){ xmlhttp.open(metodo,arquivo); xmlhttp.onreadystatechange=conteudo xmlhttp.send(null) } function conteudo() { document.getElementById('texto').innerHTML="" if (xmlhttp.readyState==4){ document.getElementById('texto').innerHTML=xmlhttp.responseText } } function foco() { document.form.texto.focus(); document.form.texto.value=document.form.texto.value; } function volta(valor) { document.getElementById('texto').innerHTML=valor; numero = 0; } var numero = 0; function passagem(valor) { if(numero==0) { document.getElementById('texto').innerHTML='' +'<input type="text" name="texto" value="'+valor+'" onblur="abre(\'grava.php?valor=\'+this.value,\'GET\');volta(this.value);">'; numero++; } } </script>

teste.php - parte em PHP e HTML

<form name="form"> <?php // crie o arquivo abaixo e dê permissão 777 $arquivo="gravado.txt"; $lendo=fopen($arquivo, "r+"); $conteudo=fread($lendo,filesize($arquivo)); fclose($lendo); ?> <div id="texto" onclick="passagem(innerHTML);foco();" style="width:120px;"><?php echo $conteudo; ?></div> </form>

Agora, vou passar o código do arquivo grava.php

<?php // pega o navegador $navegador = $_SERVER['HTTP_USER_AGENT']; // se navegador for IE if(strstr($navegador, 'MSIE')==TRUE) { header("Content-Type: text/html; charset=ISO-8859-1",true); } // se navegador for FF if(strstr($navegador, 'Firefox')==TRUE) { header("Content-Type: text/html; charset=UTF-8"); } ?> <?php // crie o arquivo abaixo e dê permissão 777 $arquivo="gravado.txt"; $escrevendo=fopen($arquivo, "w+"); $dados=$_GET['valor']; $escreve=fwrite($escrevendo,$dados); fclose($escrevendo); echo $dados; ?>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado