Ir para conteúdo
Fórum Script Brasil

crucifier

Membros
  • Total de itens

    306
  • Registro em

  • Última visita

Posts postados por crucifier

  1. Olá galera, tudo certo?

    faz um tempinho que não passo por aqui, voltei para ajudar a galerinha que curte ajax aih...

    fiz um script de administração total de uma pagina (adicionar, deletar, alterar)...

    são 3 paginas, index.php, crucifier.php (:lol:) e crucifier.js (:yay:)

    aceito sugestões para mudar isso...tambem estou aprendendo esse negocio de ajax...

    aih vai o codigo:

    (comentem ^_^ )

    estrutura da tabela

    CREATE TABLE tutorial (

    id int(10) unsigned NOT NULL auto_increment,

    nome varchar(50) NOT NULL default '',

    sobrenome varchar(50) NOT NULL default '',

    PRIMARY KEY (id)

    ) TYPE=MyISAM;

    INSERT INTO tutorial VALUES (1, 'alo', 'teste');

    INSERT INTO tutorial VALUES (2, 'pedro', 'neto');

    INSERT INTO tutorial VALUES (3, 'crucifier', 'pedro neto');

    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=iso-8859-1" />
    <script language="javascript" src="crucifier.js"></script>
    <style>
    * {
        text-align: center;
    }
    h1 {
    font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
        font-size: 20px;
        font-weight: bold;
    }
    th {
        background: #f3f3f3;
        height: 30px;
    }
    td {
        background: #f9f9f9;
        height: 20px;
    }
    </style>
    </head><body>
    <h1>Administra&ccedil;&atilde;o de registros via Ajax - By Crucifier </h1>
      <table align="center" cellspacing="0" class="tbls-consulta" id="tabela">
        <tbody>
        <tr>
          <th width="70">ID</th>
          <th width="200">Fun&ccedil;&atilde;o</th>
          <th width="200">Comiss&atilde;o</th>
          <th width="179">Op&ccedil;&otilde;es</th>
        </tr>
        <?
        mysql_connect("localhost", "root", "");
        mysql_select_db("tuto");
        
        $sql = mysql_query("SELECT id, nome, sobrenome FROM tutorial ORDER BY id ASC");
        while($coluna = mysql_fetch_array($sql)){
            $id = $coluna["id"];
      ?>
      <tr>
          <td><?=$coluna['id'];?></td>
          <td><span id="campo<?=$id?>"><?= $coluna["nome"]; ?></span></td>
          <td><span id="campo_<?=$id?>"><?= $coluna["sobrenome"]; ?></span></td>
          <td><span id="enviar<?=$id?>"><a href="java script:editar('<?=$id;?>')">alterar</a></span><br /><a href="java script:;" onClick="apagar('<?=$id ?>', this.parentNode.parentNode.rowIndex);">del</a></td>
        </tr>
        <?
        }
      ?>
      </table>
    <table align="center" cellspacing="0">
        <tr>
          <td width="70">&nbsp;</td>
          <td width="200"><input name="nome" type="text" id="nome" /></td>
          <td width="200"><input name="sobrenome" type="text" id="sobrenome" /></td>
          <td width="179">
          <input name="button" type="button" onclick="add();" value=" + " /></td>
        </tr>
        <tr>
          <th colspan="4"></th>
        </tr>
        </tbody>
    </table>
    
    crucifier.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;
    }
    
    
    function editar(id) {
        elem = document.getElementById('campo'+id); //primeiro campo
        elem2 = document.getElementById('campo_'+id); //segundo campo
        bot = document.getElementById("enviar"+id); //botao de enviar
        elem.innerHTML = "<input type=\"text\" value=\"" + elem.innerHTML + "\" id='"+id+"_c' />"; //inserir o primeiro input
        elem2.innerHTML = "<input type=\"text\" value=\"" + elem2.innerHTML + "\" id='"+id+"d_c' />"; //inserir o segundo input
        bot.innerHTML = '<a href="java script:editado(\''+ id +'\')">enviar</a>'; //inserir o botao de enviar a alteracao
    }
    
    
    function editado(id) {
        envia = document.getElementById('enviar'+id); //span onde vai aparecer o botaozinho para enviar a alteracao
        campo = document.getElementById(id+'_c').value; //primeiro campo
        campod = document.getElementById(id+'d_c').value; //segundo campo
        ecampo = escape(campo); //para não haver problemas de acentos e tal
        ecampod = escape(campod); //para não haver problemas de acentos e tal
        document.getElementById('campo'+id).innerHTML = campo; //alterar o registro na pagina
        document.getElementById('campo_'+id).innerHTML = campod; //alterar o registro na pagina
        envia.innerHTML = '<a href="java script:editar(\''+id+'\')">alterar</a>'; //depois de enviar, mostrar de novo o botão de editar
        xmlhttp = new ajax();
        xmlhttp.enviar('crucifier.php?acao=edit&id='+ id + '&nome='+ ecampo + '&sobrenome=' + ecampod, "POST", false); //endereco para enviar a alteração
    }
    
    
    function addrow(id) {
        também = document.getElementById('tabela'); //id da tabela
        campo = document.getElementById('nome'); //primeiro campo
        campod = document.getElementById('sobrenome'); //segundo campo
        
        var x=também.insertRow(-1); //inserir a linha
        var y=x.insertCell(0); //inserir coluna 1
        var z=x.insertCell(1); //inserir coluna 2
        var w=x.insertCell(2); //inserir coluna 3
        var b=x.insertCell(3); //inserir coluna 4
        
        y.innerHTML=id; //na primeira coluna, inserir o id
        z.innerHTML="<span id=\"campo"+id+"\">"+campo.value+"</span>"; //na segunda coluna, inserir o nome
        w.innerHTML="<span id=\"campo_"+id+"\">"+campod.value+"</span>"; //na terceira coluna, inserir o sobrenome
        b.innerHTML='<span id="enviar'+id+'"><a href="java script:editar(\''+id+'\')">alterar</a></span><br><a href="java script:;" onClick="deleterow(\''+id+'\', this.parentNode.parentNode.rowIndex);">del</a>'; //na quarta coluna, inserir as opções
    }
    
    function add() {
        campo = document.getElementById('nome').value; //recupera primeiro campo
        ecampo = escape(campo); //"escapa" primeiro campo
        campod = document.getElementById('sobrenome').value; //recupera segundo campo
        ecampod = escape(campod);//"escapa" segundo campo
        xmlhttp = new ajax();
        id = xmlhttp.enviar('crucifier.php?acao=add&nome='+ ecampo + '&sobrenome=' + ecampod, "POST", false); //manda adicionar
        addrow(id); //adiciona a linha com os campos
        campo.value = ""; //limpa o campo 1
        campod.value = ""; //limpa o campo2
    }
    
    function apagar(id, rowIndex)
    {
        if (confirm('Tem certeza que deseja excluir este registro?'))
        {
            document.getElementById("tabela").deleteRow(rowIndex); //id da tabela + excluir linha
            xmlhttp = new ajax();
            xmlhttp.enviar('crucifier.php?acao=del&id='+ id, "POST", false); //envia o comando para deletar
        }
    }
    
    crucifier.php
    <?php
    
    //conecta ao banco de dados
    mysql_connect("localhost", "root", "");
    mysql_select_db("tuto");
    
    //essa function eu coloquei para retornar o id e inserir na tabela, ela é desnecessaria para o funcionamento...coloquei porq no meu tava xD
    function autoindex($também)
    {
        $query = mysql_query('SHOW TABLE STATUS LIKE "' . $também . '"');
        $data = mysql_fetch_array($query);
        return $data['Auto_increment'];
    }
    
    switch ($_REQUEST['acao'] == "add") {
    //se acao = add então adicionar
    case 'add' :
        $valor    = urldecode($_REQUEST['nome']);
        $valor2 = urldecode($_REQUEST['sobrenome']);
        echo autoindex("tutorial");
        mysql_query("INSERT INTO tutorial VALUES('','$valor','$valor2')");
        break;
    //se acao = del então deletar
    case 'del' :
        $id = $_REQUEST['id'];
        mysql_query("DELETE FROM tutorial WHERE id = '$id'");
        break;
    //se acao = edit então editar
    case 'edit' :
        $id        = $_REQUEST["id"];
        $valor    = urldecode($_REQUEST["nome"]);
        $valor2 = urldecode($_REQUEST["sobrenome"]);
        mysql_query("UPDATE tutorial SET nome = '$valor', sobrenome = '$valor2' WHERE id = '$id'");
        break;
    }
    
    ?>

  2. eu sinceramente não entendi a solução...eu fiz tanta coisa que vai ser meio dificil de explicar...mas aí vai o codigo:

    function busca() {
        var busca = document.getElementById("busca");
        botao.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;<img src="seta2.gif" alt="Fechar busca de cliente" width="16" height="17" border="0" onclick="busca2()"> ';
        busca.innerHTML = '<table border="0" cellpadding="1" cellspacing="1"><tr><tudo height="200" colspan="2" align="center" valign="middle"><? include("campo_busca.php"); ?></tudo></tr></table>';
    }
    
    function busca2() {
        var busca = document.getElementById("busca");
        botao.innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;<img src="seta.gif" alt="Buscar Cliente" width="16" height="17" border="0" onclick="busca()"> ';
        busca.innerHTML = '<img src="spacer.gif" border="0">';
    }
    

    Abraços

  3. ola galera

    estou com um codigo javascript que não sei porq qual motivo não esta dando certo

    então vim aqui pedir a ajuda de voces...ao meu ver não consegui identificar erro...mas eu não sou muito bom em javascript...

    o codigo insere e retira coisas de um <span id> ( <span id="botao"> )

    abaixo segue o codigo:

    <script language="JavaScript" type="text/JavaScript">
    function busca() {
        busca = document.getElementById("id-busca");
        botao = document.getElementById("botao");
        busca.innerHTML = '<table border="0" cellpadding="1" cellspacing="1"><tr><tudo height="200" colspan="2" align="center" valign="middle"><table width="495" height="150" border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC"><tr><tudo width="491" height="179" valign="top" bgcolor="f3f3f3"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><tudo height="10" align="right" valign="bottom"><img src="fechar.gif" width="36" height="5" border="0"></tudo></tr><tr><tudo height="163">&nbsp;</tudo></tr></table></tudo></tr></table></tudo></tr></table>';
        botao.innerHTML = '<img src="seta2.gif" alt="Fechar busca de cliente" width="16" height="17" border="0" onclick="busca2()"> ';
    }
    
    function busca2() {
        botao = document.getElementById("botao");
        busca = document.getElementById("id-busca");
        busca.innerHTML = '<img src="spacer.gif" border="0">';
        botao.innerHTML = '<img src="seta.gif" alt="Buscar Cliente" width="16" height="17" border="0" onclick="busca()"> ';
    }
    </script>

    no botao estou colocando assim:

    onclick="busca()"

    agradeço se alguém ajudar

    abraços

  4. aeouhAOUSH tinha até eskecido desse tópico..

    mas ow fiko legal a imagem vexelizada(inventei agora)....

    tu leva jeito mesmo

    e daki uns dias vo ta enchenu a paciencia de voces aki...porq agora abandonei a programação e vou trabalhar com design...esse post eu estava tirando umas duvidas para entrar para essa nova empresa sobre design ^^

    e putz..achei muito bom esse site vexels.net...curti mesmo!

  5. gostaria de saber se da pra criar um gráfico no excel via asp...

    eu nunca ouvi falar disso....tentie localizar no forum e parece q não achei

    se alguém souber me avisem por favor

    se souber apenas se existe ou não isso me avisem tambem pra mim passar isso pro cliente

    agradeço desde já

  6. na hora de cadastrar a categoria..aparece: frequencia:

    mensal

    bimestral

    trimestral

    semestral

    anual..

    e no banco de dados grava como

    1

    2

    3

    6

    12

    na hora de cadastrar a conta tem que escolher o ano, a categoria, e o mês que quer cadastrar conforme a frequencia

    exemplo..se eu escolhi para cadastrar trimestralmente..teria os meses no campo:

    janeiro

    março

    junho

    setembro

    dezembro

    se na outra categoria eu escolhesse bimestralmente teria os seguintes meses

    janeiro

    março

    maio

    julho

    setembro

    novembro

    mas eu não sei como faz isso..se puderem me ajudar=]

  7. no meu eskema de enviar e-mail ta dando esse erro:

    Parse error: syntax error, unexpected T_VARIABLE in /home/redesp/public_html/envia.php on line 31

    linha 31 é essa:

    $msg .= "Endereco: " . $endereco . "\n";

    tentei achar um erro mas não achei não..se kizerem eu posto o codigo inteiro

    verifikei todos os ; no final das linha ta td certo e pá...verifikei se ta escrito um com maiusculo outro com minusculo..mas ta td certo

    alguém pode me ajudar?

  8. não quero q ninguém faça o codigo pra mim viu..longe de mim...as vezes a pessoa pensa:

    "q q esse folgado ta pensando..q somos empregados dele?"

    eu só keria um pouco da logica da programacao pra mim fazer isso..ou algum já pronto e eu adaptar pro meu caso

  9. ola galera,

    estou com um script aki desse eskema de ajax...que quando o cara seleciona a categoria no select, aparece as subcategorias no select de baixo...até aih td bem

    o problema..é que cada categoria tem denominado qual a frequencia dela..se é mensal, bimestral, trimestral, etc..etc...

    como eu faria pra quando selecionar a subcategoria aparecer a frequencia embaixo...

    vou citar como exemplo esta pagina:

    http://www.centropaulista.com.br/sistema/prefeitura/alo.asp

    se alguém kizer que eu poste o codigo q eu já tenho pronto da categoria e subcategoria...

    eu precisava de uma adaptação pra faze esse eskema q eu to falanu mas eu não consigo=\\

  10. descobri o erro mas não descobri uma solucao

    o erro esta aih:

    "&prefixo&"ano.ano_id = '"&objrs_ano("ano_id")&"'"

    se eu colocar assim por exemplo funciona:

    "&prefixo&"ano.ano_id = '1'"

    mas eu preciso que ele puxe o eskema da linha...coméki arruma isso?o.O

  11.  strQ_usr = "SELECT "&prefixo&"usr.usr_id, "&prefixo&"usr.usr_nome, "&prefixo&"ano.ano_id_usr FROM "&prefixo&"usr, "&prefixo&"ano WHERE "&prefixo&"ano.ano_id_usr = "&prefixo&"usr.usr_id AND "&prefixo&"ano.ano_id = '" & objrs_ano("ano_id") &"'" 'linha 181 

×
×
  • Criar Novo...