InnerHTML

[Raulmmmm]

¡Hola! Estoy usando innerHTML para cargar el contenido de un div de un menú, pero el caso es que escribiendo esto dentro del innerHTML no funciona:

Código HTML:

<a onClick="mostrar('<form ACTION=scriptentra.php METHOD=POST name=entrar>  
 Nombre:
              <input type=checkbox name=recordn value=si>Recordar
          <input name=nombre type=text id=nombre size=14 maxlength=50>
          Contrase&ntilde;a:
          <input name=contrasena2 type=password id=contrasena size=14 maxlength=50/> <input type=submit value=Entrar>: <A target=_top HREF=registrarse.php>Reg&iacute;strate</A>     
          </form>')">Entrar</a> 

Y esta es la función mostrar():

Código PHP:

  function mostrar(texto){
    var oculto = document.getElementById("oculto");
    oculto.innerHTML=texto;}  
   

¿Por qué no va? ¿Hay alguna alternativa a innerHTML? La página la podéis ver en la firma, es la pestaña de Entrar la que no funciona.

[Panino5001]

Los saltos de línea en javascript son como el punto y coma: indican el final de una sentencia. Además, los atributos html deben ir entrecomillados (comillas dobles).

[Raulmmmm]

Iniciado por Panino5001

Los saltos de línea en javascript son como el punto y coma: indican el final de una sentencia.

No entiendo lo que quieres decir con eso.

Iniciado por Panino5001

Además, los atributos html deben ir entrecomillados (comillas dobles).

Ya sé que se ponen con comillas, pero si pongo comillas me sale aún peor. Es decir: si tengo esto así
onClick="mostrar('<form method=POST>')"
Y pongo esto:
onClick="mostrar('<form method="POST">')"
Me lo toma como si POST tuviera el mismo valor que onClick.
Alguna solución más? De todos modos, gracias.

[D4RIO]

Por empezar, para Panino5001. JavaScript ignora espacios y saltos de línea, NO SE CONSIDERAN SEPARADORES.

Ahora, leí el script pero no entiendo qué es exactamente lo que querés que haga. Si me explicas por ahi puedo decirte de qué forma hacerlo bien.

[Forze]

El problema es que esta tomando como que la cadena no esta correctamente terminada, debe estar en una misma linea:

Código HTML:

<a onClick="mostrar('<form ACTION=scriptentra.php METHOD=POST name=entrar> Nombre: <input type=checkbox name=recordn value=si> Recordar <input name=nombre type=text id=nombre size=14 maxlength=50> Contrase&ntilde;a: <input name=contrasena2 type=password id=contrasena size=14 maxlength=50/> <input type=submit value=Entrar>: <A target=_top HREF=registrarse.php>Reg&iacute;strate</A></form>')">Entrar</a> 

esta funcion es correcta

Código PHP:

  function mostrar(texto) { 
    var oculto = document.getElementById("oculto"); 
    oculto.innerHTML=texto; 
}  
   

[seeker]

<a onClick="mostrar('<form ACTION=scriptentra.php METHOD=POST name=entrar>

, no cierras el ), es sólo por eso.

[Panino5001]

Iniciado por D4RIO

Por empezar, para Panino5001. JavaScript ignora espacios y saltos de línea, NO SE CONSIDERAN SEPARADORES.

Ahora, leí el script pero no entiendo qué es exactamente lo que querés que haga. Si me explicas por ahi puedo decirte de qué forma hacerlo bien.

Estás equivocado y en algo básico:

Código PHP:

  <script>
alert('hola')
//se ejecuta correctamente
</script>
<script>
alert('ho
la')
/*
Error: unterminated string literal
Archivo de origen: http://localhost/barbarini/Untitled-1.php
Línea: 2, columna: 6
Código fuente:
alert('ho
*/
</script>
<script>
alert('hola')
alert('chau')
//se ejecuta correctamente porque el salto de línea separa las instrucciones como un punto y coma
</script>
</script>
<script>
alert('hola');
alert('chau');
//se ejecuta correctamente porque el punto y coma separa las instrucciones 
</script>
<script>
alert('hola');alert('chau');
//se ejecuta correctamente porque el punto y coma separa las instrucciones 
</script>
<script>
alert('hola') alert('chau')
/*
Error: missing ; before statement
Archivo de origen: http://localhost/barbarini/Untitled-1.php
Línea: 2, columna: 14
Código fuente:
alert('hola') alert('chau');
*/
//los espacios no separan instrucciones
</script>
<script>
alert('hola') alert('chau')
/*
Error: missing ; before statement
Archivo de origen: http://localhost/barbarini/Untitled-1.php
Línea: 2, columna: 14
Código fuente:
alert('hola') alert('chau')
*/
//los espacios no separan instrucciones
</script>  
  

[Panino5001]

Y lo que querés hacer podría ser así, donde txt no debe tener ningún salto de línea que estropee las acciones:

Código PHP:

  <html>
<head>
<script>
var txt='<form action=\"scriptentra.php\" method=\"POST\" name=\"ENTRAR\">Nombre:<input type=\"checkbox\" name=\"recordn\" value=\"si\">Recordar<input name=\"nombre\" type=\"text\" id=\"nombre\" size=\"14\" maxlength=\"50\">Contrase&ntilde;a:<input name=\"contrasena2\" type=\"password\" id=\"contrasena\" size=\"14\" maxlength=\"50\" /> <input type=\"submit\" value=\"Entrar\">: <a target=\"_top\" href=\"registrarse.php\">Reg&iacute;strate</a></form>'
function mostrar(texto){
    var oculto = document.getElementById("oculto");
    oculto.innerHTML=texto;}  
</script>
</head>
<body>
<a href="#" onclick="mostrar(txt)">Entrar</a>
<div id="oculto"></div>
</body>
</html>  
  

Pero en ralidad sería preferible esto otro:

Código PHP:

  <html>
<head>
</head>
<body>
<a href="#" onclick="document.getElementById('oculto').style.display='block'">Entrar</a>
<div id="oculto" style="display:none"><form action="scriptentra.php" method="POST" name="ENTRAR">Nombre:<input type="checkbox" name="recordn" value="si">Recordar<input name="nombre" type="text" id="nombre" size="14" maxlength="50">Contrase&ntilde;a:<input name="contrasena2" type="password" id="contrasena" size="14" maxlength="50" /> <input type="submit" value="Entrar">: <a target="_top" href="registrarse.php">Reg&iacute;strate</a></form></div>
</body>
</html>  
   

[Raulmmmm]

A ver, ya he vuelto de las vacaciones, os respondo a todos:
Forze:
Ya he probado como tú dices y no funciona.
Seeker:
Sí que cerré el paréntesis, lo he comprobado.
Panino5001:
He probado como tú dices y sale esto: