1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

8.4 - Exercícios: criando nossa própria tag para calendário

Olá, Pessoal! Decidi recentemente, começar a estudar JSP e pesquisando encontrei uma apostila que por sinal é muito boa da que é da Caelum. Mas travei no exercício 8.4 que é

Exercícios: criando nossa própria tag para calendário

eis meu código: adiciona-contato.jsp

<%@taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
     <%@taglib tagdir="/WEB-INF/tags/" prefix="caelum" %>
     <html>
         <head>
             <title>Adiciona contato</title>
             <meta charset="UTF-8">
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <link href="css/jquery-ui.css" rel="stylesheet" />
             <script src="js/jquery-1.8.2.js"></script>
             <script src="js/jquery-ui.js"></script>


         </head>
         <body>
             <c:import url="cabecalho.jsp" />
             <form action="adicionaContato" method="POST">
           Nome: <input type="text" name="nome" /><br />
           E-mail: <input type="text" name="email" /><br />
           Endereço: <input type="text" name="endereco" /><br />

           Data Nascimento: <input id="dataNascimento" type="text"/><br />

           <input type="submit" value="Gravar" />
         </form>
                 <c:import url="rodape.jsp" />

         </body>
     </html>

WEB-INF/tags/campoData.tag

<%@attribute name="id" required="true" %>
<input id="${id}" name="${id}" type="text"/>
<script type="text/javascript">
  $( function() {
    $("#{id}").datepicker({dateFormat: 'dd/mm/yy'});
  } );
  </script>

cabecalho.jsp

    <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>

    <img src='<c:url value="img/img.png" />' height="100"/>

    <h2>Agenda de Contatos do (a) Carlos Bruno</h2>
    <hr />

rodape.jsp

    <hr/>
    Copyright 2011 - Todos os Direitos Reservados

Mas no console do chrome dá o seguinte erro:

    Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
    VM125:62 GET http://nikkomsgchannel/e?001e0050002900260033004a00670052002e00590058002500…360054004e0032006300200056004a005c007b0056005f0029005a00590028002c002a0055

desse Jeito funciona normalmente, mas com a taglib tagfile nao

   <c:import url="cabecalho.jsp" />
            <form action="adicionaContato" method="POST">
          Nome: <input type="text" name="nome" /><br />
          E-mail: <input type="text" name="email" /><br />
          Endereço: <input type="text" name="endereco" /><br />

          Data Nascimento: <input id="dataNascimento" type="text"/><br />

          <input type="submit" value="Gravar" />
        </form>
                <c:import url="rodape.jsp" />


                <script>
      $( function() {
        $("#dataNascimento").datepicker({dateFormat: 'dd/mm/yy'});
      } );
      </script>

Conto a ajuda de vocês

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags java jsp javascript ou faça a sua própria pergunta.