Al cambiar el innerText de un control, no se refresca en el navegador...

chcma · #1 (**permalink**) 19/10/2012, 05:38

Hola de nuevo...

Espero este sea mi último POST y no esté molestando mucho, pero... es que con el POST anterior y este, creo que ambos son un par de problemas un tanto extraños que no sé bien como solucionar... :S

Vereis, estoy intentando actualizar el contenido de un botón, para que muestre otro texto. Es decir:

Código:

<button id='btnParking' name='btnParking'>Start</button>

Debería pasar a 

<button id='btnParking' name='btnParking'>Stop</button>

Para ello hago lo siguiente, y parece, a simple vista que funciona (Por que lo testeo con el Alert), pero... en el navegador no se cambia el texto... ¿Saben por que puede ser?

Código:

        alert($('#btnParking').html());
        $('#btnParking').html('Stop');
        alert($('#btnParking').html()); //Aprece cambiado, pero en el navegador se sigue visualizando Start

Actualización:
Si puede servir de algo, estoy usando jquery y jquerymobile, ya que la aplicación web será para dispositivos moviles !!!

emprear · #2 (**permalink**) 19/10/2012, 09:51

Tendría que funcionarte, dónde y como estás llamando la función

Ej:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
 
$(document).ready(function(){ 
$('#btnParking').html('Stop');
 
$('#cambiar').click(function() {  
    $('#btnParking').html('otro_valor');
}); 
 
});
//]]>
</script>
</head>
<body>
<p>
<button id='btnParking' name='btnParking'>Start</button>
<br /><br />
</p>
<div id="cambiar" style="cursor: pointer">cambiar texto</div>
 
</body>
</html>

al cargar cambia start + stop y con el click en "cambiar texto" pone otra cosa

SAludos

chcma · #3 (**permalink**) 19/10/2012, 12:35

Hola Emprear,

En primer lugar, darte las gracias por tomarte las molestias en contestarme. :)

Al final, mirando por Google he visto que la gente lo hace de la siguiente forma y me está funcionando, aun que... sigo pensando que no es lo más "limpio", no sé por que tengo que hacerlo así, pero bueno...

Código:

        $('#btnParking').html('Stop Parking');
        $('#btnParking').button('refresh');

emprear · #4 (**permalink**) 19/10/2012, 12:39

Cita:

Iniciado por chcma

Hola Emprear,

En primer lugar, darte las gracias por tomarte las molestias en contestarme. :)

Al final, mirando por Google he visto que la gente lo hace de la siguiente forma y me está funcionando, aun que... sigo pensando que no es lo más "limpio", no sé por que tengo que hacerlo así, pero bueno...

Código:

        $('#btnParking').html('Stop Parking');
        $('#btnParking').button('refresh');

Se te ocurrió probar mi ejemplo?

chcma · #5 (**permalink**) 20/10/2012, 10:54

Bueno, lo vi mas tarde tu respuesta, pero lo que me has propuesto es como lo tengo implementado, aun que en vez de tener que pulsar sobre un DIV, directamente se pulsa en el botón, que es lo que me interesa.

Código:

$(document).ready(function () {

        $('#btnParking').click(function () 
        {

                   StartParking();
        });

});

function StartParking()
{

        $('#btnParking').html('Stop Parking');
        $('#btnParking').button('refresh'); //Si comento esta linea, no me refresca el texto en el UI
}

emprear · #6 (**permalink**) 20/10/2012, 15:50

Que entendés por "refrescar el navegador", racargar la página? ó actualizar los textos de los botones?

Además no conozco el método button() en jQuery ¿qué es lo que hace?

SAludos