Foros del Web » Programando para Internet » Javascript »

Problema con el salto de línea en JavaScript

Estas en el tema de Problema con el salto de línea en JavaScript en el foro de Javascript en Foros del Web. Hola, estoy teniendo problemas en JavaScript con el salto de línea ya que no me lo toma, lo probe de diversas maneras y no logro ...
  #1 (permalink)  
Antiguo 04/12/2011, 20:46
 
Fecha de Ingreso: enero-2010
Mensajes: 50
Antigüedad: 14 años, 3 meses
Puntos: 0
Mensaje Problema con el salto de línea en JavaScript

Hola, estoy teniendo problemas en JavaScript con el salto de línea ya que no me lo toma, lo probe de diversas maneras y no logro saber cómo solucionarlo.


El código de JavaScript es:

Código:
<?php
echo ("<script language='javascript'>
var saludo1='El formulario ha sido enviado correctamente, ';
var saludo2='pronto nos pondremos en contacto con usted.';
alert(saludo1 +\n+ +saludo2);
</script>");
}
?>

El código completo es:

Código:
<html>
<head>
<title>Formulario</title>
</head>
<body>
<LINK REL=StyleSheet HREF="estilo.css" TYPE="text/css" MEDIA=screen>
<div align="center"><img src="/img/punta.jpg" width="754" height="122"></div>
<?php
if (!isset($_POST['email'])) {
?>
<br>
<br>
<br>
  <form action="<?=$_SERVER['PHP_SELF']?>" method="post" id="formulario" name="miFormulario" onSubmit="alert('A continuación verifique que sus datos estén correctos.'); return true;">
<table border="0" align="center">
<tr>
<td align="center" width="150" height="50">
    <label>
      <b>Nombre y Apellido</b>&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td align="center" width="350" height="50">
      <input name="nombre" type="text" value="Escribe tú nombre" class="nombre" onclick="this.value='';"/>&nbsp;&nbsp;-&nbsp;&nbsp;
    </label>
    <label>
       <input name="apellido" type="text" value="Escribe tú apellido" class="apellido" onclick="this.value=''"/>
    </label>
<br>
</td>
</tr>
</table>
<table border="0"align="center">
<tr>
<td align="center" width="150" height="50">
    <label>
      <center><b>Teléfono</b>
	</label>
</td>
<td align="center" width="350" height="50">
    <label>
      <input name="codigoareaa" type="text" class="campotelefono" value="(0054)(011)">&nbsp;-&nbsp;
	<label>
    </label>
      <input name="telefono" type="text" value=""></center>
    </label>
<br>
</td>
</tr>
</table>
<table border="0" align="center">
<tr>
<td align="center" width="150" height="50">
    <label>
      <center><b>Teléfono (Uruguay)</b>
</td>
<td align="center" width="350" height="50">
      <input name="codigoareab" type="text" class="campotelefono" value="(00598 53)">&nbsp;-&nbsp;
      <input name="telefonoUy" type="text" value=""></center>
    </label>
<br>
</td>
</tr>
</table>
<table border="0" align="center">
<tr>
<td align="center" width="150" height="50">
    <label>
      <b>BBM</b>
    </label>
</td>
<td align="center" width="350" height="50">
    <label>
      <input name="menssenger" type="text" value="BlackBerryMenssenger" onclick="this.value=''"/>
    </label>
</td>
</tr>
</table>
<table border="0" align="center">
<tr>
<td align="center" width="150" height="50">
    <label>
      <b>Email</b>
	</label>
</td>
<td align="center" width="350" height="50">
	<label>
      <input name="email" type="text" value="@" class="mail">
    </label>
</td>
</tr>
</table>
<table border="0" align="center">
<tr>
<td align="center" width="150" height="50">
    <label>
      <b>Fecha en Punta</b>
	</label>
</td>
<td align="center" width="350" height="50">
      <input type="text" name="fecha0" value="Día" class="fecha0" onclick="this.value=''"/>&nbsp;&nbsp;<b>/</b>
      <input type="text" name="fecha1" value="Mes" class="fecha1" onclick="this.value=''"/>&nbsp;&nbsp;<b>/</b>
      <input type="text" name="fecha2" value="Año" class="fecha2" onclick="this.value=''"/>
</td>
</tr>
</table>
<table border="0" align="center">
<tr>
<td align="center" width="506" height="50">
<input class="button" type="reset" name="Borrar datos" value="Borrar"> <b>|</b> <input class="button" type="submit" name="Enviar datos" value="Enviar">
</td>
</tr>
<tr>
<td align="center">
<input type="button" onclick="location.replace('index.html');" value="Inicio" class="button" />
</td>
</tr>
</table>
  </form>
<?php
}else{
  $mensaje="Mensaje del formulario de contacto enviado desde: www.retrocomputacion.com.ar";
  $mensaje.= "\nNombre: ".$_POST['nombre'];
  $mensaje.= "\nApellido: ".$_POST['apellido'];
  $mensaje.= "\nTeléfono: ". $_POST['codigoareaa'] . $_POST['telefono'];
  $mensaje.= "\nTeléfono (Uruguay): ". $_POST['codigoareab']. $_POST['telefonoUy'];
  $mensaje.= "\nFecha en Punta: ".$_POST['fecha0']. $_POST['fecha1']. $_POST['fecha2'];
  $mensaje.= "\nEmail: ".$_POST['email'];
  $mensaje.= "\nBBM: ". $_POST['menssenger'];
  $destino= "[email protected]";
  $remitente = $_POST['email'];
  $asunto = "Mensaje enviado por: ".$_POST['nombre']. "\t" .$_POST['apellido'];
  mail($destino,$asunto,$mensaje,"FROM: $remitente");
  echo ("<br><br>");
  echo ("<center><table border='0' align='center' style='margin-top:-0px;'></center>");
  echo ("<tr><td><center><b>Mensaje enviado por:&nbsp;</b></center></td></tr>");
  echo ("</table>");
  echo ("<table border='1' align='center' style='margin-top:-150px;'>");
  echo ("<tr><td><b>Nombre: </b>".$_POST['nombre']."</tr></td><br/>");
  echo ("<tr><td><b>Apellido: </b>".$_POST['apellido']."</tr></td><br/>");
  echo ("<tr><td><b>Teléfono: </b>". $_POST['codigoareaa'] . $_POST['telefono']."</tr></td><br/>");
  echo ("<tr><td><b>Teléfono (Uruguay): </b>". $_POST['codigoareab']. $_POST['telefonoUy']."</tr></td><br/>");
  echo ("<tr><td><b>Fecha en Punta: </b>". $_POST['fecha0']. "<b>/</b>" .$_POST['fecha1']. "<b>/</b>" . $_POST['fecha2']. "</tr></td><br/>");
  echo ("<tr><td><b>Email: </b>".$_POST['email']."</tr></td><br/>");
  echo ("<tr><td><b>BlackBerryMenssenger: </b>". $_POST['menssenger']."</tr></td><br/><br/>");
  echo ("</table>");
  echo ("</br>");
  echo ("<table border='0' align='center'>");
  print'<tr><td><center><input class="button" type="submit" name="volveratras" value="Volver atrás" onClick="history.go(-1);"> | <a href="envio.php" style="text-decoration: none";><input class="button" type="submit" name="Formulario" value="Formulario"></a> | <a href="index.html" style="text-decoration: none";><input class="button" type="submit" name="inicio" value="Inicio"></a></center></tr></td>';
  echo ("</table>");
?>
<?php
echo ("<script language='javascript'>
var saludo1='El formulario ha sido enviado correctamente, ';
var saludo2='pronto nos pondremos en contacto con usted.';
alert(saludo1 +\n+ +saludo2);
</script>");
}
?>
</body>
</html>

Desde ya y de ante mano muchas gracias por su ayuda. Saludos.
  #2 (permalink)  
Antiguo 05/12/2011, 07:26
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Problema con el salto de línea en JavaScript

el problema puede ser que PHP lo esté tomando para él, intenta:

alert(saludo1 +'\\n'+ +saludo2);

de esa forma escapas el \ en PHP para que llegue intacto a JS

PD: no te olvides de las comillas
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 05/12/2011, 07:28
Avatar de linuxzero  
Fecha de Ingreso: noviembre-2011
Ubicación: Argentina
Mensajes: 778
Antigüedad: 12 años, 5 meses
Puntos: 160
Respuesta: Problema con el salto de línea en JavaScript

Probá esto:
Código Javascript:
Ver original
  1. alert(saludo1 + "\n" + saludo2);
__________________
Si todo fuera tan sencillo como un symfony cc la vida seria más fácil.
http://phpnico.wordpress.com
  #4 (permalink)  
Antiguo 05/12/2011, 07:30
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Problema con el salto de línea en JavaScript

@linuxzero: en esencia tu código funciona, el problema es que es dumpeado desde php, saludos
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 05/12/2011, 07:33
Avatar de linuxzero  
Fecha de Ingreso: noviembre-2011
Ubicación: Argentina
Mensajes: 778
Antigüedad: 12 años, 5 meses
Puntos: 160
Respuesta: Problema con el salto de línea en JavaScript

Cita:
Iniciado por maycolalvarez Ver Mensaje
@linuxzero: en esencia tu código funciona, el problema es que es dumpeado desde php, saludos
Mis disculpas!, error mio al leer el codigo. Gracias por el aviso!
__________________
Si todo fuera tan sencillo como un symfony cc la vida seria más fácil.
http://phpnico.wordpress.com

Etiquetas: css, formulario, html, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:30.