ayuda con javascript

FuckYeah #1 Mar '15 Inocente

Buenas, antes de nada, decir que he buscado por google todo lo que he podido. El problema era no saber qué buscar.

Mis conocimientos de JAVA son 0. Aún así he copiado y manipulado un pequeño SCRIPT que os pongo aquí:

<script type="text/javascript">
$('#texto').show().text("Encendiendo motores...");
var estado="";
$(function(){
$("#avanza").click(function(){
	$('#texto').show().text("Avanza");
	$("#texto").removeClass('btn-info btn-primary btn-success btn-inverse').addClass( "btn-danger" );
	$(this).removeClass('boton').addClass( "boton_activo" );
	$("#derecha").removeClass('boton_activo').addClass( "boton" );
	$("#izquierda").removeClass('boton_activo').addClass( "boton" );
	$("#retrocede").removeClass('boton_activo').addClass( "boton" );
	$("#para").removeClass('boton_activo').addClass( "boton" );
    window.estado=1;
});
$("#izquierda").click(function(){
	$('#texto').show().text("Giro Izquierda");
	$("#texto").removeClass('btn-danger btn-primary btn-success btn-inverse').addClass( "btn-info" );
	$(this).removeClass('boton').addClass( "boton_activo" );
	$("#avanza").removeClass('boton_activo').addClass( "boton" );
	$("#derecha").removeClass('boton_activo').addClass( "boton" );
	$("#retrocede").removeClass('boton_activo').addClass( "boton" );
	$("#para").removeClass('boton_activo').addClass( "boton" );
    window.estado=2;
});
$("#derecha").click(function(){
	$('#texto').show().text("Giro Derecha");
	$("#texto").removeClass('btn-primary btn-info btn-danger btn-inverse').addClass( "btn-success" );
	$(this).removeClass('boton').addClass( "boton_activo" );
	$("#avanza").removeClass('boton_activo').addClass( "boton" );
	$("#izquierda").removeClass('boton_activo').addClass( "boton" );
	$("#retrocede").removeClass('boton_activo').addClass( "boton" );
	$("#para").removeClass('boton_activo').addClass( "boton" );
    window.estado=3;
});
$("#retrocede").click(function(){
	$('#texto').show().text("Retrocede");
	$("#texto").removeClass('btn-success btn-info btn-danger btn-inverse').addClass( "btn-primary" );
	$(this).removeClass('boton').addClass( "boton_activo" );
	$("#avanza").removeClass('boton_activo').addClass( "boton" );
	$("#izquierda").removeClass('boton_activo').addClass( "boton" );
	$("#derecha").removeClass('boton_activo').addClass( "boton" );
	$("#para").removeClass('boton_activo').addClass( "boton" );
    window.estado=4;
});
$("#para").click(function(){
	$('#texto').show().text("Detenido");
	$("#texto").removeClass(' btn-primary btn-success btn-info btn-danger').addClass( "btn-inverse" );
	$(this).removeClass('boton').addClass( "boton_activo" );
	$("#avanza").removeClass('boton_activo').addClass( "boton" );
	$("#izquierda").removeClass('boton_activo').addClass( "boton" );
	$("#derecha").removeClass('boton_activo').addClass( "boton" );
	$("#retrocede").removeClass('boton_activo').addClass( "boton" );
    window.estado=5;
 });
$(this).click(function(){
   console.log("estado: "+estado);
	$.ajax({
		data:{valor_estado: estado},
		url:'logincorrecto.php',
		type:'POST',
		success: function(response){
			//alert("Salida: "+response );
		}
	});
  });

});
</script>

¿Qué hace? Pues son 5 botones y dirige un robot. Esto funciona perfecto, pero me gustaría añadir que el botón #PARA estuviera presionado siempre que no presiones otra cosa.

Os pongo en situación:
Le doy a AVANZA y el robot avanza, pero hasta que no le doy a parar no para. ¿Cuál es el problema? Que llega a salir del radio de WIFI y el robot no para nunca.
Me gustaría que si yo suelto el botón AVANZA volviera a seleccionarse automáticamente el de #PARA.

A ver si podéis echarme una mano, aunque sea a buscar en google, porque no sé cómo usar el buscador para buscar eso ya que desconozco el lenguaje.

Gantorys #2 Mar '15

Java != javascript
Utiliza la etiqueta

1 respuesta

FuckYeah #3 Mar '15 Inocente

#2 Perdón.

Si algún mod me la cambia me hace el favor.

eXtreM3 #4 Mar '15

Añádele la clase boton_activo a #para y se la quitas cada vez que pulses cualquier otro botón o salte un evento.

Y por cierto, ese código puede estar muchísimo más limpio.

1 respuesta

gonya707 #5 Mar '15 Moderador

editado, aunque tu mismo podrias haberlo hecho xD

1 respuesta

babri #6 Mar '15

en tu botón le pones una clase para cuando el robot está parado y que de sensación de que está activado y cuando presiones otra tecla le cambias la clase y haces que no esté activado, y cuando dejes de presionar le vuelves a cambiar la clase.

Cuando hagas un evento click lo primero que haces es un bind y así te quitas el evento anterior creo que con off también tira tampoco soy un hacha en js

2 respuestas

FuckYeah #7 Mar '15 Inocente

#4 Esque no tengo ni idea, está sacado de internet de otro proyecto.

Tu solución parece ser lo que busco. Mi gran problema, es que no sé cómo desarrollar eso xD. Podrías mencionar la función javascript que hace eso? Y ya de ahí google y me busco la vida, que no pretendo que trabajéis por mí ni mucho menos.

#6 Parece que decís lo mismo.

Lo que he encontrado hasta ahora es este evento:

onkeydown Pulsar una tecla (sin soltar)

Creo que con eso podría hacerlo.

Si añado esto a todos los botones modificando para que al soltar vuelva a activar el botón #PARA, sería lo que me decís vosotros?

object.addEventListener("keydown", myScript);

1 respuesta

eXtreM3 #8 Mar '15

#7 lo que estás utilizando en #1 es básicamente jQuery, una librería de javascript.

El código exacto para añadir y quitar clases de tu botón es así:

$("#para").addClass("boton_activo");

$("#para").removeClass("boton_activo");

Donde pone

$(this)

significa que "esto" es el objeto con el que acabas de interactuar.

Todo el código en general que tienes en #1 es bastante intuitivo, simplemente con leerlo en inglés sabes lo que hace todo.

FuckYeah #9 Mar '15 Inocente

http://hc.apache.org/httpclient-3.x/

En el primer apartado dice que ya no tiene soporte y tal...

#6 Lo probé y Android Studio no me reconoce eso.

Se supone que hay que usar HttpComponents --> http://hc.apache.org/ pero mi problema es que yo sigo tutoriales dado mi pésimo nivel y no hay NINGUNO.

#5 Eso lo tengo claro y hay infinita documentación de cómo hacerlo y tal. El problema surge cuando pones HttpClient var = DefaultHttpClient(); que aparece TACHADO en Android Studio y si pones el ratón encima dice claramente DEPRECATED (que viene a ser OBSOLETO) a partir de la API 22.

Indagando más sobre HttpComponents he encontrado esto:
https://itellity.wordpress.com/2014/01/21/handling-deprecated-warnings-in-apaches-httpclient-and-httpparams/
Que enlaza directamente con un ejemplo de cómo hacerlo:
http://hc.apache.org/httpcomponents-client-ga/httpclient/examples/org/apache/http/examples/client/ClientConfiguration.java

Es mi solución? Es lo que busco?

Gantorys #10 Mar '15

En todos los botones tendrías que poner que al soltar la tecla parara.

var parar = function() {
    // parar
};

$('#avanza').mousedown(function() {
    // avanzar
}).mouseup(parar);

o igual para no repetir, algo así creo

$('#avanza').mousedown(function() {
    // avanzar
});

$('#izquierda').mousedown(function() {
    // ir a la izquierda
});

// etc

// esto para todos
$('#avanzar, #izquierda, #derecha').mouseup(function() {
    // parar
});

1 1 respuesta

FuckYeah #11 Mar '15 Inocente

#10 Voy a ello, muchas gracias!

ayuda con javascript

Usuarios habituales

Tags