[SOLUCIONADO] funciones

sk8_primat · #1 (**permalink**) 23/02/2016, 19:47

Buenas tardes, estuve buscando mi duda en el foro y no la encontré.
Lo que pasa es tengo una pagina llamada home.php que contiene esto:

<?php
require_once("catalogos.php");
?>

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<title>Portal CFE</title>
<

</head>

<body>

<ul id="nav">

<li><a href="#">CATALOGOS</a>
<ul>
<li><a href="javascript:mostrar('Cproyectos')">Proyectos</a></li>

</ul>
</li>

</ul>

<script src="js/script.js"></script>

</body>
</html>

y lo que quiero es llamar otra pagina que se llama catalogos.php y dentro de catálogos esta una función que se conecta con la base de datos y me trae los datos que contiene la tabla catalogos para mostrarlos en pantalla.
Pero lo que quiero es que cuando le de click a el enlace que se llama PROYECTOS me cargue la pagina catalogos.php y al mismo tiempo se ejecute la funcion que tengo dentro del mismo pero que el resultado aparesca en catalogos.php y NO EN HOME.php(ojo no quiero traer los datos de catalogos.php a home.php si no llamar desde home a catalogos y que en catalogos se ejecute la funcion y aparesca el resultado) y hasta ahora lo que he podido hacer es llamar la funcion desde home.php pero el problema es que el resultado lo muestra en HOME y yo lo quiero en catalogos.php.

El codigo de catalogos.php es este:

<?php

require_once("conexion.php");

$sql=mysqli_query($con,"SELECT * FROM cata_proyectos");

?>

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<title>Portal CFE</title>
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/menu.css" />

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

function mostrar(id) {

if (id == "Cproyectos") {
$("#Cproyectos").show();
$("#trabajador").hide();
$("#autonomo").hide();
$("#paro").hide();
}

}

</script>

</head>


<body>


<div id="Cproyectos" >
<table id="dataTable" align="center" width="600" border="solid" bgcolor= "#320D0D">
<h2 style="text-align: center; font-size: 20px;">CATÁLOGO DE PROYECTOS</h2><br/<
<tr>
<td ><label id="columnas">Nombre</label></td>
<td><label id="columnas">Fecha de inicio</label></td>
<td><label id="columnas">Descripción</label></td>
</tr>

<?php
while ($resp=mysqli_fetch_array($sql)) {

?>

<tr style="background-color:#F0F0F0; ">

<td width="50" align="center" valign="top"> <?php echo $resp["id_proyecto"]?> </td>
<td width="50" align="center" valign="top"> <?php echo $resp["fecha_inicio"]?></td>
<td width="50" align="center" valign="top"> <?php echo $resp["descripcion_de_proyecto"]?></td>

</tr>

<?php
}
?>

</table>

</div>

</body>
</html>

LA FUNCIÓN QUE QUIERO INVOCAR SE LLAMA ----->mostrar();

Alexis88 · #2 (**permalink**) 24/02/2016, 14:50

No vas a poder llamar directamente a esa función puesto que el clic se realiza en el lado del cliente y tu función está en otro archivo que se ejecuta en el lado del servidor. Incluso así estuviera en el mismo archivo, si es código PHP, no podrá ejecutarlo desde JavaScript.

En su lugar, puedes realizar una petición asíncrona (AJAX), de tal modo que haces la petición al archivo PHP en cuestión, este realiza el procesamiento y devuelve una respuesta, misma que mostrarás en alguna parte del archivo inicial.

Un ejemplo:

Código HTML:

Ver original<!-- Archivo inicial -->
<button id="foo">Ejemplo</button>
<div id="bar"></div>

Código Javascript:

Ver original/* Archivo JS incluido en el archivo inicial */
document.querySelector("#foo").addEventListener("click", function(){
    var ajax = new XMLHttpRequest();
    ajax.open("GET", "ejemplo.php", true);
    ajax.send();
    ajax.addEventListener("load", function(){
        if (this.status == 200){
            document.querySelector("#bar").innerHTML = this.responseText;
        }
    }, false);
}, false);

Código PHP:

Ver original/* Archivo PHP en el cual se encuentra la función */
function abc(){
    echo 'Hola, mundo';
}
 
abc(); //Se realiza el llamado a la función

De esta manera, se mostrará el mensaje "Hola, mundo" en el <div> que se encuentra en el archivo inicial.

Un saludo

sk8_primat · #3 (**permalink**) 25/02/2016, 09:57

GRACIAS ALEXIS88, al final lo que queria hacer era mandar llamar esa funcion mostrar() que estaba en catalogos.php desde home.php pero que el resultado se motrara en catalogos.php, pero antes de todo eso yo queria mostrar esa misma funcion en otra pagina que se llama registro.php pero como esa pagina ya tenia un contenido pues si mandaba llamar la funcion de catalogos.php se iva a mostrar el contenido de catalogos MAS el contenido de registro.php y no queria que se amontonara por eso mejor cree la pagina catalogos.php que no contenia nada mas que la funcion mostrar().
Pero ya solucione todo y lo que hice fue llamar la funcion mostrar() y que muestre el resultado en registros.php y que al mismo tiempo se ocultara el otro contenidoy de esa manera ya no utilizo otra pagina aparte como la de catalogos.php pero gracias por la ayuda creo que yo desde un inicio tuve la culpa por no pensar bien como hacer las cosas