Alex Fernandes
-
Total de itens
16 -
Registro em
-
Última visita
Posts postados por Alex Fernandes
-
-
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>
-
Fala galera.
Em uma pagina são carregados registros de um bd. Para cada registro há 1 botão 'abrir' 2 'campos de textos' e um botão 'atualizar'.
O botão abrir é o único habilitado, os demais componentes estão desabilitados (impedindo que o usuário os manipulem).
O que eu quero é: que ao clicar no botão abrir, os campos de textos e o botão atualizar fiiquem habilitados, agora o usuário poderá fazer a atualização dos dados
contidos nos campos de textos, e o bd é atualizado ao clicar no botão atualizar. NÃO estou conseguindo fazer que ao clicar por exemplo no 3° botão abrir, abra somente
o 3° campo e o 3° bt atualizar. Consigo fazer com php, todavia a pagina vai dar um refresh apenas para isso, então quero fazer em JS ou JQuery, como faço?
Desde já obrigado.
Mudar cor de uma substring
em Ajax, JavaScript, XML, DOM
Postado · Editado por 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