Jquery+Ajax+PHP
Publicado por Pablo Jesus (1 intervención) el 23/03/2016 20:08:39
Hola Buenas noches les escribo para pedirles auxilio tengo un problema grande contruyendo una web en PHP JQUERY y AJAX, soy principante en esto y espero me puedan dar la mano por que ya estoy al borde de la locura.
Tengo un Menu Principal en una pagina INDEX.PHP dentro de esta pagina llamo a un archivo menuprincipal.php (require ('menuprincipal.php') ) y ademas tengo un archivo llamado cabecera.php .
el tema es que desde mi menu principal en la pagina index.php doy click a los enlaces y me lleva a cabecera.php (hasta alli bien)
luego en cabecera doy click a los enlaces y me carga la pagina web dentro de un div que asigne para que se muestre el contenido, esto lo hize con JQUERY y funciona perfecto, para lograrlo utilize el siguiente codigo dentro de este archivo CABECERAS.PHP
Aqui vienen mis 2 problemas que ya pasaron a ser pesadillas.
1.- Dentro las opciones del menu principal tengo un hipervinculo llamado INICIO, quiero que cuando le de en cualquier parte de la pagina a este hipervienculo me recarge toda la pagina, en estos moemntos cuando estoy dentro de cabecera y le doy a Inicio la carga en el DIV "ESO NO QUIERO"
2.- al llamar a cabeceras.php como les explicaba puedo dar click a los demas enlaces como historia, mision y vision etc etc etc el problema es que cuando le doy click desde la pagina inicial el contenido de div aparece vacio y como se supondra necesito ue este contenido aparesca con el contenido del enlace que estoy pidiendo, pero si le doy click dentro de la pagina cabeceras este funciona correctamente.
les copio parte del codigo que estoy utilizando por favor necesito su ayuda a la brevedad se los voy a agradecer mu infinitamente.
Archivo INDEX.PHP
(Ojo solo copie la parte que respecta al problema por lo tanto falta terminar de cerrar las etiquetas.)
Archivo: Menuprincipal.php - Archivo Completo
Archivo : Cabecera.php
Tengo un Menu Principal en una pagina INDEX.PHP dentro de esta pagina llamo a un archivo menuprincipal.php (require ('menuprincipal.php') ) y ademas tengo un archivo llamado cabecera.php .
el tema es que desde mi menu principal en la pagina index.php doy click a los enlaces y me lleva a cabecera.php (hasta alli bien)
luego en cabecera doy click a los enlaces y me carga la pagina web dentro de un div que asigne para que se muestre el contenido, esto lo hize con JQUERY y funciona perfecto, para lograrlo utilize el siguiente codigo dentro de este archivo CABECERAS.PHP
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
$("#MenuPrincipal a").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#derecha").load(href);
});
});
});
</script>
Aqui vienen mis 2 problemas que ya pasaron a ser pesadillas.
1.- Dentro las opciones del menu principal tengo un hipervinculo llamado INICIO, quiero que cuando le de en cualquier parte de la pagina a este hipervienculo me recarge toda la pagina, en estos moemntos cuando estoy dentro de cabecera y le doy a Inicio la carga en el DIV "ESO NO QUIERO"
2.- al llamar a cabeceras.php como les explicaba puedo dar click a los demas enlaces como historia, mision y vision etc etc etc el problema es que cuando le doy click desde la pagina inicial el contenido de div aparece vacio y como se supondra necesito ue este contenido aparesca con el contenido del enlace que estoy pidiendo, pero si le doy click dentro de la pagina cabeceras este funciona correctamente.
les copio parte del codigo que estoy utilizando por favor necesito su ayuda a la brevedad se los voy a agradecer mu infinitamente.
Archivo INDEX.PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!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=utf-8" />
<title>Colegio Salesiano Don Bosco - Callao</title>
<!-- Start WOWSlider.com HEAD section --><link rel="stylesheet" type="text/css" href="Rs/engine1/style.css" />
<link rel="stylesheet" type="text/css" href="CSS/styles-2.css" />
<link rel="stylesheet" type="text/css" href="CSS/main.css" />
<script type="text/javascript" src="Rs/engine1/jquery.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/script.js"></script>
<!-- End WOWSlider.com HEAD section --><script>
/* $document.ready(function(){
$("#btn01").click(function(){
$.ajax({
type:'post',
url: 'Links/enviar.php',
dataType: "html",
success: function(result){
$("#form_correo").html(result);
}
});
});*/</script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div id="Contenido">
<?php
session_start();
$_SESSION['menuopc'] = 0;
require("SisBosco/Rs/Php/intranet.php");
mysql_select_db("intranet_sdb",$cnx);
$qNoticias="select fecha_letras, titulo, adjunto from noticias order by codigo desc";
$eNoticias=mysql_query($qNoticias,$cnx);
?>
<div id="cabecera">
<div id="derechalym">
<img src="img/insignia sin fondo.png" width="143px" heigh="171px" alt=""/>
</div>
<div id="Letrastitulo">
<img src="img/Titulo.png" width="400px" height="100px"/>
</div>
<!-- Aqui termina Encabezado--><?php require ('Links/menuprincipal.php') ?>
<!-- Aqui termina el Menu Principal --><div id="redessociales">
<table border="0">
<tr>
<td height:90px weight:90px><img src="img\fb.png" width="90px" height="90px"/></td>
<td height:90px weight:90px><img src="img\youtube.png" width="90px" height="90px"/></td>
<td height:90px weight:90px><img src="img\whatsup.png" width="90px" height="90px"/></td>
</tr>
</table>
</div>
<!-- Aqui termina Icono de Redes Sociales -->Archivo: Menuprincipal.php - Archivo Completo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div id="MenuPrincipal" style="margin-left:370px;">
<div id='cssmenu'>
<ul>
<li><a href='#'><span>Inicio</span></a></li>
<li class='active has-sub'><a><span>Nosotros</span></a>
<ul>
<li class='has-sub'><a href='cabecera.php #historia.php'><span>Historia</span></a></li>
<li class='has-sub'><a href='MyV.php'><span>Mision y Visión</span></a></li>
<li class='has-sub'><a href='valores.php'><span>Valores</span></a></li>
<li class='has-sub'><a href='director.php'><span>Mensaje del Director</span></a></li>
</ul>
</li>
<li><a href='comunidad.php'><span>Comunidad Chalaca</span></a></li>
<li><a href='personal.php'><span>Personal</span></a></li>
<li class='active has-sub'><a><span>Niveles</span></a>
<ul>
<li class='has-sub'><a href='primaria.php'><span>Primaria</span></a></li>
<li class='has-sub'><a href='secundaria.php'><span>Secundaria</span></a></li>
</ul>
</li>
<li class='active has-sub'><a><span>Propuesta Educativa</span></a>
<ul>
<li class='has-sub'><a href='modelo.php'><span>Modelo Salesiano</span></a></li>
<li class='has-sub'><a href='convenios.php'><span>Convenios</span></a></li>
</ul>
</li>
<li><a href='Redes.php'><span>Redes Sociales</span></a></li>
<li><a href='#'><span>Contactos</span></a></li>
</ul>
</div>
</div>
Archivo : Cabecera.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<head>
<link rel="stylesheet" type="text/css" href="../CSS/interna-web.css" />
<link rel="stylesheet" type="text/css" href="../CSS/styles-2.css" />
<title>Colegio Salesiano Don Bosco del Callao</title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/script.js"></script>
<!-- End WOWSlider.com HEAD section --><script type="text/javascript">
$(document).ready(function(){
$("#MenuPrincipal a").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#derecha").load(href);
});
});
});
</script>
</head>
<html>
<div id="cabecera">
<table border = "0px">
<tr>
<td>
<img src="../img/insignia sin fondo.png" alt="" width="95px;" height="100px"/>
</td>
<td>
<span class="f1">Colégio Salesiano</span> </br>
<span class="f2">Don Bosco - Callao</span> </br>
<span class="f3">Telef.429 6053 / Lima - Perú</span>
</td>
</tr>
</table>
</div>
<hr>
<div id="menuprincipal">
<?php
session_start();
$_SESSION['menuopc'] = 1;
require ('menuprincipal.php');
?>
</div>
<div id="izquierda">
<img src="../img/con_db.jpg" alt=""/>
</div>
<div id="derecha"></div>
<div id="piepagina">
<table>
<tr>
<td>
<img src="../img/computadora.png" alt=""/>
</td>
<td class="letrapie">
Todos los derechos reservados ©<br>
Este portal pertenece a :Colegio Salesiano Don Bosco - Callao</br>
Portal desarrollado por: Excellsistemas.com<br>
<a href="http://www.excellsistemas.com">www.excellsistemas.com</a> Telef. 511 - 968096448 / 511 - 935172763
</td>
</tr>
</table>
</div>
</html>
Valora esta pregunta
0