creo que no carga javascript no encuentro el error

manu967 · #1 (**permalink**) 29/07/2012, 09:23

Hola, tengo un problema.. creo que ejecuta la llamada a la funcion "inicio()" antes de crearla... igual tambien es que carga antes el javascript antes que el html.. bueno son especulaciones... he intentado poner el javascript en el head, en un archivo externo.. y nada, lo "raro" es que en local funciona perfectamente...voy a intentar poner el codigo html por aqui aunque realmente no se si lo voy a hacer bien..gracias por intentar ayudarme...

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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>EL AHORCADO</title>
 
</head>
<style>
#fondo{
    background-image:url(fondo.jpg);
    width:500px;
    height:500px;
    overflow:hidden;
    float:left;
    
}
#cuerpo{
position:relative;  
border:0;
width:246px; margin:98px 0 0 227px;
}
td{
margin:0;   
border:0;
}
table{
margin:0px; 
}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
#contenido{
float:left; 
margin-left:50px;
}
</style>
<body>
 
<!-- AQUI DIBUJAMOS EL FONDO Y EL MUÑECO -->
<div id="fondo">
        <div id="cuerpo" style="">
                <table width="246" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td></td>
                    <td id="n1" style="visibility:hidden"><img src="imágenes/N_1.png"/></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td  id="n3" style="visibility:hidden"><img src="imágenes/N_3.png"/></td>
                    <td id="n2" style="visibility:hidden"><img src="imágenes/N_2.png"/></td>
                    <td id="n4" style="visibility:hidden"><img src="imágenes/N_4.png"/></td>
                  </tr>
                </table>
                <table width="246" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td id="n5" style="visibility:hidden"><img src="imágenes/N_5.png"/></td>
                    <td id="n6" style="visibility:hidden"><img src="imágenes/N_6.png"/></td>
                  </tr>
                </table>
        </div><!-- fin div cuerpo -->
</div><!-- fin fondo -->
 
<div id="contenido">
<h1>JUEGO DEL AHORCADO</h1>
<h3>LETRAS QUE YA HAN SALIDO</h3>
<!-- aqui meteremos todas las palabras que se vayan comprobando -->
<textarea id="palabras" cols="20" rows="10" readonly></textarea>
<h3>PALABRA A BUSCAR </h3>
<!-- aqui ira la palabra a buscar -->
<div id="pbusca">
 
</div>
 
<div>
<input id="letra" size="1" class="letra"/>
<input id="prub" type="button" value="PRUEBA" onclick="prueba()"/>
 
<!-- input para jugar otra partida -->
<br><br><br>
<input id="otra" type="button" value="JUGAR OTRA PARTIDA" style="display:none"/>
 
</div>
</div><!-- fin contenido -->
<script>
var pal=["M A C E D O N I A","j u e g o","l i b e r t a d","j e s u s","c i c l o m o t o r","c o n o c e r","c o n s e g u i r","d i r e c t o r","e n c o n t r a r","e x p l i c a r","g o b i e r n o","g u i t a r r a"];
var palabrae;// para meter la palabra a buscar
var fallos; // para contabilizar los fallos
var txa;
var cadena;
var html;
var aciertos;
var total;
var total2;
alert("hola");
 
alert("adios");
function inicio(){
     txa=document.getElementById('palabras')
     txa.value="";
     document.getElementById('letra').value="";
     var x=(pal.length-1);
     var a=rand(x);
     cadena = new String(pal[a]);
     palabrae=cadena.split(" ");
     total=palabrae.length; 
     total2=0;
     for(var j=0;j<palabrae.length;j++){
         palabrae[j]=palabrae[j].toUpperCase();
     }
     crear(palabrae);
     fallos=0;
     aciertos=0;
}
 
function crear(cad){
    html="";
var pb=document.getElementById('pbusca');
for(var n=0;n<cad.length;n++){
    var p="p"+n;
    html+="<input id="+p+" class='letritas' type='text' size='1PX' readonly/></input>"; 
    }
    html+="<br><br>";
    pb.innerHTML=html;
}
 
function rand(x){
    var xx=Math.round(Math.random()*x);
    return xx;
}
 
function prueba(){
    aciertos=0;
    var let=(document.getElementById('letra').value);
    let=let.toUpperCase();
    for (var k=0;k<palabrae.length;k++){
        if (let==palabrae[k]){
            var lett=document.getElementById('p'+k);
            lett.value=let; 
            aciertos++; 
            total2++;
        }
    }
    if(aciertos==0){
    fallos++;
    document.getElementById('n'+fallos).style.visibility="visible"; 
    }
    if(fallos==6){
    alert("PERDISTE¡¡¡¡¡"); 
    document.getElementById("prub").disabled=true;
    }
    txa.value=txa.value+let;
    document.getElementById('letra').value="";
    if(total2==total){
        alert("GANASTE¡¡¡¡¡");  
    document.getElementById("prub").disabled=true;
    }
}// JavaScript Document
</script>
<script>inicio();</script>
</body>
</html>

lo he colgado en "http://www.ahorcado.paginaswebalzira.com"
Un saludo.

manu967 · #2 (**permalink**) 29/07/2012, 09:24

ah, me dice que inicio() no esta definida... de momento es el unico error que me da.., ah puse los alert "hola y adios" para ver si cargaba el script, pero no salen, con lo que no me carga el script correctamente o me da el error antes... no se,...

emprear · #3 (**permalink**) 29/07/2012, 10:38

La script, fallos errores no tiene, ya sea en local como en la web (eso al menos desde el punto de vista del javascript formal). Lo que noto es que el juego no funciona, que ya es otro tema
Revisalo

Saludos

manu967 · #4 (**permalink**) 29/07/2012, 11:23

hola, en remoto es verdad que no funciona... (por eso necesito ayuda) , pero en local funciona perfectamente.. estoy jugando y haciendo pruebas y funciona, insisto, el problema es en remoto..

Dradi7 · #5 (**permalink**) 29/07/2012, 14:25

manuel967

revisando tu código fuente de la pagina remoto veo que todo esta en una sola linea.

Lo que sucede es que cuando uno subo a veces las paginas al hosting este lo interpreta y lo sube con una sola linea de código, es por eso que debes revisar primero si subió correctamente tu código.

Para que te des cuenta que lo que te digo es cierto verificalo con el INSPECTOR de GOOGLE CHROME, o FIREBUG de Mozilla, etc.

Saludos

manu967 · #6 (**permalink**) 29/07/2012, 15:59

pues nada, ya lo solucione... no me pregunten cual era el error porque no lo se... jajajaja
el caso es que lo programe con dreamweaver y lo que he hecho es utilizar el sublime text 2 , crear nuevos archivos y copiar el codigo talcual..., nada mas... no se si es que dreamweaver le añade algo o yo que se...
En fin .. el resultado final despues de una pequeña modificacion fue:
www.ahorcado2.paginaswebalzira.com
tema cerrado.. gracias.

manu967 · #7 (**permalink**) 29/07/2012, 16:00

Dradi7 , ...si, eso es verdad... ya me di cuenta pero no sabia porque era....
gracias por tu respuesta.

#8 (**permalink**) 29/07/2012, 16:30

manu967 El problema te lo había señalado Dradi7

Cita:

Iniciado por Dradi7

manuel967
revisando tu código fuente de la pagina remoto veo que todo esta en una sola linea.

El bloque javascript tenía párrafos comentados que, al pasarlos a una sola línea, dejaba gran parte del javascript comentado y consiguientemente inutilizado

Un código de una sola línea que no te ahorra los espacios del interlineado habitual (??)

Por cierto, considero de alto riesgo llamar a la carpeta imágenes con acento. Los formatos ANSI y UTF-8 suelen complicarnos la vida si no los tenemos presentes.

manu967 · #9 (**permalink**) 30/07/2012, 00:11

txemaarbulo
perfecto, gracias por tu respuesta, hice los cambios y efectivamente elproblema estaba en los comentarios en javascript... los he comentado con /* */ en vez de // y solucionado.
Lo unico que me falta por saber es porque lo pone todo en una sola linea..
en el codigo que subi a "www.ahorcado.paginaswebalzira.com" y que hice con dreamweaver , me lo pone con una sola linea pero el que subi a "www.ahorcado2.paginaswebalzira.com" y que hice con sublime text 2 me lo muestra correctamente...
si no es mucho pedir y alguien me explica porque se lo agradeceria.

Dradi7 · #10 (**permalink**) 30/07/2012, 08:00

Cita:

Iniciado por Dradi7

manuel967

revisando tu código fuente de la pagina remoto veo que todo esta en una sola linea.

Lo que sucede es que cuando uno subo a veces las paginas al hosting este lo interpreta y lo sube con una sola linea de código, es por eso que debes revisar primero si subió correctamente tu código.

Para que te des cuenta que lo que te digo es cierto verificalo con el INSPECTOR de GOOGLE CHROME, o FIREBUG de Mozilla, etc.

Saludos

En este mensaje te explico las razones por el cual paso eso, no se porque aun hay personas que piensas que es error tuyo por estar el bloque de javascript comentado, como mencione antes esto es un problema a veces de algunos servidores que ellos mismos pasan todo a una sola linea, es por eso que siempre cuando se sube hay que verificar que el codigo fuente se subio correctamente, y los comentarios que pusiste en tu javascript estaban correctos la diferencia es que al subirlos al servidor este lo convertio en toda una linea es por eso que tu funcion inicio salia como error o como que no existia