[SOLUCIONADO] Función jquery input text

alejandromaringomez · #1 (**permalink**) 07/08/2015, 10:24

Buenas tardes ,

Quisiera hacer un tipo de function de click para un input, comento...

Tengo hecho este codigo:

Código:

$('main#live_football div.match_bet input').click(function() {
			
			var replace = $(this).val();
			
			var replace = replace.replace('$', '');
			
			$(this).val(replace);
			
		}, function() {
			
			var append = $(this).val();
			
			var append = append.append('$');
			
			$(this).val(append);
			
		});

Básicamente lo que quiero conseguir es que cuando el visitante haga click en el input, el value por defecto que incluye el simbolo del dolar, lo que haga es quitarselo, y que cuando se haga click en cualquier sitio de la página menos en el input se le añada el simbolo del dolar.

¡Muchas gracias! :D

monicapo · #2 (**permalink**) 07/08/2015, 16:30

Código:

$(capa).click(function(e) {
     e.stopPropagation();
     Lo que uses para quitar el dollar
})

$(function(){
     $(document).click(function(){  
          Lo que uses para poner el dollar
     });
});

Creo que esto funciona.

alejandromaringomez · #3 (**permalink**) 11/08/2015, 16:33

Buenas noches monicapo ,

Muchas gracias :D pues la verdad que la segunda parte he probado de muchas formas y no me funciona :S

monicapo · #4 (**permalink**) 12/08/2015, 02:08

Esto funciona:
Échale un ojo.

Código:

<!DOCTYPE html>
<html>

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
      <script>
	    $(document).ready(function() {
		$('#campo').click(function(e) {
	   	   e.stopPropagation();
		   if($("#campo").val().charAt(0)=="$") { //Comprobamos que hay '$'
			$("#campo").val($("#campo").val().replace('$', ''));
		   }
		})
		$(function(){
	 	   $(document).click(function(){  
			if($("#campo").val().charAt(0)!="$") { //Comprobamos que no hay '$'
				$("#campo").val("$"+$("#campo").val());
			}
		   });
		});
	   });
      </script>
</head>

<body>
	<input type='text' id='campo' value='$hola' />
</body>
</html>

alejandromaringomez · #5 (**permalink**) 12/08/2015, 05:01

¡Muchísimas gracias monicapo! Solucionado :D el fallo estaba en mi versión de jquery XD, tengo puesto https://code.jquery.com/jquery.js

Marco como solucionado y muchísimas gracias :D