Que hago mal??

damian73 · #1 (**permalink**) 09/11/2009, 17:25

Hola Como andan?
les cuento que una amiga mia (mi EX) tiene que hacer un TP de JS y no sale, estuvimos viendo y no sale...

aca les paso los codigos del .js y del .html

HTML:

Código HTML:

<html>
	<head>
	<title>Estilos</title>
	<style type="text/css">
	body{ font: normal normal 10px/13px Verdana; }
	form{ width: 49%; float:left;}
	#mensajes { width: 49%; float: right;}
	label{display:block;}
	#contenedor{ width:750px; padding: 3px; margin: 0 auto; }
	#mensajes p{ padding-left: 70px; background-repeat: no-repeat; background-position: left top; 

height: 40px; margin-top: 5px; padding-top:5px; border-top: dashed 1px #dedede; }
	</style>
	<script src="tp.js" type="text/javascript"></script>
	</head>
	<body>
	<div id="contenedor">
		<form>
			Estado: <br />
			<label><input type="radio" name="estado" />feliz</label>
			<label><input type="radio" name="estado" />triste</label>
			<label><input type="radio" name="estado" />enojado</label>
			<label><input type="radio" name="estado" />acongojado</label>
			<label><input type="radio" name="estado" />malvado</label>
			<br />
			Mensaje: <br />
			<textarea></textarea><br />
			<input type="button" value="Dejar mensaje" id="btn" />
		</form>
		<div id="mensajes">
		aca aparecen los mensajes
		</div>
		<br clear="all" />
	</div>
	</body>
</html>

JS:

Código PHP:

      windows.onload=function(){

 
    var btn = document.getElementById('btn');

    var text= document.getelEmentsByTagName ('textarea') [0];

    var radios = document.getElementsByTagName('input');

 
    var html;

    var foto;

 
 
 
 
    btn.onclick=function(){

 
    for (var x in radios) {

 
        if (radios [x]. cheked) {

 
            

            html=(radios [x].parentNode.innerHTML);

 
            html=html.split('>') [1];

 
            foto= 'img/'+html+'.jpg';

        

    }

        }

 
    var p = document.crateElement ('p');

    p.innerHTML=text.value;

    p.style=backgroundImage='url('+foto+')';

    document.getElementById('mensajes').apependchild( 'p' );

 
    }

 
    }

aca les dejo las imagenes:

Cita:

html://i34.tinypic.com/o8ffw3.jpg

html://i37.tinypic.com/2w6f98i.jpg

html://i37.tinypic.com/2uogk1d.jpg

html://i38.tinypic.com/17zrea.jpg

html://i37.tinypic.com/29vbivp.jpg

Bueno y lo que tendria que pasar cuando yo habro el HTML y me aparece esto:

Estado:

feliz

triste

enojado

acongojado

malvado

Dejar mensaje (es un boton)

yo elijo uno de esto y pondria dejar comentario y tendria que aparecer una imagen de las de arriba (los que estan en code) al costado derecho de estado :S y no sale.....
Algun Capo de JS que me pueda ayudar?? Muchas Gracias de antemano...

EDIT:
dosculpen que puse asi las imagenes en code pero si no no podia ponerlas.....

zerokilled · #2 (**permalink**) 09/11/2009, 17:39

los errores que veo son lexico.

windows es el sistema operativo pero en javascript no existe. fijate la s de más.
otro nombre incorrecto,getelEmentsByTagName, lamentablemente intercambiastes el orden. se escribe, getElementsByTagName.

Código:

    var p = document.crateElement ('p');

te falto la e de create en crateElement

puede haber mas errores, pero son los primeros que he visto.

errores sintaxticos,

Código:

p.style=backgroundImage='url('+foto+')';

ahi va un punto en lugar de la asignacion (=).

de momento te lo dejare hasta ahi. solo que un consejo, utiliza la consola de errores ya que este te indicaran donde estan los errores relacionado al lexico y sintaxis, entre algunos mas.