JavaScript - Resultado de un formulario que se abre en un div

 
Vista:

Resultado de un formulario que se abre en un div

Publicado por Luismi (1 intervención) el 11/11/2016 11:20:24
Buenas a todos soy novato en javascript así que disculpad si no me explico bien.
Tengo 3 botones un div de la parte izquierda de la pagina que al pulsarlos se abren en un div central llamado contenido.
pues resulta que estos 3 botones me los carga de la base de datos.
entonces lo que quiero hacer es que cuando se le pulse a un boton lea la información de "inicio.php" que ahí es donde se carga el contenido de cada boton.
Resulta que no me funciona y cuando pulso en un boton se me abre en otra pestaña y no en el div "contenido".
si le quito la etiqueta <form> y lo dejo como boton no funciona. He probado de todo lo que se me ocurría.
No se si es posible hacer la carga de botones como un único enlace como estoy haciendo. Ya que quiero que me carge las filas de la base de datos como enlaces.
Os adjunto el codigo de index y de inicio.php

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
<div class="ZonaPinto">
      <div class="Linea">
        <div class="ColumEnl">
         <?php
include("EPC/conexion_mysql.php");
 
$result = mysql_query("SELECT * from PagInicio");
 
while ($row = mysql_fetch_array($result)) {
  $botones= $row['NombreBoton'];
?>
 
<form id="formulario" action="Inicio.php" method="post">
 
<input type="submit" id="boton" name="boton" value="<?php echo $botones;?>"/>
 
<?php
            }
 
?>
        </div>
        <div class="ColumPpal" id="Contenido">
			<?PHP include("ContenidoInicio.php"); ?>
        </div>
      </div>
    </div>
    <div class="ZonaBaja">Cer Ordenadores SL</div>
  </div>
</div>
<script type="text/javascript">
  $("#Adopcion").on("click", function(){
	  $("#Contenido").load("EPC/ad.php");
  });
  $("#Actividades").on("click", function(){
	  $("#Contenido").load("Actividades.php");
  });
    $("#boton").on("click", function(){
    $("#Contenido").load("Inicio.php");
  });
  $("#Blog").on("click", function(){
	  window.open("http://elperrocallejero.info/blog/");
  });
   $("#Galería").on("click", function(){
  $("#Contenido").load("galeria/index.html");
  });
  $("#Inicio").on("click",function(){
	  window.location = "index.php";
  });
  function IrA(Direccion){
	  window.open (Direccion);
  }
  $("#Contacto").on("click", function(){
	 $("#Contenido").load("Contacto.php");
  });
</script>


INICIO.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
<?php
//***** Calculo de Gastos por medio de una sentencia mysql compleja**** 
include("EPC/conexion_mysql.php");
 
session_start(); //esta linea tiene que ir antes de cualquier cosa, incluso de espacios 
ob_start();
 
$nombreboton= $_POST["boton"];
	$_SESSION['validar']= $nombreboton;
 
 
$SqlContenido="SELECT contenido FROM paginicio WHERE nombreboton = '$nombreboton'";
$ResContenido = mysql_query($SqlContenido);
if(!$ResContenido || mysql_num_rows($ResContenido)<1){
	echo"<div class='Error'>Error localizando el contenido de la pagina de inicio.</div>";
}
else
{
	while ($row = mysql_fetch_array($ResContenido)) {
	$ContenidoIni = $row['Contenido'];
echo
	$row["contenido"]."\n". "<br>";
 
}
mysql_free_result($SqlContenido);
}
?>

Muchas gracias de antemano. :)
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder