Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 1
Sexo: Masculino

Resposta de formulário abrir página dentro de uma div

10-05-2012 20:34

Estou desenvolvendo em jsp um sistema web. No index tenho 4 divs, uma com id container que pega toda a página e 3, uma em cima da outra, sendo um 'header', um 'menu' e um 'content'.

No menu tenho links que já consigo enviar para dentro da div 'content' via ajax. As páginas que são abertas dentro da div são formulários. Gostaria que quando fosse respondido o formulário, a página que é chamada pelo formulário fosse exibida dentro da mesma div 'content', porém não consigo de forma alguma fazer o envio para essa div.

Alguem pode me dar uma luz de como fazer isso?

minhas páginas

index.html

<html>     <head>         <title></title>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <link rel="stylesheet" href="css/style.css" type="text/css">         <script src="js/ajax.js" type="text/javascript"></script>         <script src="js/instrucao.js" type="text/javascript"></script>             </head>     <body>         <div id="container">             <div id="header"></div>             <div id="menu">                 <a href="#" onclick="abrirPag('CadastrarCN.jsp')">Cadastrar consultor(a)   |   </a>                 <a href="#" onclick="abrirPag('ExibirCN.jsp')">Exibir consultor(a)   |   </a>                 <a href="#" onclick="abrirPag('ModificarCN.jsp')">Modificar consultor(a)   |   </a>                 <a href="#" onclick="abrirPag('ExcluirCN.jsp')">Excluir consultor(a)</a>             </div>             <div id="content"></div>         </div>     </body> </html>  

ExibirCN.jsp
<%@page import="model.Cn"%> <%@page import="controller.DAO.CnDAO"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <title>SiCoC - Sistema de Controle de Consultoras</title>         <script src="js/ajax.js" type="text/javascript"></script>         <script src="js/instrucao.js" type="text/javascript"></script>           </head>     <body>         <form action="ExibirConsultora.jsp" method="POST">             <select name="consultores">                 <% for (Cn cn : CnDAO.getAll()) {%>                 <option value="<%= cn.getCodcn()%>"><%= cn.getName()%></option>                 <% }%>             </select>             <input type="submit">           </form>     </body> </html>

ExibirConsultora.jsp

<%@page import="model.ConverterData"%>   <%@page import="controller.DAO.TelephoneDAO"%>   <%@page import="controller.DAO.AddressDAO"%>   <%@page import="controller.DAO.CnDAO"%>   <%@page import="model.Cn"%>   <%@page import="model.Address"%>   <%@page import="model.Telephone"%>   <%@page contentType="text/html" pageEncoding="UTF-8"%>   <!DOCTYPE html>   <html>       <head>           <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">           <title>SiCoC - Sistema de cadastro de Consultoras</title>       </head>       <body>           <%              Cn cn = new Cn();              Cn cnobj = new Cn();              CnDAO cndao = new CnDAO();              ConverterData cd = new ConverterData();                            Telephone phone = new Telephone();              Telephone phoneobj = new Telephone();              TelephoneDAO phonedao = new TelephoneDAO();                            Address address = new Address();              Address addressobj = new Address();              AddressDAO addressdao = new AddressDAO();                                          cn.setCodcn(Long.parseLong(request.getParameter("consultores")));              cnobj =  cndao.read(cn.getCodcn());                            address.setAddressid(cnobj.getAddressid());              addressobj = addressdao.read(address.getAddressid());                            phone.setPhoneid(cnobj.getPhoneid());              phoneobj = phonedao.read(phone.getPhoneid());      %>                       <h3>Informações pessoais</h3>               <input type="text" name="name" size="40" readonly="readonly" value="<%= cnobj.getName() %>"> : Nome</br>               <input type="text" name="cpf" size="40" readonly="readonly" value="<%= cnobj.getCpf() %>"> : CPF (formato 00000000000)</br>               <input type="text" name="rg" size="40" readonly="readonly" value="<%= cnobj.getRg() %>"> : RG (formato 0000000000000)</br>               <input type="text" name="codcn" size="40" readonly="readonly" value="<%= cnobj.getCodcn() %>"> : Código de Consultora (formato 00000000)</br>               <input type="text" name="birthdate" size="40" readonly="readonly" value="<%= cd.InverteData(cnobj.getBirthdate()) %>"> : Data de Nascimento (formato 00/00/0000)</br>               <input type="text" name="mothername" size="40" readonly="readonly" value="<%= cnobj.getMothername() %>"> : Nome da mãe</br>               <input type="text" name="fathername" size="40" readonly="readonly" value="<%= cnobj.getFathername() %>"> : Nome do pai</br>                 <h3>Informações de contato</h3>                 <input type="text" name="oi" size="40" readonly="readonly" value="<%= phoneobj.getOi() %>"> : Telefone OI</br>               <input type="text" name="tim" size="40" readonly="readonly" value="<%= phoneobj.getTim() %>"> : Telefone TIM</br>               <input type="text" name="claro" size="40" readonly="readonly" value="<%= phoneobj.getClaro() %>"> : Telefone CLARO</br>               <input type="text" name="vivo" size="40" readonly="readonly" value="<%= phoneobj.getVivo() %>"> : Telefone VIVO</br>               <input type="text" name="fixo" size="40" readonly="readonly" value="<%= phoneobj.getFixo() %>"> : Telefone FIXO</br>                             <h3>Informações de localização</h3>                             <input type="text" name="street" size="40" readonly="readonly" value="<%= addressobj.getStreet() %>"> : Rua</br>               <input type="text" name="number" size="40" readonly="readonly" value="<%= addressobj.getNumber() %>"> : Número</br>               <input type="text" name="district" size="40" readonly="readonly" value="<%= addressobj.getDistrict() %>"> : Bairro</br>               <input type="text" name="cep" size="40" readonly="readonly" value="<%= addressobj.getCep() %>"> : CEP</br>                         <a href="index.jsp">Voltar</a>       </body>   </html>

instrucao.js

function abrirPag(valor){     var url = valor;       xmlRequest.open("GET",url,true);     xmlRequest.onreadystatechange = mudancaEstado;     xmlRequest.send(null);       if (xmlRequest.readyState == 1) {         document.getElementById("content").innerHTML = "<img src='loader.gif'>";     }       return url; }   function mudancaEstado(){     if (xmlRequest.readyState == 4){         document.getElementById("content").innerHTML = xmlRequest.responseText;     } }

ajax.js

function GetXMLHttp() { if(navigator.appName == "Microsoft Internet Explorer") { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { xmlHttp = new XMLHttpRequest(); } return xmlHttp; }   var xmlRequest = GetXMLHttp();

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17616
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Resposta de formulário abrir página dentro de uma div

10-05-2012 20:47

Uma solução seria você enviar o formulário usando jQuery ao invés de Ajax.
Enviando-dados-via-POST-ou-GET-com-jQuery_3_2830.html

Lembrando que você tem que ter uma chamada para biblioteca jQuery na página.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado