PDA

Ver la Versión Completa : Pagina web, sencilla

Caral
15-05-2007, 00:04:00
Hola a todos
Me he hecho una paginita web para mi empresa.
Esta hecha con un programa que vi en un hilo y sugerido por Casimiro, Nvu.
Esta muy bien y relamente facil.
Bueno esta es la pagina para que la veais y me expliqueis como hacer lo siguiente, si sois tan amables.
www.fibresterlat.com (http://www.fibresterlat.com)
Lo que quiero hacer en que la opcion donde se dice Nuestros Productos se haga con un combobox, (bueno asi lo conozco en delphi), en el que pueda acceder a productos diferentes con un click, osea una lista desplegable, algo como las que tiene el club delphi, (no hace falta que sea tan bonita).
He intentado con un codigo que baje de interner, pero, aunque me hace el combo no se como darle acceso a lo que quiero.
Este es el codigo:

<html>
<head>
<title>Ejemplo 16</title>
</head>
<body>
<h1>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; Ejemplos de html</h1>
<form style="margin-left: 81px; width: 481px;"
action="mailto:unaprueba" method="post">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<select name="Colores" size="1">
<option value="r">Rojo</option>
<option value="g">Verde</option>
<option value="b">Azul</option>
</select>
<br>
<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;<input type="submit"><input
type="reset">
</form>
</body>
</html>
Me podeis dar una mano, o decirme de algun sitio donde se vean estas cosas.
Gracias y Saludos
dec
15-05-2007, 00:12:56
Hola,

Empecemos por aclarar un poco el código anterior...


<html>
<head>
<title>Ejemplo 16</title>
</head>
<body>
<h1>Ejemplos de html</h1>
<form style="margin-left: 81px; width: 481px;"
action="mailto:unaprueba" method="post">
<div>
<select name="Colores" size="1">
<option value="r">Rojo</option>
<option value="g">Verde</option>
<option value="b">Azul</option>
</select>
</div>
<div>
<input type="submit">
<input type="reset">
</div>
</form>
</body>
</html>


Ahora bien, ¿cuál es el problema? ¿Cómo se supone que quieres organizar el asunto? Se supone una lista con X elementos, cada uno con el nombre de un producto, el usuario pulsa el botón "enviar" del formulario que contiene la lista, o simplemente cambia el elemento seleccionado en la misma, ahora, ¿qué deberíamos hacer a continuación? ¿Tal vez redirigir al usuario a alguna página Web en función del elemento elegido?
Caral
15-05-2007, 00:30:14
Hola Dec.
Gracias por responder.
El asunto es algo asi:

Nuestros Productos
............Bañeras Rectangulares
............Bañeras Esquineras
............Spas para exterior

Osea: el combo se abre y muestra un listado, al presionar cualquier item que se valla directo a este.
Como veras todo esta echo en una sola pagina, asi que seria hacia abajo, al item X., en algun caso podria pensar en enlazarlo a otra pagina.
Saludos
Caral
15-05-2007, 05:56:05
Hola
Gracias dec, me gusta tu estilo, es igual al de Roman, nos obligas a pensar.
Ya lo solucione.

<body>
<a name="arriba"></a>
<br>
<form>
<select name="liste1" size="1">
<option selected="selected" value="">--------
Nuestros Productos -------- </option>
<option value="EntrarFibrester.html">mi lugar </option>
<option value="#abajo">Ir abajo </option>
</select>
<a name="arriba"><input value="Go"
onclick="if (form.liste1.selectedIndex != 0)
location = form.liste1.options[form.liste1.selectedIndex].value;
else
alert('Please choose a menu item')"
type="button"></a>
<br>

Gracias maestro.
saludos
JavierB
15-05-2007, 11:51:08
Hola Caral

He modificado un poco tu código para hacerlo más sencillo:


<form>
<select name="liste1" size="1" onchange="go.disabled = this.selectedIndex==0">
<option selected="selected" value="">--------
Nuestros Productos -------- </option>
<option value="EntrarFibrester.html">mi lugar </option>
<option value="#abajo">Ir abajo </option>
</select>
<input value="Go" name="go" type="button" disabled="disabled" onclick="location = liste1.value">


Saludos,
Caral
15-05-2007, 20:35:00
Hola
Ya que me estais ayudando, tal vez se os ocurre como hacerlo sin el boton.
Osea que cuando cambie, se posicione en donde quiero, sin tener el boton, no me gusta mucho este, entonces, eliminarlo del todo.
Se podra hacer?
Saludos
JavierB
16-05-2007, 10:48:21
Hola de nuevo.


<select name="liste1" size="1" onchange="location = this.value">


Saludos,