Skip to content

Pedro / practica1-daw

Go to a project
Commit 791ba36b by Pedro
Options

Primera versión - casi terminada

parent e428eee6
Inline Side-by-side
Showing with 237 additions and 12 deletions
src/public_html/index.html
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
function mostrar() {
document.getElementById("sidebar").style.display = "none";
document.getElementById("main").style.display = "inline";
}
</script>
<script>
function ocultar(id) {
document.getElementById("sidebar").style.display = "block";
document.getElementById("main").style.display = "block";
}
</script>
<script>
function filtros() {
var cat1 = document.getElementById("todo");
var cat2 = document.getElementById("aceite");
var cat3 = document.getElementById("herramienta");
var checks = document.getElementsByClassName("aceitecont");
var checkss = document.getElementsByClassName("herramientacont");
if (cat1.checked) {
for (var i = 0; i < checks.length; i++) {
checks[i].style.display = "block";
}
for (var i = 0; i < checkss.length; i++) {
checkss[i].style.display = "block";
}
}
if (cat2.checked) {
for (var i = 0; i < checkss.length; i++) {
checkss[i].style.display = "none";
}
for (var i = 0; i < checks.length; i++) {
checks[i].style.display = "block";
}
}
if (cat3.checked) {
for (var i = 0; i < checkss.length; i++) {
checkss[i].style.display = "block";
}
for (var i = 0; i < checks.length; i++) {
checks[i].style.display = "none";
}
}
}
</script>
<head>
<link rel="shortcut icon" href="./images/icon.ico">
<title>AgroVid Jaén - Productos</title>
<link rel="stylesheet" href="css/estilo.css" />
<meta charset="UTF-8">
</head>
<body>
<div>TODO write content</div>
<header>
<div id="header">
<div id="headerRight" >
<nav>
<ul>
<li><input type="button" onClick="ocultar()" value="ON"></li>
<li><input type="button" onClick="mostrar()" value="OFF"></li>
<li><A href="./index.html"> Home</A></li>
<li><A href="./index.html"> Productos</A></li>
<li><A href="./index.html"> Contacto</A> </li>
</ul>
</nav>
</div>
<div class="socialButtons">
<A href="./index.html">Iniciar sesión</A>
</div>
</div>
</header>
<div id="wrapall" style="background-color:rgba(0, 0, 0, 0.25);">
<div id="sidebar">
<div id="stickThis">
<div id="sidebarContent" style="background-color:rgba(0, 0, 0, 0);">
<aside >
<div style="background-color:rgba(0, 0, 0, 0);">
<form>
<center> <label>Filtros de búsqueda</label><br><br>
</center>
</div>
</aside>
<aside>
<div>
<label>Seleccione categoría</label><hr>
<input type="radio" id="todo" name="filtro">
<label for="todo">Todos los elementos</label><br><br>
<input type="radio" id="aceite" name="filtro">
<label for="aceite">Aceites</label><br><br>
<input type="radio" id="herramienta" name="filtro">
<label for="herramienta">Herramientas</label> <br><br>
<center> <input type="button" onClick="filtros()" value="a ver"></center>
</form>
</div>
<div>
<form>
<label>Seleccione marca:</label><hr>
<input type="radio" id="todo" name="filtro">
<label for="todo">Todos los elementos</label><br><br>
<input type="radio" id="aceite" name="filtro">
<label for="aceite">Aceites</label><br><br>
<input type="radio" id="herramienta" name="filtro">
<label for="herramienta">Herramientas</label> <br><br>
<center> <input type="button" onClick="filtros()" value="a ver"></center>
</form>
</div>
<div>
<form>
<label>Seleccione rango de precios:</label><hr>
<input type="radio" id="todo" name="filtro">
<label for="todo">Todos los elementos</label><br><br>
<input type="radio" id="aceite" name="filtro">
<label for="aceite">Aceites</label><br><br>
<input type="radio" id="herramienta" name="filtro">
<label for="herramienta">Herramientas</label> <br><br>
<center> <input type="button" onClick="filtros()" value="a ver"></center>
</form>
</div>
</aside>
</div>
</div>
<div id="stick-here"></div>
</div>
<div id="main">
<section id="page">
<main>
<section>
<form action="post.php" method="POST">
<ul>
<li>
<div class="aceitecont">
<img alt="nose" height="100" width="150" src="images/aceite.png"><br><hr>
<input type="checkbox" name="pro1" value="Bike">
<label for="vehicle1">Aceite - 0€</label>
</div>
</li>
<li>
<div class="aceitecont">
<img alt="nose" height="100" width="150" src="images/aceite.png"><br> <hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Aceite - 0€</label>
</div>
</li>
<li>
<div class="aceitecont">
<img alt="nose" height="100" width="150" src="images/aceite.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Aceite - 0€</label>
</div>
</li>
<li>
<div class="aceitecont">
<img alt="nose" height="100" width="150" src="images/aceite.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Aceite - 0€</label>
</div>
</li>
<li>
<div class="aceitecont">
<img alt="nose" height="100" width="150" src="images/aceite.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Aceite - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li> <li>
<div class="herramientacont">
<img alt="nose" height="100" width="150" src="images/pala.png"><br><hr>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1">Pala - 0€</label>
</div>
</li>
</ul>
<center> <input type="submit" value="Comprar"></center>
</form>
</section>
</main>
<footer>
</footer>
</section>
</div>
</body>
</html>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment