Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Eduardo_555

Criando função onclick ?

Recommended Posts

Olá pessoal bom dia!!

Estou criando uma pagina onde tenho uma lista com links na lateral, cada link que o usuário clica altera o um a variável id.

no lado desta lista tenho um input que vai cadastrar uma mensagem no banco de dados, o funcionamento é o mesmo do whatsap web, na lista temos os contatos e no lado um formulário e as mensagens já enviadas.

estou usando o Framework codeigniter php para ajudar no desenvolvimento.

seria assim cada vês que clico no link lateral gostaria que fizesse um onclick, que enviasse o dado para um input do formulário que ficara hidenn. porem isso não funciona acredito que seja pelo codeigniter ja que tenho que colocar o chamado da função onclick dentro de um anchor vou postar oque ja fis para vocês derem uma olhada aguardo um help ai!!

Esta é a função javascript

function preencher(value)
{
	var resultado = document.getElementById('cliente');
	resultado.value += " " + value;
}

Este a lista onde clico e seleciono o id

<li><?= anchor("Redirecionador/encontraEventos/{$cliente['id']}", "$exibicao", array('onclick'=>'$variavelid'))?><li>

e aqui o formulario que tenho que colocar o valor retornado pela função javascript

<?php

					echo form_open("Cadastro/Acontecimentos");
					echo form_input(array(
						"name"=>"acontecimento",
						"id"=>"acontecimento",
						"class"=>"form-control",
						"placeholder"=>"Informe um evento relacionado a este cliente!",
						"type"=>"text",
						));
					echo form_input(array(
						"name"=>"cliente",
						"id"=>"cliente",
						"class"=>"form-control",
						"type"=>"hidden",

						));
				?>

não funciona de jeito maneira, oque sera que esta errado

Agradeço desde já!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

qual é o html que o fw gera desse anchor?

o que aparece no console de erros? Ctrl + Shift + J? no Firefox ou Chrome

Compartilhar este post


Link para o post
Compartilhar em outros sites

Html 5

não aparece erro nenhum no console, mas fis um teste, se eu coloco um valor manual tipo um numero ele passa para a função e da um alert como configurei para testar, agora se mando a variável ele simplesmente ignora e nem executa o alert.

a variável não esta vazia posso garantir isso pq depois deste processo dou um insert no banco e esta indo certinho os outros campos menos este.

não posso passar uma variável php como parâmetro para função?

Compartilhar este post


Link para o post
Compartilhar em outros sites

depende de como está o html gerado.

veja ele apertando Ctrl + U no teu browser (Exibir -> Código Fonte). Apenas tendo certeza do que está sendo impresso é que poderemos entender o que tá acontecendo.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<li><a href="/aprorganizador/index.php/Redirecionador/encontraEventos/13" onclick="preencher($idFormulario)">fulano</a><li>

Alinha do onclick apareceu assim, parece que ele nao esta interpretando a varial $idFormulario estou certo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Exato! por isso que eu disse que você precisava ver o html.

troca:

<li><?= anchor("Redirecionador/encontraEventos/{$cliente['id']}", "$exibicao", array('onclick'=>'$variavelid'))?><li>
por

<li><?= anchor("Redirecionador/encontraEventos/{$cliente['id']}", "$exibicao", array('onclick'=>$idFormulario))?><li>

Compartilhar este post


Link para o post
Compartilhar em outros sites
<li><a href="/aprorganizador/index.php/Redirecionador/encontraEventos/12" onclick="12">fulano</a><li>

Blz agora funcionou apareceu o valor, o problema é que desta forma não chama a função preencher certo?

Até porque ele não faz nada só preenche os valores. certo?

tipo nao teria que chamar a função

prencher(colocar a variavel por parâmetro)?

Compartilhar este post


Link para o post
Compartilhar em outros sites
<li><a href="/aprorganizador/index.php/Redirecionador/encontraEventos/12" onclick="12">fulano</a><li>

Blz agora funcionou apareceu o valor, o problema é que desta forma não chama a função preencher certo?

Até porque ele não faz nada só preenche os valores. certo?

tipo nao teria que chamar a função

prencher(colocar a variavel por parâmetro)?

Não teria que ficar assim para chamar a função corretamente?

<li><a href="/aprorganizador/index.php/Redirecionador/encontraEventos/13" onclick="prencher('13')">fulano</a><li>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não, não precisa das aspas.. porque é um inteiro.

se você colocar aspas simples, o php não vai entender que aquilo é uma variável e vai imprimir como string.

deveria ficar entre parênteses sim. Se não for possível pelo teu framework, faça o html na mão.

Compartilhar este post


Link para o post
Compartilhar em outros sites

pse este problema ficou resolvido porem agora descobri que tenho outro,

só para você entender o contexto tenho a lista lateral quando clico nela, alem de dar esse onclick realizo uma busca no banco de dados com php, então realizo um refresh na pagina, agora acontece o seguinte

eu clico ele executa o onclick(deixei o form visível e realmente funciona)

porem logo em seguida ele da um refresh e o input fica vazio novamente.

tem alguma maneira de eu inverter as ordens de execução, ou então armazenar este valor mesmo com o refresh.

ou sera que vou ter que fazer a chamada da função que realiza a busca no bd com javascrip?e como fasso isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

você pode não fazer o refresh?

porque sempre que você fizer, você vai ter que buscar tudo novamente.. pois o js vai perder o estado da memória e ser reiniciado.

para o js trazer os dados do banco, você tem que usar ajax (assim o teu server-side devolver os dados para o js).

Compartilhar este post


Link para o post
Compartilhar em outros sites

OK pensei da seguinte maneira então,

já que eu fasso refresh e essa parte não irei mudar pois teria que mexer em uma boa parte do código

acho que quando a pagina recarrega vou tentar já chamar a função e preencher o valor sem usar o onclick,

pois o id que preciso e buscado do banco e fica presente em uma variavel na pagina carregada sempre que recarrega ele atualiza o id.

pensei em fazer assim porem ainda não esta funcionando(pra variar!!)

echo "<script type='text/javascript'>
 preencher('$idFormulario');
</script>

chamar minha função como se fosse um echo do php e então passo a variavel como parâmetro, o grande problema esta em qual local eu coloco este código, pois obviamente possuo uma lista com mais de um dado nela, então se eu coloco em um for ele vai preencher diversos valores no input, e se eu coloco fora do for ele pega somente o ultimo valor buscado no banco.

Como sera que resolvo esta?

aqui mais um pouco do código para um melhor entendimento da duvida!

<?php
 foreach($clientes as $cliente){
 $exibicao = $cliente['nome'];
 $idFormulario = $cliente['id'];
				  		
?>	
  <li><?= anchor("Redirecionador/encontraEventos/{$cliente['id']}", "$exibicao")?><li>
<?php
 }

echo "<script type='text/javascript'>
  preencher('$idFormulario');
</script>"
	
?>

aquela função javascript continua igual já que esta funcionando!!

pode me ajudar com alguma coisa, ideia?

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.

      Estou escrevendo um Sistema em JAVA Web e estou encontrando um problema para fazer Paginação.

      O sistema informa o Limite de registro por página, mas não mostra abaixo da tabela a paginação.

      Alguém pode me ajudar ?

      Posto o Código abaixo.

      Controller - Servlet
       
      package br.com.rc.controlador; import br.com.rc.modelo.Cargo; import br.com.rc.modelo.dao.CargoDAO; import java.io.IOException; import java.util.List; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet */ public class srvCargos extends HttpServlet { private CargoDAO crgDao = new CargoDAO(); private final String pagListar = "/views/cargos/cargos.jsp"; private final String pagNovo = "/views/cargos/cargoNovo.jsp"; private final String pagEditar = "/views/cargos/cargoEditar.jsp"; protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); String accion = request.getParameter("accion"); switch (accion) { case "listarCargos": listarCargos(request, response); break; default: throw new AssertionError(); } } protected void listarCargos(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); int paginaActual = 1; int registrosPorPagina = 5; // Qtde por Tabela if (request.getParameter(pagListar) != null) { paginaActual = Integer.parseInt(request.getParameter(pagListar)); } int offset = (paginaActual - 1) * registrosPorPagina; List<Cargo> lista = crgDao.ListarTodos(offset, registrosPorPagina); int totalRegistros = crgDao.contarTotal(); int totalPaginas = (int) Math.ceil((double) totalRegistros / registrosPorPagina); request.setAttribute("cargos", lista); request.setAttribute("totalPaginas", totalPaginas); request.setAttribute("paginaAtual", paginaActual); request.getRequestDispatcher(pagListar).forward(request, response); } @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { processRequest(request, response); } @Override public String getServletInfo() { return "Short description"; }// </editor-fold> }  
      Classe DAO
       
      package br.com.rc.modelo.dao; import br.com.rc.config.Conexion; import br.com.rc.modelo.Cargo; import java.sql.*; import java.util.ArrayList; import java.util.List; /** * Classe DAO */ public class CargoDAO { private Connection cn = null; private PreparedStatement ps = null; private ResultSet rs = null; private int noOfRecords; public ArrayList<Cargo> ListarTodos(int offset, int noOfRecords) { ArrayList<Cargo> lista = new ArrayList<>(); try { cn = Conexion.getConnection(); String sql = "select * from Cargo ORDER BY nombreCargo ASC limit " + offset + ", " + noOfRecords; ps = cn.prepareStatement(sql); rs = ps.executeQuery(); while (rs.next()) { Cargo obj = new Cargo(); obj.setIdCargo(rs.getInt("idCargo")); obj.setNombreCargo(rs.getString("nombreCargo")); obj.setEstado(rs.getBoolean("estado")); lista.add(obj); } } catch (Exception ex) { ex.printStackTrace(); } finally { try { if (cn != null) { cn.close(); } if (rs != null) { rs.close(); } if (ps != null) { ps.close(); } } catch (Exception ex) { } } return lista; } public int contarTotal() { String sql = "Select Count(*) From Cargo"; try (PreparedStatement ps = cn.prepareStatement(sql)) { ResultSet rs = ps.executeQuery(); if (rs.next()) return rs.getInt(1); } catch (SQLException e) { e.printStackTrace(); } return 0; } public int getNoOfRecords() { return noOfRecords; } }
      Página JSP
      caminho: \web\views\cargos\cargos.jsp
      <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <jsp:include page="../../estilo/header.jsp" /> <jsp:include page="../../estilo/menu.jsp" /> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <h1>Página Cargos</h1> </section> <!-- Content Header (Page header) --> <section class="content-header"> <a href="srvCargos?accion=novo" class="btn btn-success"> <i class="fa fa-plus"></i> Novo Cargo </a> <ol class="breadcrumb"> <li><a href="srvCargos?accion=index"><i class="fa fa-dashboard"></i> Inicio</a></li> <li class="active">Cargos</li> </ol> </section> <section class="content"> <div class="box"> <div class="box-header with-border"> <h3 class="box-title">Lista de Cargos</h3> </div> <div class="box-body"> <div class="table-responsive" > <table class="table table-bordered table-striped dataTable table-hover" id="tablaCargos"> <thead> <tr> <th>Código</th> <th>Descrição</th> <th>Estado</th> <th>Ação</th> </tr> </thead> <tbody> <c:forEach items="${cargos}" var="item"> <tr> <td>${item.idCargo}</td> <td>${item.nombreCargo}</td> <c:if test="${item.estado == true}"> <td><span class="badge bg-green active">Ativo</span></td> </c:if> <c:if test="${item.estado == false}"> <td><span class="badge bg-red active">Inativo</span></td> </c:if> <td> <a href="srvCargos?accion=buscar&id=${item.idCargo}" class="btn btn-info btn-sm"> <i class="fa fa-edit"></i> </a> <a href="srvCargos?accion=eliminar&id=${item.idCargo}" onclick="return confirm('Deseja Realmente Excluir o Cargo com id ${item.idCargo}')" class="btn btn-danger btn-sm"> <i class="fa fa-trash"></i> </a> </td> </tr> </c:forEach> <c:if test="${cargos.size() == 0}"> <tr class="text-center"> <td colspan="6">Nenhum Registro Enconrado.</td> </tr> </c:if> </tbody> </table> <!--Aqui está o erro ===> a parte de Navegação não mostra--> <nav> <ul class="pagination"> <c:if test="${paginaActual > 1}"> <li class="page-item"><a class="page-link" href="srvCargos?accion=listarCargos?page=${paginaActual - 1}">Anterior</a></li> </c:if> <c:forEach var="i" begin="1" end="${totalPaginas}"> <li class="page-item ${i == paginaActual ? 'active' : ''}"> <a class="page-link" href="srvCargos?accion=listarCargos?page=${i}">${i}</a> </li> </c:forEach> <c:if test="${paginaActual < totalPaginas}"> <li class="page-item"><a class="page-link" href="srvCargos?accion=listarCargos?page=${paginaActual + 1}">Siguiente</a></li> </c:if> </ul> </nav> </div> </div> </div> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <jsp:include page="../../estilo/footer.jsp" />
      Grato,

      Cesar
    • Por violin101
      Caros amigos, saudações.

      Por favor, alguém pode me dar uma explicação referente o Template AdminLTE + Java Netbeans.

      Após importar para o Sistema Web. o componente para a pasta:
      WEB PAGES
      |___> bower_components - fica apresentando ERRO em algumas subpastas.

      Como consigo corrigir esses erros ?

      At.te,

      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida em Sistema WEB em Java.

      O Código abaixo está na Página index.jsp
      <%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/> </head> </html>
      O problema são os caracteres especiais que não consigo corrigir.

      Como consigo converter os Caracteres para o Padrão Português(BR) ?

      Grato,

      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou escrevendo um Sistema Java Web e quando clico no Botão Salvar, o Java acusa esse erro:

      ERROR: Cannot invoke "Object.toString()" because the return value of "java.util.Map.get(Object)" is null
       
      Já tentei de várias formas resolver esse problema, mas não estou conseguindo.

      Por favor, alguém pode me ajudar identificar a origem e resolver o problema acima ?

      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou enfrentando um problema que não consigo entender.

      Após Instalar o MySql versão 8.0.36, funciona corretamente realizando as conexões.

      O problema é:
      ---[ após reiniciar o micro, o MySql não faz as conexões.
      --[ tenta localizar este arquivo, mas não acha: my.ini
       
      Onde localizo ou configuro este arquivo na Pasta MySql ?

      Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.