elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  ¿Como pasar parámetros de "JS" al "action" de la etiqueta form?		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ¿Como pasar parámetros de "JS" al "action" de la etiqueta form?  (Leído 3,697 veces)
PabloPbl

Desconectado Desconectado

Mensajes: 188


Ver Perfil
¿Como pasar parámetros de "JS" al "action" de la etiqueta form?
« en: 24 Enero 2017, 03:53 am »
Hola a todos, ¿como puedo pasar parametros de una funcion javascript al parametro "action" la etiqueta form de la siguiente linea de código?:

Código
  1. <form method="POST" action="javascript:editarPost();">
  2.  
  3. </form>
  4.  

Ya intente de estas formas:
Código
  1. <form method="POST" action="javascript:editarPost();">
  2.  
  3. </form>
  4.  

Código
  1. <form method="POST" action="editarPost();">
  2.  
  3. </form>
  4.  

Código
  1. <form method="POST" action="editarPost()">
  2.  
  3. </form>
  4.  

Pero ninguna me sirve, el codigo javascript es el siguiente, el cual funciona perfectamente, ya lo he probado:

Código
  1. <script type="text/javascript">
  2.  
  3. 			function editarPost() {
  4. 				tituloPost = "<?php echo $_GET['titulo']; ?>";
  5.  
  6. 				palabras = tituloPost.split(" ");
  7. 				cadenaLista = "";
  8. 				for (var i = 0; i < palabras.length; i++) {
  9. 					cadenaLista += palabras[i]+"%20";
  10. 				}
  11. 				pagina = "editarPost.php?titulo="+cadenaLista;
  12. 				return pagina;
  13. 			}
  14.  
  15. 		</script>
  16.  
Este código js esta al principio de las etiquetas body.

Esto me funciona perfecto con el onClick, pero con el action no me sirve, y si o si lo necesito con ese parámetro, con el onClick no me sirve, alguna sugerencia?
« Última modificación: 24 Enero 2017, 03:55 am por PabloPbl » En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: ¿Como pasar parámetros de "JS" al "action" de la etiqueta form?
« Respuesta #1 en: 24 Enero 2017, 04:02 am »
eso se hace onclick, no en action, si lo necesitas en action, es que algo estás haciendo mal o no conoces, explicame para que lo necesitas
En línea
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
PabloPbl

Desconectado Desconectado

Mensajes: 188


Ver Perfil
Re: ¿Como pasar parámetros de "JS" al "action" de la etiqueta form?
« Respuesta #2 en: 24 Enero 2017, 04:34 am »
Estoy creando una web(fines educativos) en la cual cualquiera puede crear temas anonimamente(sin registrarse), ya hice la parte en donde se guardan los temas creados en una base de datos, ahora estoy haciendo que esos temas creados se puedan editar.

Cuando la persona esta viendo un tema creado, tiene la opción de editar dicho tema, la cual lo manda a la pagina de edicion donde hay un formulario, que es el siguiente:

editarPostFormulario.php
Código
  1. <!DOCTYPE html>
  3. 	<head>
  4. 		<meta charset="UTF-8"> 
  5. 		<title>Bugatty Veyron</title>
  6. 		<link href="style.css" rel="stylesheet" type="text/css">
  7.  
  8. 	</head>
  9. 	<body>
  10. 		<script type="text/javascript">
  11.  
  12. 			function editarPost() {
  13. 				tituloPost = "<?php echo $_GET['titulo']; ?>";
  14.  
  15. 				palabras = tituloPost.split(" ");
  16. 				cadenaLista = "";
  17. 				for (var i = 0; i < palabras.length; i++) {
  18. 					cadenaLista += palabras[i]+"%20";
  19. 				}
  20. 				pagina = "editarPost.php?titulo="+cadenaLista;
  21. 				return pagina;
  22. 			}
  23.  
  24. 		</script>
  25. 		<div id="cabezera">
  26. 			<h1>PÁGINA BUGATTY VEYRON</h1>
  27. 			<ul>
  28. 				<li><a href="index.php" id="liInicio">Inicio</a></li>
  29. 				<li><a href="Calculadora.html" id="liCalculadora">Calculadora</a></li>
  30. 				<li><a href="CrearTemaFormulario.php" id="liCrearTema">Crear tema</a></li>
  31. 			</ul>
  32. 		</div>
  33. 		<div id="formularioCrearTema">
  34. 			<form method="POST" action="<?php $_GET['titulo'] ?>">
  36. 				<tr>
  37. 					<td>Nombre: <input id="nombre" type="text" size="85" name="nombre" style="background: transparent; border: 2px solid black; border-radius: 10px; padding: 5px;"></td>
  38. 					<td></td>
  39. 				</tr>
  40. 				<tr>
  41. 					<td>Titulo del tema: <input id="titulo" type="text" size="85" name="titulo" style="background: transparent; border: 3px solid black; border-radius: 10px; padding: 5px;"></td>
  42. 					<td></td>
  43. 				</tr>
  44. 				<tr>
  45. 					<td><textarea rows="15" cols="100" id="textArea" name="textArea" style="background: transparent; border: 3px solid black; border-radius: 10px; padding: 5px;"></textarea></td>
  46. 				</tr>
  47. 				<tr>
  48. 					<td><input type="submit" value="Editar tema"></td>
  49. 				</tr>
  50. 			</table>
  51. 			</form>
  52. 			<script type="text/javascript">
  53. 			var nombre = "<?php include('code.php'); $post = new Post($_GET['titulo']); echo $post->nombre; ?>";
  54. 			var titulo = "<?php echo $_GET['titulo']; ?>";
  55. 			var cuerpo = "<?php echo $post->cuerpo; ?>";
  56.  
  57. 			var nombreForm = document.getElementById('nombre');
  58. 			nombreForm.value = nombre;
  59.  
  60. 			var tituloForm = document.getElementById('titulo');
  61. 			tituloForm.value = titulo;
  62.  
  63. 			var cuerpoForm = document.getElementById('textArea');
  64. 			cuerpoForm.innerHTML = cuerpo;
  65. 		</script>
  66. 		</div>
  67. 	</body>
  68. </html>
  69.  

Y cuando la persona le da en el botón, de editarTema, necesito mandar el titulo original, es decir el antiguo, no el editado para localizarlo en la base de datos y luego editarlo en la web que sigue, y los tengo que pasar por el método GET, por que por el POST no puedo, osea por URL.
Lo que escriba la persona lo mando atravez del método POST del formulario, que es lo que voy a obtener en la siguiente web que me redirija el parámetro action del formulario.

[size=16t]Ahora lo que quiero lograr es que en el la siguiente pagina pueda obtener el titulo original(NO EL EDITADO), para ubicar el tema en la base de datos y editarlo como corresponde.

Como puedo hacer eso? Otra forma que se me ocurría es guardarlo en una etiqueta label al titulo y obtenerlo desde POST en la siguiente pagina, pero el diseño no quedaría como quiero[/size]
« Última modificación: 24 Enero 2017, 04:35 am por PabloPbl » En línea
engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: ¿Como pasar parámetros de "JS" al "action" de la etiqueta form?
« Respuesta #3 en: 24 Enero 2017, 04:53 am »
si puedes hacer post, para ese fin justamente exíste el input type="hidden"

no entendí bien lo que quieres hacer y sigo sin comprender para que ponerlo en action

en caso que quieras es ponerlo para que se ejecute en el form sin que se haga submit del form, lo que debes hacer es colocarlo onclick normal y retornar false, en ese caso el form recibe el false del jscript y se anula, esto se usa por ejemplo cuando aplicas ajax
En línea
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
PabloPbl

Desconectado Desconectado

Mensajes: 188


Ver Perfil
Re: ¿Como pasar parámetros de "JS" al "action" de la etiqueta form?
« Respuesta #4 en: 24 Enero 2017, 05:11 am »
Muichas gracias!  logre solucionar mi problema, no sabia que existía esa etiqueta, me has salvado xD :P
Saludos!
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
De donde puedo descargar utilidades: "Formas", "Estilos", "Motivos", D
Diseño Gráfico 		Ad0nis 2 8,265 Último mensaje 2 Septiembre 2006, 15:48 pm
por Ad0nis
[Ayuda] modificar "start page" en "internet explorer" con "batch"
Scripting 		taton 7 16,527 Último mensaje 20 Septiembre 2006, 01:45 am
por taton
AYUDA , alguien sabe como puedo ocultar un "action form" PHP
PHP 		BlackSaurio 3 6,313 Último mensaje 19 Marzo 2009, 17:58 pm
por дٳŦ٭
recursos visual basic, """"""proceso inmortal"""""
Análisis y Diseño de Malware 		Dark4ngel 7 13,196 Último mensaje 3 Noviembre 2011, 10:42 am
por Dark4ngel
China prohíbe pseudónimos "controvertidos" como "Obama" o "Putin" en internet
Noticias 		wolfbcn 0 6,488 Último mensaje 5 Febrero 2015, 14:58 pm
por wolfbcn
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines