Buenos d?as,
Necesito vuestra ayuda por favor,
Mi problema es el siguiente:
Estoy intentado hacer el juego del ahorcado con una base de datos mysql donde est?n las palabras secretas.
La palabra secreta la recojo con PHP del siguiente modo:

<?php

$resultado = mysql_query("SELECT palabra FROM palabra_tbl WHERE proyecto_id= $proyecto ORDER BY RAND() LIMIT 1");

while ($productos = mysql_fetch_array($resultado)) {
$palabra=$productos[palabra];

}

?>


Cuando cargo la p?gina
<body onLoad="init();">
<p>
<canvas id="canvas" width="700" height="400">
Tu navegador no soporta el elemento canvas de HTML5.
</canvas>
<br/>
</p>
</body>
</html>


Quiero que la palabra elegida en php sea secreto en mi javaScript --> secreto =<? echo $palabra; ?>; y la reconozca la funci?n configurarjuego

Y las funciones javascript son;

<script type="text/javascript">

var ctx;
var construirelemento;
var alfabeto = "ABCDEFGHIJKLMN?OPQRSTUVWXYZ";
var alfabetoy = 600; //Situacion del alfabeto en altura
var alfabetox = 350; //Situacion del alfabeto en anchura m?s a la derecha
var alfabetoancho = 30;
var secreto;
var letrasacertadas = 0;
var secretox = 360;
var secretoy = 500;
var secretoancho = 50;
var colorhorca = "brown";
var colorcara = "tan";
var colorcuerpo = "tan";
var colornudo = "#F60";
var centrocuerpox = 70;

var pasos = [
dibujarcadalso,
dibujarcabeza,
dibujarcuerpo,
dibujarbrazoderecho,
dibujarbrazoizquierdo,
dibujarpiernaderecha,
dibujarpiernaizquierda,
dibujarlazo
];
var actual = 0;

function init(){
ctx = document.getElementById(canvas).getContext(2d);


configurarjuego();
ctx.font="bold 20pt Ariel";

}

function configurarjuego() {
var i;
var x;
var y;
var idunica;
var an = alfabeto.length;
for(i=0;i<an;i++) {

idunica = "a"+String(i);
d = document.createElement(alfabeto);
d.innerHTML = (
"<div class=letras id="+idunica+">"+alfabeto[i]+"</div>");
document.body.appendChild(d);
construirelemento = document.getElementById(idunica);
x = alfabetox + alfabetoancho*i;
y = alfabetoy;
construirelemento.style.top = String(y)+"px";
construirelemento.style.left = String(x)+"px";
construirelemento.addEventListener(click,elementoelegido,false);
}






secreto =<? echo $palabra; ?>;
secreto ="PRUEBA";


for (i=0;i<secreto.length;i++) {
idunica = "s"+String(i);
d = document.createElement(secreto);
d.innerHTML = (
"<div class=blancos id="+idunica+"> __ </div>");
document.body.appendChild(d);
construirelemento = document.getElementById(idunica);
x = secretox + secretoancho*i;
y = secretoy;
construirelemento.style.top = String(y)+"px";
construirelemento.style.left = String(x)+"px";

}

//pasos[actual]();
//actual++;
return false;
}

function elementoelegido(ev) {

var not = true;
var elegido = this.textContent;

var i;
var j;
var idunica;
var construirelemento;
var out;
for (i=0;i<secreto.length;i++) {
if (elegido==secreto[i]) {
id = "s"+String(i);
document.getElementById(id).textContent = elegido;
not = false;
letrasacertadas++;
if (letrasacertadas==secreto.length) {
ctx.fillStyle=colorhorca;
out = "?Has ganado!";
ctx.fillText(out,200,80);
ctx.fillText("Recarga la p?gina para jugar de nuevo.",200,120);
for (j=0;j<alfabeto.length;j++) {
idunica = "a"+String(j);
construirelemento = document.getElementById(idunica);
construirelemento.removeEventListener(click,elementoelegido,false);
}
}

}
}

if (not) {
pasos[actual]();
actual++;
if (actual>=pasos.length) {

for (i=0;i<secreto.length;i++) {
id = "s"+String(i);
document.getElementById(id).textContent = secreto[i];
}
ctx.fillStyle=colorhorca;
out = "?Has perdido!";
ctx.fillText(out,200,80);
ctx.fillText("Recarga la p?gina para jugar de nuevo.",200,120);
for (j=0;j<alfabeto.length;j++) {
idunica = "a"+String(j);
construirelemento = document.getElementById(idunica);
construirelemento.removeEventListener(click,elementoelegido,false);
}

}

}
var id = this.id;
document.getElementById(id).style.display = "none";
}


</script>

Much?simas gracias a todos por vuestra ayuda
Pertenece a la categoría:

La mejor respuesta elegida por los usuarios

Respuesta de cris
Ya lo conseguí, se puede cerrar esta consulta.
Os pongo como lo he hecho por si a alguien le surge el mismo problema:
Añadi esto en el php:
echo <script languaje="JavaScript">

var secreto=".$palabra.";

alert(secreto);

</script>;

Dinos si es buena respuesta: Buena respuesta (1)    Buena respuesta (0)