Ver Mensaje Individual
  #8 (permalink)  
Antiguo 10/08/2013, 05:57
juangonzalez73
 
Fecha de Ingreso: agosto-2013
Ubicación: Granada
Mensajes: 9
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: combinar jQuery y PHP

Cita:
Iniciado por jarios Ver Mensaje
Fuera del tema: ¿Podrias utlizar para otras veces el resaltador de codigo?. :)

Ahora hablando de tu problema. Como yo lo veo:

Puede que si y puede que no necesites Ajax. Me explico:

1º Sin Ajax:

Código HTML:
Ver original
  1. <div class="curso">
  2. <div class="fechaCurso"> <?= $cursoSelecc["fechas"]?> </div>
  3. <div class="tituloCurso"> <?= $cursoSelecc["titulo"]?> </div>
  4. <div class="textoCurso"> <?= $cursoSelecc["texto"]?> </div>
  5. </div>

Con php estas enviando a la web $cursoSelecc["fechas"] ... y seguramente en alguna de esas columnas de la tabla (me lo estoy imaginando que puede ser asi) esta el texto que quieres enviar. Podrias ocultarlo en un div y luego mostrarlo con jquery. Ocultar un div es algo asi (he buscado por encima):

Código HTML:
Ver original
  1. <div style="display: none;"> <?= $cursoSelecc["texto"]?></div>

Deberas buscar como se muestra/oculta un div oculto con jquery o libreria.

2º Puede que si necesites Ajax:

Si buscas un poco de Ajax en Jquery veras que lo que se hace es una peticion a una web y que esta puede devolver otro html, json, txt...

Te recomiendo que empieces por [URL="http://www.w3schools.com/jquery/jquery_ajax_load.asp"]aqui[/URL]

Tendras que crear un php que pasandole el id te devuelva el texto y como en los ejemplos del w3school simplemente remplazas.

Dudas??

Ahora traenos codigo :).

Saludos.
Bueno, pues ya está montado y funciona perfectamente, tengo en el archivo php "principal":

1. Un contenedor vacío o con un texto que será sustituido:

Código HTML:
Ver original
  1. <div class="contCurso"></div>


2. Una serie de botones (dentro de un bucle while) con llamada a una función javascript:

Código HTML:
Ver original
  1. <a href="javascript:cargaCurso('<? echo $curso["id"]?>')">
  2.      <div class="cursoBoton">
  3.     <? echo $curso["titulo_corto"]; ?>
  4.       </div>
  5. </a>

3. Y la función:

Código Javascript:
Ver original
  1. function cargaCurso(idCurso){
  2.     $(".contCurso").load("verCursos.php",{id:idCurso});
  3. }


Esta función descarga el contenido del archivo "verCursos.php" dentro del div "contCurso" tras pasarle la id del curso en el que se ha hecho clic. Esta id indica de qué curso se deben descargar, desde la base de datos, los contenidos que se solicitan en el archivo "verCursos.php".

Muchas gracias a los que habéis aportado algo!