Menu one xslt and multiple html



I have a practice of xml / xslt and html and I need to create just a html xslt and several but only do it with several xslt saxon and with those I generate html. I've been looking for information three days and I can not find the solution. I heard something from a menu, but did not implement it. appreciate your help.



<Datosdelacasa>
<Nombre>AlQabu</Nombre>
<Descripcion> Ubicada en un privilegiado enclave, ya que, durante mucho tiempo fue lugar de convivencia entre las culturas árabe, cristiana y judía, lo que confiere al lugar, una riqueza cultural, histórica y paisajística inigualable.Un lugar donde sin duda podrá disfrutar de un agradable descanso, lejos del bullicio de la ciudad, y la opción de vivir y visitar Toledo, con sus estrechas calles, cobertizos, monumentos, gastronomía y la amabilidad de sus gentes.Se trata de una antigua vivienda familiar donde, antiguamente se ubicaba el ayuntamiento en la conocida plaza del Comercio (hoy de la Constitución), situada en la Plaza central del pueblo, totalmente restaurada respetando la arquitectura tradicional de la zona, pero al mismo tiempo, con todas las comodidades, ambientada con una decoración mozárabe que nos transporta a tiempos pasados en los que Toledo estuvo ocupada por tres culturas. Here my xml .</Descripcion>
<DireccionPostal>Calle Plaza De La Constitucion 2</DireccionPostal>
<Poblacion>Alcabon</Poblacion>
<ComundidadAutonoma>Toledo</ComundidadAutonoma>
<Region>Region de La Sagra</Region>
<Telefono>620 024 907</Telefono>
<Email>info@alqabucasarural.com</Email>
<Fotos>img/slide-1.jpg</Fotos>
<Fotos>img/slide-2.jpg</Fotos>
<Fotos>img/slide-3.jpg</Fotos>
</Datosdelacasa>




<Localizacion>
<Descripcion>En esta apacible casa ubicada en la pequeña localidad de Alcabón (Toledo) a 79 km de Madrid y 28 km de Toledo, encontraras un lugar único donde descansar y disfrutar de sensaciones diferentes.</Descripcion>
<URL>http://ift.tt/1pv9UKj;
</Localizacion>




<Actividades>
<Nombre>Paintball</Nombre>
<Descripcion>Después de más de 12 años en el mundo del ocio y el entretenimiento, nos hemos decidido a abrir este nuevo campo de paintball en Alcabón (Toledo).</Descripcion>
<Foto>img/paintball.jpg</Foto>
<EnlacePDF>pdf/Paintball.pdf</EnlacePDF>
</Actividades>
<Actividades>
<Nombre>Hotel Spa La salve</Nombre>
<Descripcion>Acabas de llegar a La Salve, un pequeño oasis en Torrijos, Toledo, una finca con jardines, patios, piscina y el hotel... Esta quintana manchega está llena de recuerdos familiares, de muebles maravillosos de otras épocas, de suelos originales de troncos talados, fachadas encaladas, rejería en las ventanas y cubiertas de teja árabe, libros, manuscritos, historia… junto a un nuevo edificio que sorprende al viajero con una construcción vanguardista de formas cúbicas.</Descripcion>
<Foto>img/hotel.jpg</Foto>
<EnlacePDF>pdf/Hotel.pdf</EnlacePDF>
</Actividades>
<Actividades>
<Nombre>Karting</Nombre>
<Descripcion>Disfruta de la emocion de las carreras en tu propia piel</Descripcion>
<Foto>img/karting.jpg</Foto>
<EnlacePDF>pdf/Karting.pdf</EnlacePDF>
</Actividades>
<Actividades>
<Nombre>Escalada</Nombre>
<Descripcion>Prueba esta disciplina del montañismo acompañado del mejor equipo tecnico</Descripcion>
<Foto>img/Escalada.jpg</Foto>
<EnlacePDF>pdf/Escalada.pdf</EnlacePDF>
</Actividades>
<NoticiasYOfertas>
<Noticia>
<Fecha>2014-11-04</Fecha>
<Titulo>Ahora La Almazara en Groupon</Titulo>
<Descripcion>La almazara y su riqusimo cocido tambien se encuentra en la web. Disfruta de nuestro cocido a la leña en </Descripcion>
</Noticia>

<Oferta>
<Fecha>2014-10-25</Fecha>
<Titulo>Reservas</Titulo>
<Descripcion>Si reservas con un mes de antelacion podrás disfrutar de una pequeña cesta con los productos tipicos del pueblo</Descripcion>
</Oferta>
</NoticiasYOfertas>
<TarifasyOfertas>
<TemporadaAlta>
<HabitacionDoble>40€</HabitacionDoble>
<DobleEspecial>50€</DobleEspecial>
<CamaSupletoria>10€</CamaSupletoria>
<HabitacionIndividual>30€</HabitacionIndividual>
<Cena>20€</Cena>
<Desayuno>6,5€</Desayuno>
<Cuna>5€</Cuna>
<DescripcionComienzoTemporada>La temporada alta comienza en Junio y termina en Octubre</DescripcionComienzoTemporada>
</TemporadaAlta>
<TemporadaBaja>
<HabitacionDoble>30€</HabitacionDoble>
<DobleEspecial>40€</DobleEspecial>
<CamaSupletoria>5€</CamaSupletoria>
<HabitacionIndividual>25€</HabitacionIndividual>
<Cena>15€</Cena>
<Desayuno>5€</Desayuno>
<Cuna>3€</Cuna>
<DescripcionComienzoTemporada>La temporada baja comienza en Noviembre y termina en Mayo</DescripcionComienzoTemporada>
</TemporadaBaja>
</TarifasyOfertas>
<LugaresDeInteres>
<Nombre>Barrancas De Burujon</Nombre>
<Fotografia>img/barrancas2.jpg</Fotografia>
<URL>http://goo.gl/2Fvqdd</URL>
</LugaresDeInteres>
<LugaresDeInteres>
<Nombre>Almazara de Alcabon</Nombre>
<Fotografia>img/almazara.jpg</Fotografia>
<URL>http://ift.tt/1z5zIfW;
</LugaresDeInteres>
<LugaresDeInteres>
<Nombre>Bodegas Gonzalo Valverde</Nombre>
<Fotografia>img/bodegas.jpg</Fotografia>
<URL>http://ift.tt/1pv9T95;
</LugaresDeInteres>


and index.xslt



<xsl:stylesheet version="3.0" xmlns:xsl="http://ift.tt/tCZ8VR" xmlns:xs="http://ift.tt/tphNwY" xmlns:fn="http://ift.tt/pEXiIz">
<xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
<xsl:template match="/CasaRural">
<html>
<head>
<title>ALQABÚ</title>
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/business-casual.css" rel="stylesheet" />
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<!-- Fuentes -->
<link href="http://ift.tt/1iYwcJN" rel="stylesheet" type="text/css"/>
<link href="http://ift.tt/1oxZ9n5" rel="stylesheet" type="text/css"/>
</head>



<body>



<style>body{background-image: url(img/bg1.jpg);background-position: center;background-repeat: no-repeat;}</style>
<div class="brand"><xsl:value-of select="Datosdelacasa/Nombre"/></div>
<div class="address-bar">
<xsl:value-of select="Datosdelacasa/DireccionPostal"/>, <xsl:value-of select="Datosdelacasa/Poblacion"/><br/></div>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Business Casual</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="index.html">Inicio</a>
</li>
<li>
<a href="precios.html">Precios y Ofertas</a>
</li>
<li>
<a href="actividades.html">Actividades</a>
</li>
<li>
<a href="sitios.html">Sitios de interes</a>
</li>
</ul>
</div>
</div>
</nav>







<div class="container">
<div class="row">

<div class="box">
<div class="col-lg-12 ">
<hr class="tagline-divider"/>
<h1 class="brand-name text-center">Un pueblo con renombre:<strong> Alcabon</strong> </h1>


<hr class="tagline-divider"/>
<img class="img-responsive img-border img-left" src="img/alcabon.jpg" border="200" height="200" width="350" alt=""/>
<hr class="visible-xs"><xsl:value-of select="Datosdelacasa/Descripcion"/></hr>

</div>


</div>

</div>
</div>














<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr class="tagline-divider"/>
<h1 class="brand-name text-center">Localizacion</h1>

<hr class="tagline-divider"/>
<strong> </strong>

<div class="col-md-8">
<iframe src="http://ift.tt/1z5zIg4" width="100%" height="400" frameborder="0" style="border:0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
<div class="container">

<div class="col-md-4">
<hr class="visible-xs">

<xsl:value-of select="Localizacion/Descripcion"/>

Telefono:
<strong><xsl:value-of select="Datosdelacasa/Telefono"/><br/></strong>

Email:
<strong><a href="mailto:luisca_jl@hotmail.com"><xsl:value-of select="Datosdelacasa/Email"/></a></strong><br/>

Direccion:
<strong><xsl:value-of select="Datosdelacasa/DireccionPostal"/> ,
<xsl:value-of select="Datosdelacasa/Poblacion"/>,
<xsl:value-of select="Datosdelacasa/ComundidadAutonoma"/>,
<xsl:value-of select="Datosdelacasa/Region"/></strong>
<a class="btn btn-default btn-lg" >
<xsl:attribute name="href">
<xsl:value-of select="Localizacion/URL"></xsl:value-of>
</xsl:attribute>Como Llegar
</a>
</hr>

</div>
</div>
</div>
</div>
<div class="clearfix"></div>

</div>
</div>






<xsl:for-each select="NoticiasYOfertas/Noticia">

<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">
<h1 class="brand-name">Noticias</h1>
<h2 class="intro-text text-left"><xsl:value-of select="Fecha"/>, <xsl:value-of select="Titulo"/></h2>
<xsl:value-of select="Descripcion"/>

<a class="" >
<xsl:attribute name="href">http://ift.tt/1pv9V0F

</xsl:attribute>Groupon
</a>
</div>
</div>
</div>
</div>


</xsl:for-each>

<xsl:for-each select="NoticiasYOfertas/Oferta">

<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">
<h1 class="brand-name">Ofertas</h1>
<h2 class="intro-text text-left"><xsl:value-of select="Fecha"/>, <xsl:value-of select="Titulo"/></h2>
<xsl:value-of select="Descripcion"/>


</div>
</div>
</div>
</div>
</xsl:for-each>













<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">

<h1 class="brand-name text-left">
Youtube<p></p>
</h1>


<strong> </strong>

<div class="col-md-8">
<!-- <iframe src="//www.youtube.com/embed/bDFiwI53UM4" width="100%" height="400" frameborder="0" style="border:0" scrolling="no" marginheight="0" marginwidth="0"> </iframe>-->
<!--<iframe width="100%" height="400" src="http://ift.tt/1z5zKEF" frameborder="0" ></iframe>-->
<iframe width="100%" height="400" src="http://ift.tt/1pv9T97" frameborder="0"></iframe>


</div>

<div class="container">
<div class="col-md-4 ">
<hr class="visible-xs">Un reportaje echo en nuestra casa realizado por Castilla-La Mancha TV. En el los propietarios de esta "hogar" nos enseña su casa rural Al-Qabú, exotica vivienda de una herencia familiar que el matrimonio ha convertido en casa rural, toda la decoración es un homenaje a las tres culturas de Toledo</hr>

</div>

</div>
</div>
</div>
<div class="clearfix"></div>
</div>


</div>















<footer>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center ">
Copyright copy: Jimlu y Frost
</div>
</div>
</div>
</footer>




<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$('.carousel').carousel({
interval: 3000 //changes the speed
})
</script>

</body>

</html>

</xsl:template>


An other xslt: precios.xslt



<xsl:stylesheet version="3.0" xmlns:xsl="http://ift.tt/tCZ8VR" xmlns:xs="http://ift.tt/tphNwY" xmlns:fn="http://ift.tt/pEXiIz">
<xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
<xsl:template match="/CasaRural">
<html>
<head>
<title>ALQABÚ </title>

<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/business-casual.css" rel="stylesheet" />
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<!-- Fuentes -->
<link href="http://ift.tt/1iYwcJN" rel="stylesheet" type="text/css"/>
<link href="http://ift.tt/1oxZ9n5" rel="stylesheet" type="text/css"/>
</head>




<body>
<style>body{background-image: url(img/bg1.jpg);background-position: center;background-repeat: no-repeat;}</style>



<div class="brand"><xsl:value-of select="Datosdelacasa/Nombre"/><br/></div>

<div class="address-bar">
<xsl:value-of select="Datosdelacasa/DireccionPostal"/>, <xsl:value-of select="Datosdelacasa/Poblacion"/><br/></div>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
<a class="navbar-brand" href="precios.html">Business Casual</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="index.html">Inicio</a>
</li>
<li>
<a href="precios.html">Precios y Ofertas</a>
</li>
<li>
<a href="actividades.html">Actividades</a>
</li>
<li>
<a href="sitios.html">Sitios de interes</a>
</li>

</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>






<xsl:for-each select="TarifasyOfertas">
<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12 text-center">


<h2 class="intro-text text-center">
<h1 class="brand-name">Tarifas y Ofertas</h1>
<hr class="tagline-divider"/>
<p></p>
<strong>Temporada Alta / Temporada Baja</strong>
<p>
</p>


<xsl:value-of select="TemporadaAlta/DescripcionComienzoTemporada"/>
<p></p>


<xsl:value-of select="TemporadaBaja/DescripcionComienzoTemporada"/>


<hr class="tagline-divider"/>
<p>
</p>
<p>
</p>
</h2>

</div>

<p>
</p>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="http://ift.tt/1z5zKEI" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Habitacion Doble: </strong><xsl:value-of select="TemporadaAlta/HabitacionDoble"/> / <xsl:value-of select="TemporadaBaja/HabitacionDoble"/></hr>
</div>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="http://ift.tt/1z5zKEI" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Doble Especial: </strong><xsl:value-of select="TemporadaAlta/DobleEspecial"/> / <xsl:value-of select="TemporadaBaja/DobleEspecial"/></hr>
</div>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="http://ift.tt/1z5zKEI" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Habitacion Individual: </strong><xsl:value-of select="TemporadaAlta/HabitacionIndividual"/> / <xsl:value-of select="TemporadaBaja/HabitacionIndividual"/></hr>
<p></p>
</div>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="http://ift.tt/1z5zKEI" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Cama Supletoria: </strong><xsl:value-of select="TemporadaAlta/CamaSupletoria"/> / <xsl:value-of select="TemporadaBaja/CamaSupletoria"/></hr>
<p></p>
</div>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Cuna: </strong><xsl:value-of select="TemporadaAlta/Cuna"/> / <xsl:value-of select="TemporadaBaja/HabitacionDoble"/></hr>
</div>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="http://ift.tt/1z5zKEI" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Desayuno: </strong><xsl:value-of select="TemporadaAlta/Desayuno"/> / <xsl:value-of select="TemporadaBaja/Desayuno"/></hr>
<p></p>
</div>
<div class="col-sm-4 text-center" >
<img class="img-responsive" src="http://ift.tt/1z5zKEI" alt=""/>
<p></p>
<hr class="visible-xs"><strong>Cena: </strong><xsl:value-of select="TemporadaAlta/Cena"/> / <xsl:value-of select="TemporadaBaja/Cena"/></hr>
<p></p>
</div>

<div class="clearfix"></div>
</div>
</div>
</div>



</xsl:for-each>

<footer>

<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
Copyright copy: Jimlu y Frost
</div>
</div>
</div>

</footer>

<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Script to Activate the Carousel -->
<script>
$('.carousel').carousel({
interval: 5000 //changes the speed
})
</script>

</body>



</xsl:template>

No comments:

Post a Comment