Hacer un contro remoto TV tipo Javascript

TheMostWanted · #1 (**permalink**) 16/03/2010, 19:27

Hola a todos, soy nuevo en este foro y espero que nos llevemos bien. Tengo un problema ahora: me acaban de poner un trabajo en un instituto de software. El objetivo es hacer un control remoto en el cual, cuando marcamos unos botones, por ejemplo, el 13, nos lleve al canal 13, en este caso, en mi pais es Telecentro. Ahora, el problema esta es que cuando marca los botones, tengo un botón llamado Ir, en el cual me llevara a la pagina web de ese canal, pero este botón Ir no cumple con ese función, no hace nada. Quisiera que me ayudaran a resolver ese problema y que me dijeran . Aqui les dejo el código javascript del contro remoto TV. Copienlo, analicenlo y ayudeneme. ''OJO'' Los unicos canales puestos son el 11, el 13 y el 15, por ahora, cuando se resuelva este problema, pondra otros más.

Código Javascript:

Ver original<html>
<head></head>
<script language="javascript">
function ir(){
if (pantalla==11){
window.location.href="http://www.telesistema11.tv/";}
else if (pantalla==13){
window.location.href="http://www.telecentro.com.do/";}
else (pantalla==15){
window.location.href="http://www.digital15.com.do/";}
}
</script>
<body bgcolor="aqua">
<font color="white">
<center><h1>Control Remoto</h1><br>
<table border=4>
<form name="remoto">
<tr>
<td><center>
<input type="text" name="pantalla" size="16">
<center><br>
</td>
</tr>
<center>
 <td>
 <table>
       <tr>
        <td><input type="button" name="uno" value="  1  " OnClick="remoto.pantalla.value += '1'"></td>
        <td><input type="button" name="dos" value="  2  " OnClick="remoto.pantalla.value += '2'"></td>
        <td><input type="button" name="tres" value="  3  " OnClick="remoto.pantalla.value += '3'"></td>
       </tr> 
 <table>
       <tr>
        <td><input type="button" name="cuatro" value="  4  " OnClick="remoto.pantalla.value += '4'"></td>
        <td><input type="button" name="cinco" value="  5  " OnClick="remoto.pantalla.value += '5'"></td>
        <td><input type="button" name="seis" value="  6  " OnClick="remoto.pantalla.value += '6'"></td>
       </tr>
 <table>
       <tr>
        <td><input type="button" name="siete" value="  7  " OnClick="remoto.pantalla.value += '7'"></td>
        <td><input type="button" name="ocho" value="  8  " OnClick="remoto.pantalla.value += '8'"></td>
        <td><input type="button" name="nueve" value="  9  " OnClick="remoto.pantalla.value += '9'"></td>
       </tr> 
 <table>
       <tr>
        <td><input type="button" name="cero" value="  0  " OnClick="remoto.pantalla.value += '0'"></td>
        <td><input type="button" name="ir" value="  Ir  " OnClick="ir()"></td>
       </tr>
 <table>
       <tr>
        <td><input type="button" name="channel +" value="channel +" OnClick=""></td>
        <td><input type="button" name="volumen +" value="volumen +" OnClick=""></td>
        </tr>
 <table>
       <tr>
        <td><input type="button" name="channel -" value="channel -" OnClick=""></td>
        <td><input type="button" name="volumen -" value="volumen -" OnClick=""></td>
        </tr>
</center>
</form>
</body>
</html>

Por favor, ayudenme.

buzu · #2 (**permalink**) 16/03/2010, 20:06

Cita:

me acaban de poner un trabajo en un instituto de software

Por esto entiendo que son clases que estás tomando. Si es así, exige que te enseñen bien. Esa forma de escribir webs es la forma que habría usado mi abuelo ;).

En cuanto a tu problema, estás totalmente perdido. Solo necesitas llamar a la función ir en el onclick (ojo, que esa forma que usas de llamar a la función con eventos en linea es obtrusiva y desaconsejable).

haz algo así:

onclick="ir(13)"

y modifica tu función así:

function ir(canal){
if(canal == 13){
window.location.href="http://www.telecentro.com.do/";
}
}

Agrega los demás if para los otros canales.

Otra cosa, esto:

Cita:

Copienlo, analicenlo y ayudeneme.

Me suena a una orden. Por acá algunos somos muy sensibles y no nos gusta ese tono. Trata de ser un poco más amable cuando pides las cosas. Se que tu intención quizá no ha sido en ningún momento ser exigente, pero eso es lo que proyecta tu post. Recuerda que el tono con que dices las cosas no se refleja en la pantalla más que por las palabras que usas o no usas.

No quiero ser muy fastidioso con esto, pero ser amables es el primer paso para llevarnos bien y para poder vivir en esta comunidad de forma pacifica y agradable.

Saludos.

vitro012 · #3 (**permalink**) 17/03/2010, 01:25

No sé si entedí bien lo que pretendes, pero propongo 2 cosas.

1.- si vas usar enlaces, puede hacer un menu, y con CSS3 le puedes dar la apariencia de un control remoto sin tantos rollos. y otra, ya no se usan tablas <table > </table>, el código que presentas es de HTML1 y ya estamos en el
HTML4 y algunos ya en el HTML5

http://www.cssmenubuilder.com/menus

2.-La otra es más complicada, puedes usar LightBox. en la sig. página está un tutorial, busca en la parte de abajo los DEMOS. Realmente no lo he realizado porque también voy empezando con jquery y javascript

http://www.coders.me/lang/en/web-htm...exy-lightbox-2

Suerte!
Espero haber sido de ayuda!

TheMostWanted · #4 (**permalink**) 17/03/2010, 04:54

buzu, soy nuevo en esto, y perdon, no era mi intención dar ordenes, se me paso. Les prometo que no volvera a suceder.

TheMostWanted · #5 (**permalink**) 17/03/2010, 04:56

buzu, soy nuevo en esto, y perdon, no era mi intención dar ordenes, se me paso. Les prometo que no volvera a suceder.

buzu · #6 (**permalink**) 17/03/2010, 10:44

Cita:

buzu, soy nuevo en esto, y perdon, no era mi intención dar ordenes, se me paso. Les prometo que no volvera a suceder.

Como te decía, lo entiendo... No quise regañar solo sugerir... :)

Y con el script como vas?