Ayuda urgente con Script !!!!

RosyMary · #1 (**permalink**) 04/06/2008, 14:59

tengo un script para que el usuario ponga su nombre y cuando da en enviar le abre una bienvenida, mi problema es que la pagina donde abre la bienvenida no le puedo dar formato, es decir, tamaño de fuente, ponerle un fondo y que tal vez me abra en algun marco, pero no consigo hacerlo....................que le puedo mover??? solo le he podido dar formato a la entrada dode esta la caja de texto de inicio.

por fa............ayuda!!!
<!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>
<style type="text/css">

</style>
<html>
<head>
<title>Bienvenido a mi página</title>
<script type="text/javascript">
function rewritePage(form) {
var newPage = "<html><head><title> bienvenida";
newPage += form.entry.value;
newPage += "</title></head><body>";
newPage += "<h1>Hola, " + form.entry.value + "!</h1>";
newPage += "</body></html>";

document.write(newPage);
document.close();
}
</script>
<body>
<h1>Hola</h1>
<hr>
<form onsubmit="return false;">
<p>Escribe tu Nombre: <input type="text" name="entry" id="entry">
<input type="button" value="Entrar" onclick="rewritePage(this.form);">
</p>
</form>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
</body>
</html>

rivahuevino · #2 (**permalink**) 04/06/2008, 21:13

Hola, yo tuve un problema relativamente parecido, buscando resolver ese problema encontre varias cosas la mayoria de las cuales decian que al utilizar document.write estas creando una nueva página.

Para que lo veas, en tu ejemplo escribe tu nombre y dale clic al boton Entrar. Funciona correcto, ahora revisa el codigo fuente y se va a mostrar lo que has escrito en tu script de javascript.

Si mas no me equivoco, para que tenga formato tienes que asignarlo en tu codigo de javascript que escribe la otra página.

Saludos

RosyMary · #3 (**permalink**) 06/06/2008, 08:15

pues ya le intente programar pero no me respeta digamos que la orden, solo he podido modificar la fuente y el color de esta, que es la que da la bienvenida, por que lo que es el tamaño no lo respeta, tambien ya trate de ponerle un fondo pero sigue siendo color blanco...................alguien podria ayudarme haber como podria quedar, lo que tengo hasta ahora es esto:

<!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>
<style type="text/css">

</style>
<html>
<head>
<title>Bienvenido a mi Página </title>
<script type="text/javascript">
function rewritePage(form) {
var newPage = "<html><head><title> bienvenido a mi pagina";
newPage += form.entry.value;
newPage += "</title></head><body>";
newPage += "<h1><background-color: #CCCCCC></h1>"
newPage += "<h1>Hola, " + form.entry.value + "!!!</font></h1>";
newPage += "</body></html>";

document.write("<Font color=ff0800 face=verdana, arial size=9px>" + newPage);
document.close();
}
</script>
<body>
<h1><img src="img/cabezal.jpg" width="850" height="150" /></h1>
<h1 class="Estilo15">Hola</h1>
<hr>
<form onsubmit="return false;">
<p>Escribe tu Nombre: <input type="text" name="entry" id="entry">
<input type="button" value="Entrar" onclick="rewritePage(this.form);">
</p>
</form>
<p> </p>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mi web</title>
</head>

<body>

</body>
</html>

guille_el3 · #4 (**permalink**) 06/06/2008, 08:23

Ten mucho cuidado con este script

Código:

 <script type="text/javascript">
function rewritePage(form) {
    var newPage = "<html><head><title> bienvenido a mi pagina";
   	newPage += form.entry.value;
	newPage += "</title></head><body>";
    newPage += "<h1><background-color: #CCCCCC></h1>"
	newPage += "<h1>Hola,   " + form.entry.value + "!!!</font></h1>";
    newPage += "</body></html>";

    document.write("<Font color=ff0800 face=verdana, arial size=9px>" + newPage); 
	document.close();
}
</script>

document.write no escribe una "nueva página". Simplemente escribe el texto que deseas en el lugar donde llames a esa función. En este caso, lo escribirá donde está el botón.

Por esa razón, hay un par de cosas que no son correctas:

1) volver a escribir los tags html, title, head, body...
2) el tag font esta deprecado, ya no se utiliza. Para eso tienes el css.
3) ¿Porque utilizas document.close()? ¿Realmente lo necesitas?
4) el código

Código HTML:

<background-color: #CCCCCC>

es incorrecto. Si quieres setear un atributo css deberías hacer

Código HTML:

style="background-color: #CCCCCC"

en el tag que corresponda.
5) si quieres setear estilo a los tags que ingresas, solo tienes que escribirles clases css o ids... o utilizar la cascada...

Deberías repasar algo de html,css y luego javascript :S

miSko · #5 (**permalink**) 06/06/2008, 08:25

hay como 300 bodys abiertos y tal...........

q estructuracion dios mio... xD iba a ponerme a mirarlo, pero me he mareado xD