grid

bush · Julho 14, 2008

Boa Tarde !!

Pessoal eu estou criando um gridzinho basico aqui pra me ajudar a atualizar deletar e inserir novos menus em meu sistem e cheguei em um ponto critico aqui.

bom o sitema ate onde eu fui so consigo editar agora quero colocar um geito de excluir e add novo registro no banco.

estou utilizando um modelinho basico que encontrei na net poren não to dando conta de colocar mais as funções add novo registro e editar registro nela que por vez usa ajax.

vocês podem me dar uma força ?

to postando o codigo abaixo pra vocês analizarem.

funções.js

function teste(url, metodo, modo)
{
var campo = document.getElementById('form1').texto.value;
remoto = new ajax();
envia = remoto.enviar(url + "?" + "texto=" + campo, metodo, modo );
document.getElementById("conteudo").innerHTML = envia;
}
function editar(nn, atual, id_usuario, nome_campo) {
elem = document.getElementById("campo" + nn);
elem.innerHTML = "<input maxlength=\"50\"type=\"text\" value=\"" + atual.innerHTML + "\" size=\"20\" onkeypress=\"return enter(this, event," + nn + "," + id_usuario +", '"+ nome_campo + "')\" onblur=\"return semfoco(this," + nn + "," + id_usuario +", '"+ nome_campo + "')\" />";
elem.firstChild.focus();
}
function enter(campo, evt, idfld, id_usuario, nome_campo) {
evt = (evt) ? evt : window.event;
if (evt.keyCode == 13 && campo.value!="") {
elem = document.getElementById("campo" + idfld);
xmlhttp = new ajax();
xmlhttp.enviar('salvar.php?id=' + id_usuario + "&campo="+ nome_campo + "&valor=" + campo.value, "POST", false);
elem.innerHTML = "<span onclick=\" editar(" + idfld + ", this," + id_usuario +", '"+ nome_campo + "');\">" + campo.value + "</span>";
return false;
} else {
return true;
}
}
function semfoco(campo, idfld, id_usuario, nome_campo) {
if (campo.value!="") {
elem = document.getElementById("campo" + idfld);
xmlhttp = new ajax();
xmlhttp.enviar('salvar.php?id=' + id_usuario + "&campo="+ nome_campo + "&valor=" + campo.value, "POST", false);
elem.innerHTML = "<span onclick=\" editar(" + idfld + ", this," + id_usuario +", '"+ nome_campo + "');\">"
elem.firstChild.innerHTML = campo.value;
return false;
}
}

ajax.js

function ajax() {
};
ajax.prototype.iniciar = function() {
try{
this.xmlhttp = new XMLHttpRequest();
}catch(ee){
try{
this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
this.xmlhttp = false;
}
}
}
return true;
}
ajax.prototype.ocupado = function() {
estadoAtual = this.xmlhttp.readyState;
return (estadoAtual && (estadoAtual < 4));
}
ajax.prototype.processa = function() {
if (this.xmlhttp.readyState == 4 && this.xmlhttp.status == 200) {
return true;
}
}
ajax.prototype.enviar = function(url, metodo, modo) {
if (!this.xmlhttp) {
this.iniciar();
}
if (!this.ocupado()) {
if(metodo == "GET") {
this.xmlhttp.open("GET", url, modo);
this.xmlhttp.send(null);
} else {
this.xmlhttp.open("POST", url, modo);
this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
this.xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
this.xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
this.xmlhttp.setRequestHeader("Pragma", "no-cache");
this.xmlhttp.send(url);
}
if (this.processa) {
return unescape(this.xmlhttp.responseText.replace(/\+/g," "));
}
}
return false;
}

salvar.php

<?php
$id = $_REQUEST["id"];
$campo = strip_tags(preg_replace("/\s+/", " ", $_REQUEST["campo"]));
$valor = strip_tags(preg_replace("/\s+/", " ", $_REQUEST["valor"]));
mysql_connect("localhost", "fgfff", "fff");
mysql_select_db("ddddd");
mysql_query("UPDATE menu_user SET $campo = '$valor' WHERE id = $id");
?>

lista_usuarios.php

<html>
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<script src="ajax.js" type="text/javascript"></script>
<script src="funcoes.js" type="text/javascript"></script>
<title>lista usuarios</title></head>
<body>
<table width="200" border="1" align="center">
<tr>
<th>Nome</th>
<th>Sobrenome</th>
</tr>
<?php
mysql_connect("localhost", "dffg", "fgfg");
mysql_select_db("fgfgfg");
$re = mysql_query("select * from menu_user");
$i = 1;
while($l = mysql_fetch_array($re)) {
$id = $l["id];
$nome_link = $l["nome_link"];
$endereco = $l["endereco"];

echo "<tr>\n";
echo "\t<td><span id=\"campo$i\"><span onclick=\" editar($i, this, $id, 'nome_link');\">{$nome_link}</span></span></td>\n";
$i++;
echo "\t<td><span id=\"campo$i\"><span onclick=\" editar($i, this, $id, 'endereco');\">{$endereco}</span></span></td>
</tr>\n";
$i++;
}

?>
</table>
</body>
</html>

bom ta ai os 4 arquivos que compoe meu dridizinho se vocês poderem me ajudar eu agradeço. eu quero apenas add 2 fun~çoes uma pra inserir novo registro e outra pra deletar o registro.

Eric Freitas · Julho 14, 2008

prototype é um framework de ajax. ele já deve possuir essas funções de incluir alterar e deletar, veja na documentação deste framework as ações q ele possui e veja se está usando e maneira correta.

Entrar

grid

Pergunta

bush

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Eric Freitas

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades