problema con ambito de variables

cadrogui · #1 (**permalink**) 23/10/2012, 17:41

hola gente, tengo la siguiente funcion y quiero cambiar dinamicamente el valor de algunos elementos segun la respuesta json de un script php, pero siempre me sale undefinied....

estas son las variables que quiero usar, pero no hay caso, alguien me tira un cable por favor...

lblGame = 'Juego Nuevo';
classN = 'action';
callB = newGame;

Código HTML:

	function createMenu () {
		var user = "cadrogui";
		var estado
		var lblGame
		var classN
		var callB

		utils.ajax('ajax_hexagame.php', {
			post: 'usuario=' + user,
			callback: function (result) {
				result = JSON.parse(result);
					//alert(result.message);											
				if ( result.status == 'success' ) {
					if(result.message = 'nogame'){
						lblGame = 'Sin juegos';
						classN = 'disabled';
						callB = '';					
					}else{
						lblGame = 'Juego Nuevo';
						classN = 'action';
						callB = newGame;	
					}
				}
			}
		});	
		
		
		var options = [
				{
					label: lblGame,
					className: classN,
					callback: callB
				},
				{
					label: 'Instrucciones',
					className: 'disabled',
					callback: function () { alert('Sorry, not yet available.'); }
				},
				{
					label: 'Panel Ganadores',
					callback: openLeaderboard
				},
				{
					label: 'Opciones',
					className: 'disabled',
					callback: function () { alert('Sorry, not yet available.'); }
				},
				{
					label: 'Acerca de',
					callback: about
				}
			],
			i = 0,
			l = options.length,
			el;
		
		for ( ; i < l; i++ ) {
			el = utils.create('div');
			el.innerHTML = options[i].label;
			el.className = 'button';
			el.style.top = 102 * i + 10 + 'px';
			el.onTap = options[i].callback;
			if ( options[i].className ) el.className += ' ' + options[i].className;
			mainmenuEl.appendChild(el);
		}

		tapLayer = new HEXA.Tap(homescreenEl);
		utils.bind(homescreenEl, 'tap', handleTap);
	}

emprear · #2 (**permalink**) 23/10/2012, 18:10

Creo que está por este lado

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">
//<![CDATA[
lblGame = 'Juego Nuevo';
classN = 'action';
callB = newGame; 
 
 
alert(callB);
 
 
 
//]]>
</script>
</head>
<body>
 
</body>
</html>

La consola va a reportar

Error: ReferenceError: newGame is not defined
Archivo de origen: unde.html
Línea: 12

Saludos

marlanga · #3 (**permalink**) 24/10/2012, 06:35

Emprear, mis super poderes mentales me dicen que "newGame" es una función que simplemente cadrogui no ha añadido en el extracto de código que ha posteado.

El callback de tu AJAX se ejecuta asíncronamente, asi que el OPTIONS y el bucle que tiene debajo se ejecuta antes de que AJAX responda, por lo que las variables esas qeu declaras al principio, están todas a undefined en ese momento.