ComboBox con HTML

moradazo · #1 (**permalink**) 03/09/2010, 09:02

Hola amigos soy muy nuevo en html, tengo una duda:

Este código lo vi en una página de internet para crear un ComboBox:

Código HTML:

<SELECT NAME="selCombo" SIZE=1 onChange="javascript:alert('prueba');"> 
<OPTION VALUE="link pagina 1">opcion1</OPTION>
<OPTION VALUE="link pagina 2">opcion2</OPTION>
<OPTION VALUE="link pagina 3">opcion3</OPTION>
<OPTION VALUE="link pagina 4">opcion4</OPTION> 
</SELECT>

Lo que hace al seleccionar una opción es poner un messagebox diciendo PRUEBA.
Necesito que la opción que se elija sirva de variable para otro código, por ejemplo:

Código HTML:

<a href="PAGINA SELECCIONADA">Entrar a la página seleccionada</a>

Muchas gracias por la ayuda.

catpaw · #2 (**permalink**) 03/09/2010, 12:38

A mi parecer necesitas PHP, mira quedaria algo asi:

Código HTML:

<SELECT NAME="selCombo" SIZE=1 onChange="javascript:alert('prueba');"> 
<OPTION VALUE="1">Link1</OPTION>
<OPTION VALUE="2">Link2</OPTION>
<OPTION VALUE="3">Link3</OPTION>
<OPTION VALUE="4">Link4</OPTION> 
</SELECT>

<?PHP //con esto indicas que empiezas a insertar codigo php
$link_valor=$_POST['selCombo'];

if($link_valor==1){
echo "<a href="URL PAGINA SELECCIONADA">Entrar a la página seleccionada</a>";
}else{
if($link_valor==2){
echo "<a href="URL PAGINA SELECCIONADA">Entrar a la página seleccionada</a>";`
} else{ ... //asi todas tus opciones
?> //con esto cierras el codigo php

Ahora si lo que quieres es que ya tu codigo "sepa" que link pertenece al value lo que necesitas es guadar esos valores en una base de datos, asi te ahorras poner los link, pero eso es harina de otro costal, es mas complicado

Nota: importante si realizas esto tu página ya no podra ser .html tendra que ser .php

emprear · #3 (**permalink**) 03/09/2010, 13:37

No estoy seguro si lo que queres es que la script construya el vinculo o que funcione como un menu y te refdirija directamente.
Para la primera opción que es lo que mas mas se asemeja a tu ejemplo seria

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>html 4.01 transitional</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">
<script type="text/javascript">
<!--//
function crearlink(Sel){
if (Sel.ad.selectedIndex != 0){
var link = Sel.ad.options[Sel.ad.selectedIndex].value
document.write("<a href='" + link + "'>" + link + "<\/a><br>");
document.write("<a href='javascript:history.back\(\)\;'>volver<\/a><br>");
}
}
//-->
</script>
</head>
<body>
<form action="">
<select name="ad" onchange="crearlink(this.form)">
<option selected> ---</option>
<option value="1.htm">texto 1</option>
<option value="2.htm">texto 2</option>
<option value="3.htm">texto 3</option>
</select>
</form>
</body>
</html>

aunque la segunda me parece más logica

Saludos

moradazo · #4 (**permalink**) 03/09/2010, 16:02

Muchas gracias con las respuestas.

Específicamente necesito un combobox por ejemplo con 3 emisoras:

Código HTML:

<OPTION VALUE="www.radioomega.fm/omega.asx/">OMEGA</OPTION>
<OPTION VALUE="www.columbia.co.cr/columbia.asx">COLUMBIA</OPTION>
<OPTION VALUE="www.monumental.com/monu.asx">MONUMENTAL</OPTION>

Cuando escojo uno de esos, de inmediato sale en un reproductor media player en la web de la emisora con la siguiente línea:

<param name="filename" value="VARIABLE DEL COMBOBOX">

Es en esta parte del código que necesito traerme la variable del combobox a la línea del windows media player.

Espero me hayan entendido. Gracias!

emprear · #5 (**permalink**) 03/09/2010, 16:31

Podrías haber expuesto esto desde un inicio, te convendría haber usado php, pero bueno, sigamos con JavaScript

primero constrye el html de tu reproductor, luego utiliza esta página para convertir el html a la sintaxis de javaScript
http://accessify.com/tools-and-wizar...ipt-convertor/

te va a quedar algo parecido a esto (según tengas configurado tu reproductor

Código Javascript:

Ver originaldocument.write("<object ");
document.write("id=\"mediaPlayer1\" ");
document.write("width=\"320\" height=\"240\" ");
document.write("classid=\"CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95\" ");
document.write("codebase=\"http:\/\/activex.microsoft.com\/activex\/controls\/mplayer\/en\/nsmp2inf.cab#Version=5,1,52,701\" ");
document.write("standby=\"Cargando Microsoft Windows Media Player...\" ");
document.write("type=\"application\/x-oleobject\">");
document.write("<param name=\"fileName\" value=\"old_piano.wmv\" \/>");
document.write("<param name=\"animationatStart\" value=\"true\" \/>");
document.write("<param name=\"transparentatStart\" value=\"true\" \/>");
document.write("<param name=\"autoStart\" value=\"false\" \/>");
document.write("<param name=\"showControls\" value=\"true\" \/>");
document.write("<param name=\"ShowAudioControls\" value=\"true\" \/>");
document.write("<param name=\"ShowStatusBar\" value=\"true\" \/>");
document.write("<param name=\"loop\" value=\"true\" \/>");
document.write("<embed ");
document.write("type=\"application\/x-mplayer2\" ");
document.write("pluginspage=\"http:\/\/microsoft.com\/windows\/mediaplayer\/en\/download\/\" ");
document.write("id=\"mediaPlayer\" ");
document.write("name=\"mediaPlayer\"");
document.write("displaysize=\"4\" ");
document.write("autosize=\"-1\" ");
document.write("bgcolor=\"darkblue\" ");
document.write("showcontrols=\"true\" ");
document.write("showtracker=\"-1\" ");
document.write("showdisplay=\"0\" ");
document.write("showstatusbar=\"-1\" ");
document.write("videoborder3d=\"-1\" ");
document.write("width=\"320\" ");
document.write("height=\"240\" ");
document.write("src=\"old_piano.wmv\" ");
document.write("autostart=\"true\" ");
document.write("designtimesp=\"5311\" ");
document.write("loop=\"false\" ");
document.write("volume=\"100\" \/>");
document.write("<\/object>");
document.write("");

en los atributos filename para el object y src para el embed reemplaza el "value" por la variable link, según yo lo hice en la script que te pasé.

saludos

moradazo · #6 (**permalink**) 03/09/2010, 16:47

Muchas gracias Emprear, pero es que no es en Javascrip que lo ocupo, es en HTML, igual intentaré trasladarlo a ver que entiendo.

emprear · #7 (**permalink**) 03/09/2010, 16:54

moradazo:
Pero si querés darle dinamismo a través del combo y que la opcion se transforme en una variable, necesitas de javascript o php o algun otro lenguaje de programación, si no no tiene sentido lo que haces,simplemente crea un html por cada emisora y hacé vínculos en forma tradicional. tu argumento es un poco desconcertante

Saludos

moradazo · #8 (**permalink**) 03/09/2010, 17:00

No pues obviamente no quiero hacerlo a puros vínculos porque más adelante quiero agregar más emisoras de radio. También pasa que donde quiero publicarlo solo me permite usar HTML entonces por ahi va mi pregunta, si realmente se puede con estas limitaciones.

Gracias.

emprear · #9 (**permalink**) 03/09/2010, 17:07

quizás no deberías haber iniciado todo con
<SELECT NAME="selCombo" SIZE=1 onChange="javascript:alert('prueba');">
eso es JavaScript.
y la respuesta es sencillamwente NO, no se puede hacer nada si solo te permiten usar HTML

Saludos

moradazo · #10 (**permalink**) 03/09/2010, 18:02

Difiero con tu comentario:

En primera lo que sale de Javascript es porque ese código es un ejemplo que tomé de internet, por lo tanto ni siquiera tuve intensión de que el código sea en JavaScript por eso el tema se llama "ComboBox con HTML"

Y en segunda yo creo que SI se puede tomar un valor del combobox y llevarlo como variable a otra función, he encontrado muchas opciones como esta:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>formulario</title>
</head>

<body>
<center>
<form name="combowithtext">
<select name="example" size="1" onChange="showtext()">
<option value="www.radioomega.fm/omega.asx">Omega</option>
<option value="www.columbia.co.cr/columbia.asx">Columbia</option>

<input type="button" value="Abrir Player"
onClick="gothere()"><br>
<textarea rows=5 cols=21 wrap="virtual" name="text"></textarea>
<script language="JavaScript" type="text/javascript">
<!--

var shortcut=document.combowithtext
var descriptions=new Array()

//extend this list if neccessary to accomodate more selections
descriptions[0]="Música nacional y programas de humor"
descriptions[1]="Emisora deportiva"



shortcut.text.value=descriptions[shortcut.example.selectedIndex]
function gothere(){
location=shortcut.example.options[shortcut.example.selectedIndex].value
}

function showtext(){
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
}
//-->
</script>

</form>
</center> 
</body>
</html>

Aun no termino de obtener lo que quiero pero de que SI se puede, SI SE PUEDE.

catpaw · #11 (**permalink**) 03/09/2010, 18:02

Si ayuda de otro lenguaje no podrás hacer nada como dice emprear

Ojo que uses javascript o php no significa que dejes de usar html, son script que se insertan en el codigo html y te permiten hacer cosas que html por si solo no resuleve

suerte...

catpaw · #12 (**permalink**) 03/09/2010, 18:06

Cita:

Iniciado por moradazo

Difiero con tu comentario:

En primera lo que sale de Javascript es porque ese código es un ejemplo que tomé de internet, por lo tanto ni siquiera tuve intensión de que el código sea en JavaScript por eso el tema se llama "ComboBox con HTML"

Y en segunda yo creo que SI se puede tomar un valor del combobox y llevarlo como variable a otra función, he encontrado muchas opciones como esta:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>formulario</title>
</head>

<body>
<center>
<form name="combowithtext">
<select name="example" size="1" onChange="showtext()">
<option value="www.radioomega.fm/omega.asx">Omega</option>
<option value="www.columbia.co.cr/columbia.asx">Columbia</option>

<input type="button" value="Abrir Player"
onClick="gothere()"><br>
<textarea rows=5 cols=21 wrap="virtual" name="text"></textarea>
<script language="JavaScript" type="text/javascript">
<!--

var shortcut=document.combowithtext
var descriptions=new Array()

//extend this list if neccessary to accomodate more selections
descriptions[0]="Música nacional y programas de humor"
descriptions[1]="Emisora deportiva"



shortcut.text.value=descriptions[shortcut.example.selectedIndex]
function gothere(){
location=shortcut.example.options[shortcut.example.selectedIndex].value
}

function showtext(){
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
}
//-->
</script>

</form>
</center> 
</body>
</html>

Aun no termino de obtener lo que quiero pero de que SI se puede, SI SE PUEDE.

moradazo ese codigo que pones tiene javascript

Yo creo que no tienes ni idea

emprear · #13 (**permalink**) 03/09/2010, 18:35

moradazo:

no aclares que oscurece

moradazo · #14 (**permalink**) 05/09/2010, 00:53

Miren, HTML hasta donde yo se, adapta elementos de JavaScript o de PHP para poder ejecutarse en su plataforma.

Solo porque puse esa línea donde dice JavaScript ya creen que el código que necesito es de JavaScript? por favor sean serios!

Es más el ejemplo que puse ni siquiera necesita esa línea para poder ejecutarse, entonces con que argumento me vienen a decir que el código que puse es javascript... lo siento amigos, no concuerdo para nada con ustedes porque se salieron del tema totalmente, o sea, el tema se llama COMBOBOX EN HTML y al final ya hablan de código en JavaScript no en HTML...

Gracias de todas formas por lo que quisieron ayudarme. Igual me encantaría saber si alguien tiene el conocimiento para colaborarme en el tema que necesito, tomar la variable de una opción de combobox para ponerla en una línea más adelante, precisamente esta:

<param name="filename" value="VARIABLE DEL COMBOBOX">

Gracias.

jomaruro · #15 (**permalink**) 05/09/2010, 04:44

Hola:

Cita:

Iniciado por moradazo

Es más el ejemplo que puse ni siquiera necesita esa línea para poder ejecutarse, entonces con que argumento me vienen a decir que el código que puse es javascript... lo siento amigos, no concuerdo para nada co n ustedes porque se salieron del tema totalmente, o sea, el tema se llama COMBOBOX EN HTML y al final ya hablan de código en JavaScript no en HTML...

Porque tal y como lo quieres, sólo con HTML no se puede, necesitas un lenguaje de programación o bien del lado del servidor (como PHP, ASP) o bien del lado del cliente (Javascript) y HTML solo en un lenguaje de marcado no de programación y NO TRABAJA CON VARIABLES.

Saludos.

moradazo · #16 (**permalink**) 05/09/2010, 21:24

Muchas gracias Jomaruro, como no conozco bien del lenguaje agradezco me hagas ver bien las limitaciones del mismo.

Habra alguna adaptacion que se le pueda hacer a HTML con Javascript o PHP para que haga lo de la variable? Gracias.

emprear · #17 (**permalink**) 05/09/2010, 22:31

Cita:

Moradazo dice:
Necesito que la opción que se elija sirva de variable para otro código

mmmhhh? variables?

Cita:

catpaw contesta:
A mi parecer necesitas PHP, y expone un ejemplo

vamos mejor PHP=Variables !!!

Cita:

emprear agrega:
No estoy seguro si lo que queres es que la script construya el vinculo o que funcione como un menu y te refdirija directamente.
Para la primera opción que es lo que mas mas se asemeja a tu ejemplo seria
... y agrega un código en Js de ejemplo...

y si, lo hice en js porque nuestro amigo arranco con js

Cita:

moradazo insiste:
<param name="filename" value="VARIABLE DEL COMBOBOX">

seguimos con las variables... y para pasarlas al media player

Cita:

emprear continua:
Podrías haber expuesto esto desde un inicio, te convendría haber usado php, pero bueno, sigamos con JavaScript...

y agrega más código de ejemplo de como hacerlo

Cita:

moradazo sentencia:
Muchas gracias Emprear, pero es que no es en Javascrip que lo ocupo, es en HTML, igual intentaré trasladarlo a ver que entiendo.

a buena hora lo dice, no quiere javascript

Cita:

emprear responde:
Pero si querés darle dinamismo a través del combo y que la opcion se transforme en una variable, necesitas de javascript o php o algun otro lenguaje de programación, si no no tiene sentido lo que haces,simplemente crea un html por cada emisora y hacé vínculos en forma tradicional. tu argumento es un poco desconcertante

y si, desconcertante, por lo menos

Cita:

moradazo se explaya:
También pasa que donde quiero publicarlo solo me permite usar HTML entonces por ahi va mi pregunta, si realmente se puede con estas limitaciones.

solo html?

Cita:

emprear afirma:
y la respuesta es sencillamente NO, no se puede hacer nada si solo te permiten usar HTML

como para darle un punto final a la cosa

Cita:

moradazo difiere:
ni siquiera tuve intensión de que el código sea en JavaScript por eso el tema se llama "ComboBox con HTML"
Y en segunda yo creo que SI se puede tomar un valor del combobox y llevarlo como variable a otra función, he encontrado muchas opciones como esta:

y a continuación se despacha con una linda combinación de Html y .... JAVASCRIPT. Vaya forma de diferir

Cita:

captaw vuelve al ruedo
Si ayuda de otro lenguaje no podrás hacer nada como dice emprear...
moradazo ese codigo que pones tiene javascript !!!

menos mal, pensé que era yo que estaba respondiendo en otro post, o en otro foro quizás

Cita:

moradazo nos agobia:
Miren, HTML hasta donde yo se, adapta elementos de JavaScript o de PHP para poder ejecutarse en su plataforma(¿?)
... ya creen que el código que necesito es de JavaScript? por favor sean serios!
... el tema se llama COMBOBOX EN HTML y al final ya hablan de código en JavaScript no en HTML.
...me encantaría saber si alguien tiene el conocimiento para colaborarme en el tema que necesito, tomar la variable

seriedad, javascript, $Variables. Linda mezcla.

Cita:

jomaruro interviene con su experiencia (y paciencia creo yo):
Porque tal y como lo quieres, sólo con HTML no se puede...

como para que todo quede clarito

Cita:

moradazo agradece:
Habra alguna adaptacion que se le pueda hacer a HTML con Javascript o PHP para que haga lo de la variable?

Quien lo entiende ?

Amigo moradazo, no leiste el título del post "ComboBox con HTML"

catpaw · #18 (**permalink**) 06/09/2010, 07:42

Wow emprear me senti como recapitulacion de telenovela jajajaja

moradazo · #19 (**permalink**) 06/09/2010, 16:14

De verdad Emprear, no tiene nada que hacer?

Si quiere agrégueme al MSN para discutir lo que quiera, no venga a quererse dar la razon como sabiéndolo todo. De primeras dije soy nuevo en HTML.

Y si va postear es para opinar del tema. Use el foro correctamente por favor.

catpaw · #20 (**permalink**) 06/09/2010, 17:31

No inventes moradazo todo lo que emprear ha posteado es para hablar de tu tema...
Presisamente por ser nuevo en esto debiste tomar con más humildad nuestras respuestas y no con esa necedad que te caracteriza, en fin, no vale la pena discutir como tu dices...

Que lastima que solo hayas hecho caso a alguien que viste que tiene más "nivel" (jomaruro) mejor para la otra pregunta por mensajes privados de los que creas que merecen responder lo que posteas.

moradazo · #21 (**permalink**) 06/09/2010, 22:32

Insisto si van a responder que sea del tema por favor.

Alguien más que pueda opinar sobre mi duda? Gracias

aar1_1 · #22 (**permalink**) 02/05/2012, 01:04

por décima vez amigo y como ya te han comentado otros compañeros NO SE PUEDE sin php o js. Te recomiendo que si encima eres nuevo en el tema no seas tan prepotente y cabezón.