Mostrar en la misma pagina los resultados del Slider.

marianomartelli · #1 (**permalink**) 11/05/2013, 06:31

Hola como puedo hacer para mostrar el resultado del slider en la misma pagina.
Tengo la pagina transporte en la cual hago un include a la pagina slider al clicar sobre alguna pagina quisiera que me mostrara algo que este escrito en la pagina transporte.

Código PHP:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>transporte</title>
 
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
 
 
 
</head>
<body>
 
 
 <?php include("menuprincipal.php");?>  
 <?php include("slider.php");?> 
 
</body>
</html>

Pagina slider

Código PHP:

Ver original<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/estiloslider.css" />
<script type="text/javascript" src="js/jquery-1.8.2.js" ></script>
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="js/jquery-1.7.2.js" ></script>
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui-tabs-rotate.js" ></script>
 
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
</script>
 
<div id="featured">
<ul class="ui-tabs-nav">
     <li   class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img
           src="images/slider/image1-small.jpg" alt="" /><span>Estacion de Sants - Trenes y Metro</span></a>
    </li>
     <li   class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img
            src="images/slider/image2-small.jpg" alt="" /><span>Taxis</span></a>
     </li>
     <li   class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img
           src="images/slider/image3-small.jpg" alt="" /><span>Autobuses</span></a>
     </li>
     
     <li   class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img
          src="images/slider/Estbuses1.jpg" alt="" /><span>Autocar en la estacion de Sants</span></a>
    </li>
</ul>
 
<!-- First Content -->
 
<div  id="fragment-1" class="ui-tabs-panel" style=""> <img
      src="images/slider/image1.jpg" alt="" />
      
     <div class="info">
          <h2><a href="#">Estacion de Sants</a></h2>
          <p>Estaci&oacute;n de Sants - Metro y Trenes ....<a href="#">Leer m&aacute;s</a></p>
     </div>
</div>
 
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> <img
     src="images/slider/image2.jpg" alt="" />
     <div class="info">
          <h2><a href="#">Taxis</a></h2>
          <p>Algunas de las estaciones de taxis en Sants...<a href="#">Leer m&aacute;s</a></p>        
     </div>
</div>
 
<!-- Third Content -->
 
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> <img
     src="images/slider/image3.jpg" alt="" />
     <div class="info">
          <h2><a href="#">Buses</a></h2>
          <p>Buses que pasan por Sants - Montjuic...<a href="#">Leer m&aacute;s</a></p>
        
    </div>
</div>
 
<!-- Fourth Content -->
 
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> <img
     src="images/slider/Estbuses2.jpg" alt="" />
     <div class="info">
          <h2><a href="#">Autocar en la estaci&oacute;n de Sants</a></h2>
          <p>Para viajar dentro y fuera de España....<a href="#">Leer m&aacute;s</a></p>
           
 
     </div>
</div>
</div>

En espera,
saludos

cuasatar · #2 (**permalink**) 11/05/2013, 08:05

No entiendo el problema, ¿podrias volver a explicar con otras palabras que quieres hacer?

marianomartelli · #3 (**permalink**) 11/05/2013, 08:14

Hola,

Disculpa no me explique bien.
quiero que en la pagina transporte.php me muestre algo que yo haya escrito.
lo que pasa que la pagina transporte tiene un include a la pagina slider la que es la que muestra las imagenes y se puede clicar en una de ellas.

Código PHP:

Ver originalli   class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img
           src="images/slider/image1-small.jpg" alt="" /><span>Estacion de Sants - Trenes y Metro</span></a>

cuasatar · #4 (**permalink**) 11/05/2013, 08:51

Disculpa nuevamente de verdad no lo entiendo, no tienes alguna pagina web de ejemplo de lo que quieres hacer? Quizas si lo veo graficamente entienda el punto porque sigo sin entender el problema, no parece complicado pero al no estar 100% seguro de lo que quieres pues no quiero decir una burrada por decir algo.

marianomartelli · #5 (**permalink**) 11/05/2013, 23:10

Disculpa por contestar tarde.
Bueno si has visto hay un include slider y si ves el codigo existe un href por cada foto que lo puede dirigir hacia otra pagina y no quiero eso.
Lo siento pero la pagina la estoy trabajando en le ordenador.

cuasatar · #6 (**permalink**) 12/05/2013, 09:35

Bueno, creo que despues de darle mil vueltas creo que por fin he entendido lo que quieres hacer.

Si te entendi bien lo que necesitas es que al darle clic a un enlace de una foto este en capacidad de mostrar una cierta información de otra página (definitivamente no te habia entendido antes). Lo que puedes hacer es utilizar ajax para mostrar esta información. Lo unico que tienes que hacer es pasar por get el valor de la información que necesitas y ajax de modo asincrono se encargara de buscar eso en la pagina que tu comentas, lo tomara de una base de datos, un xml, una pagina html,un archivo de texto, etc y lo mostrara sin necesidad de recargar la pagina. Por la forma en que lo comentas si no son cosas muy largas ni complicadas te recomendaria que lo hicieras por medio de xml o simples archivos de texto.

http://www.w3schools.com/ajax/

Busca especialmente ajax para php, ajax para base de datos y ajax para xml a ver cual se ajusta mas a tus necesidades. Espero que eso solucione tu problema.

jarios · #7 (**permalink**) 12/05/2013, 11:08

La primera pagina se llama transporter.php y tiene un include a slider.php.

Código PHP:

Ver original...
<title>transporte</title>
</head>
<body>
<?php include("slider.php");?>
...
<div  id="fragment-1">
</div>
</body>
</html>

slider.php tiene unas etiquetas de esta forma

Código HTML:

Ver original<a href="#fragment-1">

Esta ancla (o anchor en ingles) apunta a documentos dentro del mismo slider.php (como has puesto tu) pero que puede apuntar a documentos que exista dentro de transporter.php (que es lo que he puesto yo) si es a lo que te refieres.

Para un documento externo a los dos que has nombrado lo que dice cuasatar es lo que necesitas.

Saludos.