Alex Fernandes

Obrigado por responder. Então com o text area não há como mudar a cor de parte da digitação, é isso? O que estou fazendo é um programa de treinamento de digitação, o usuário tem o texto no 1° textarea e digita no 2° textarea, se ele errar um caracter é incrementado uma variavel mostrando quantos ele errou, tb tem um tempo para concluir o exercicio. Consegui fazer tudo que eu precisava, mas quero esse efeito para o usuário ter esse feedback, onde o 1° textarea muda de cor seu caracteres a medida que o usuário já digitou, acertando ou errando, se ele digitou 5 caracteres de uma palavra com 10, os 5 mudem de cor. Estou fazendo em html/CSS e JavaScript/Jquery

Fala galera! Tenho 2 textArea, o primeiro já com informação, no segundo o usuário digitará o que esta no primeiro textArea. Quero que na medida que for digitando no segundo textArea, os caracteres do primeiro mude de cor, exemplo: teste area 1 abcd (em azul) ai no 2° teste area, o usuário digitou ab, então as letras ab no primeiro testArea muda de cor, como fazer isto? Desde já agradeço. Na verdade preciso apenas de saber mudar a cor de uma subString especifica, como: ALEX o E ser de outra cor.

beleza "Jedais"! $.ajax({ type: "POST", url: 'cadastro-usuario-controller.php', ... ... ... O arquivo 'cadastro-usuario-controller.php' é onde é passado os valores pelo ajax. O arquivo que implementa o ajax esta no diretório 'cadastro', apenas funciona se o arquivo 'cadastro-usuario-controller.php' estiver no diretório raiz do projeto, ou seja, fora do diretório 'cadastro', mas quero que ele esteja também no diretório 'cadastro'. Resumindo, quero que o arquivo que implementa o ajax e o arquivo 'cadastro-usuario-controller.php' fiquem no mesmo diretório. Já tentei 'cadastro/cadastro-usuario-controller.php' dentre outras coisas e nada. Alguém pode ajudar? Desde já agradeço. EDITADO: Meu erro estava em outra parte, desconsiderem o tópico, desculpe-me.

beleza "Jedais"! $.ajax({ type: "POST", url: 'cadastro-usuario-controller.php', ... ... ... O arquivo 'cadastro-usuario-controller.php' é onde é passado os valores pelo ajax. O arquivo que implementa o ajax esta no diretório 'cadastro', apenas funciona se o arquivo 'cadastro-usuario-controller.php' estiver no diretório raiz do projeto, ou seja, fora do diretório 'cadastro', mas quero que ele esteja também no diretório 'cadastro'. Resumindo, quero que o arquivo que implementa o ajax e o arquivo 'cadastro-usuario-controller.php' fiquem no mesmo diretório. Já tentei 'cadastro/cadastro-usuario-controller.php' dentre outras coisas e nada. Alguém pode ajudar? Desde já agradeço. EDITADO Meu erro estava em outra parte, desconsiderem o tópico, desculpe-me.

Fala "Jedais"! É o seguinte: Tenho a pagina pag-form-emp-recuperar.php que contem um botão para deletar, ao clicar no botão abre um modal e o endereço passa a ser pag-form-emp-recuperar.php#openModalconfirmacao, ao clicar no confirma fecha o modal e abre outro informando que esta excluindo, aguarde..., o endereço da pagina passa a ser pag-form-emp-recuperar.php#openModalDao. O que eu faço pra abrir os modais é location.href="#openModal"; e assim com todos. Para fechar, apenas faço location.href="#"; e a pagina fica pag-form-emp-recuperar.php# O PROBLEMA é que as vezes quando clico para deletar, a janela abre e fecha sozinha, pois o endereço entra sozinho em pag-form-emp-recuperar.php#, igual quando fecho o modal. O que devo fazer para resolver isso? Desde já agradeço, aos amigos Jedis.

Fala "Jedais"! É o seguinte: Tenho a pagina pag-form-emp-recuperar.php que contem um botão para deletar, ao clicar no botão abre um modal e o endereço passa a ser pag-form-emp-recuperar.php#openModalconfirmacao, ao clicar no confirma fecha o modal e abre outro informando que esta excluindo, aguarde..., o endereço da pagina passa a ser pag-form-emp-recuperar.php#openModalDao. O que eu faço pra abrir os modais é location.href="#openModal"; e assim com todos. Para fechar, apenas faço location.href="#"; e a pagina fica pag-form-emp-recuperar.php# O PROBLEMA é que as vezes quando clico para deletar, a janela abre e fecha sozinha, pois o endereço entra sozinho em pag-form-emp-recuperar.php#, igual quando fecho o modal. O que devo fazer para resolver isso? Desde já agradeço, aos amigos Jedis.

Fala "Jedais"! É o seguinte: Tenho a pagina pag-form-emp-recuperar.php que contem um botão para deletar, ao clicar no botão abre um modal e o endereço passa a ser pag-form-emp-recuperar.php#openModalconfirmacao, ao clicar no confirma fecha o modal e abre outro com o dizendo que esta deletando, o endereço da pagina passa a ser pag-form-emp-recuperar.php#openModalDao. O que eu faço pra abrir os modais é location.href="#openModal"; e assim com todos. Para fechar apenas faço location.href="#"; e a pagina fica pag-form-emp-recuperar.php# O PROBLEMA é que as vezes quando clico para deletar, a janela abre e fecha sozinha, pois o endereço entra sozinho em pagina fica pag-form-emp-recuperar.php#, como quando fecho o modal. O que dvo fazer para resolver isso? Desde já agradeço, aos amigos Jedis.

Fala "Jedais"; Quando do form mando inserir no bd e a chave primária é violado obtenho uma resposta, dou um feedback para o usuário dizendo cnpj já existe. Mas passei a fazer com ajax para evitar o carregamento da pagina, e o problema é o seguinte: JS e o Ajax $(document).ready(function() { $("#id_botao").click(function(e) { if (!validarForm()) { return; } var nome = $("#nome"); var nomePost = nome.val(); var cnpj = $("#cnpj"); var cnpjPost = cnpj.val(); var radioPost; if(document.getElementById('radio0').checked == true) { radioPost = 0; }else { radioPost = 1; } $.ajax({ url : 'emp-inserir.php', type : "POST", data: { nome: nomePost, cnpj: cnpjPost, radio: radioPost //chave:valor }, datatype: "html", beforeSend: function(){ // modal dizendo que esta salvando }, success : function(response) { // AQUI quero o retorno dizendo que foi gravado com sucesso ou se houve a violação da chave primária }, error : function(data) { alert('Erro: URL não encontrada!');// não achou a url (debug) }, }) });// fim botão }); A URL para o ajax <?php $resultadoDao = '0'; require_once('dao/crud-emp.php'); $dao = new DaoEmpresa(); $nome = $_POST['nome']; $cnpj = $_POST['cnpj']; $radio = $_POST['radio']; if ($dao->inserir($nome, $cnpj, $radio)) { $resultadoDao = 'SUCESSO';// NÃO CONSIGO PEGAR ESTE VALOR }else { $resultadoDao = 'ERRO';// NÃO CONSIGO PEGAR ESTE VALOR } echo $resultadoDao; ?> O arquivo dao/crud-emp-.php public function inserir($nome, $cnpj, $isAutomatico) { error_reporting(0); // retirar caracteres acentuados $nome = strtr($nome, $this->map); // forçar a gravar tudo em maiusculo. Se quiser apenas a primeira letra de cada palavra em maiusculo, usar ucwords($nome) $nome = strtoupper($nome); $sql = "INSERT INTO empresa (nome, cnpj, isAutomatico) VALUES ('$nome', '$cnpj', '$isAutomatico')"; // retorna falso quando há duplicidade na chave primária, no caso o campo cnpj if (!mysql_query($sql)) { //$this->conectar->desconecta(); return false; } $this->addAutomatico($nome); $this->conectar->desconecta(); return true; } Amigos, tudo funciona, grava no bd quando é para gravar e não gtva quando o cnpj (chave primária) foi violada. Mas eu tenho que dar um feedback para o usuário saber que foi ou não gravado. Percebi através do console.log, que o parâmetro da função sucess do ajax retorna uma pagina inteira, tem como eu pegar um true/false? Desde já agradeço.

Nossa amigo! você deixou bem claro que não "pega" do 8 pra trás, e na minha cabeça havia entendido pra trás do 8, ou seja o 8 ok, acho que é cansaço de tanto pesquisar. Muito obrigado por toda atençao. Funcionando no chome, mozila e no IE acima do 8, estou tranquilo. Novamente obrigado. Vou colocar como resolvido.

Amigo, obrigado pela ajuda (novamente demorei pra responder, pois estou muito agarrado). De fato quando retirei o alpha a cor apareceu (mas não quero ficar sem alpha). Mas o estranho é que meu IE é o 8 versão: 8.0.7601.17514 nivél de codificação: 256 bits Será que é porque meu windows ainda é de 32Bits (é que tenho tanto programa aqui que não quiz colocar o 64bits)? Será que se eu reinstalar o IE alguma coisa melhora? Acho que não ne? Se eu não achar solução pra isto, vou ter que colocar um aviso para meus clientes não usarem o IE. É que apesar de não dominar muito bem html/css sou programador Java e C++ e desenvolvi um App android para escritorio de contabilidade e este app pega os dados no servidor que foram populados no painel administrativo. Já esta pronto e funcionando perfeitamente, tanto o painel administrativo quanto o App, inclusive já com testes reais com clientes há 2 meses. Mas estes clientes eu tive um contato pessoal e expliquei os problemas à eles, não da pra ficar falando sempre para não usar o IE. Pior de tudo são as janelas modais (com transições, essa ferrou mesmo devido a codigos como: background: -moz-linear-gradient(#fff, #999);) que criei em divs no html com recursos css, não é apenas a questão da aparencia mas sim de funcionamento. Esse css que coloquei é apenas o primeiro de 7 arquivos css. No chome e mozila funcionam como um relojinho de tão bem. Muito obrigado Markus.

Descupem a demora. Esta mal identado pois estou fazendo no notepad++ <!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=windows-1252"> <!-- chamando arquivo CSS --> <link href="css/menu-lateral.css" rel="stylesheet" media="screen" type="text/css" /> </head> <body> <div id="lateral"> <div id="menu"> <h3 class="link-titulo">R.D.C</h3> <ul class="box"> <li id='home'><a href="pag-home.php">Home</a></li> <li id='login'><a href="#">Editar login</a></li> </ul> <h3 class="link-titulo">Documentos</h3> <ul class="box"> <li id='caddoc'><a href="pag-form-doc-criar.php">Cadastro</a></li> <li id='showdoc'><a href="pag-form-doc-recuperar.php">Show</a></li> </ul> <h3 class="link-titulo">Empresas</h3> <ul class="box"> <li id='cademp'><a href="pag-form-emp-criar.php">Cadastro</a></li> <li id='showemp'><a href="pag-form-emp-recuperar.php">Show</a></li> </ul> </div> </div> </body> </html>

beleza? Nada esta pegando. A chamda é feita em uma pagina php; <!-- chamando arquivo CSS --> <link href="css/menu-lateral.css" rel="stylesheet" media="screen" type="text/css" /> testei e funciona no chrome e no firefox, mas não pega no IE

Fala "Jedais"; Já pesquisei, mas até agora não resolvi o problema. Tenho o seguinte css mas o mesmo não "pega" no IE, alguma dica, desde já agadeço. *, html, body { margin:0; padding:0; } /* mais regras CSS reset */ /* regra para o box-sizing */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* regra para o clear float */ .cf:before, .cf:after {content: " ";display: table;} .cf:after {clear: both;} .cf {*zoom: 1;} body { margin-left:200px; /* mesmo valor da largura da barra de menu, para os componentes das outras paginas respeitarem este limite */ font: 62.5%/1.2 Verdana, Helvetica, Arial, sans-serif; } /* Nessa etapa veremos as regras CSS para aplicar o efeito slider lateral no menu */ #lateral { padding:0 0px 0 0; font-size:1.2em; background-color:#303030; height:100%; overflow:hidden; width:200px; position:fixed; top:0; left:0px; } /* Nessa etapa veremos as regras CSS para estilizar os conteúdos da seções do menu */ #lateral .box { list-style-type:none; margin-top:-3em; padding-bottom:1em; border-top:2px solid #303030;/*solid #252525;*/ } #lateral h3 {/*Documentos, Empresas, Login e Administrado do sistema*/ display:inline-block;/*inline-block*/ font-weight:bold; font-size:1.6em; font-style:normal; padding-bottom:0.2em; margin: 2em 0 2em 1em;/*2em 0 2em 0.81em*/ color:rgba(255,255,255,0.7); } #menu { font-style:italic; position:relative; font-size:1.0em; margin:0em 0 1em -1em;/*1em 0 1em -1em*/ margin-top:-3.7em; } #menu li a { font-size:1.5em; color:rgba(255,255,255,0.5); text-decoration: none; padding: 0.8em 1em;/*0.8em 0 0.8em 1em*/ display: block; border-bottom:2px solid #303030;/*solid #252525;*/ background-color:rgba(0,255,255,0.1);/*COR*/ } #menu li a:hover { color:rgb(255,255,255); background-color:rgba(255,255,255,0.2); } #menu li a:active { color:rgb(255,255,255); background-color:rgba(255,255,255,0.5); }

CONSEGUI. Fuçando deu certo agora apenas vou adaptar a minha necessidade, segue como fiz o JQuery,para quem precisar. Obrigado lowys seu link me deu opções <script> $("a").on("click", function () { var botaoAbrir = $(this).closest("a").find("input[name='id_bt_abrir']"); var campoNome = $(this).closest("li").find("input[name='valorNome']"); var campoCnpj = $(this).closest("li").find("input[name='valorCnpj']"); if (botaoAbrir.val() == 'Abrir') { botaoAbrir.val('Fechar'); campoNome.removeAttr("disabled"); campoCnpj.removeAttr("disabled"); }else { botaoAbrir.val('Abrir'); campoNome.attr("disabled", ""); campoCnpj.attr("disabled", ""); } }); </script>

Amigo, muito obrigado! Seguinte, vendo o exemplo que você passou, fiz um teste e o melhor que cheguei foi o resultado que estou postando. O que deu certo: ao clicar em cada botão abrir é desencadeado um evento em uma tag correspondente, isso que eu precisava, todavia como já deu pra perceber sou noob em JQuery e até mesmo em html, eu preciso que meu exemplo ao invés de manipular a tag manipule os imputs textos para receber um disabled (claro que o codigo não vai ser assim, mas conseguindo isto dou meu jeito aqui). Segue o que eu fiz, e se possivel dei-me uma luz de como deixar co jeito que preciso, desde já obrigado por compartilhar conhecimento. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>closest demo</title> <style> li { margin: 3px; padding: 3px; background: #EEEEEE; } li.highlight { background: yellow; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div> <?php componentes();?> </div> <script> $( 'a').on( "click", function( event ) { $( event.target ).closest( "li" ).toggleClass( "highlight" ); }); </script> <?php function componentes() { // apenas exemplo, virá do bd (isso já fiz) for ($i = 0; $i < 5; $i++) { echo " <form name='formulario' method='post' > <li> <a><input type='button' id='botao' name='id_bt_abrir' value='Abrir'></a> <input type='text' name='valorNome' size = 36 value='nome' disabled> <input type='text' name='valorCnpj' size = 16 value='cnpj' disabled></li> "; } } ?> </body> </html>