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

 

 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


  Mostrar Mensajes
Páginas: 1 ... 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 [23] 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 ... 74
221  Programación / Desarrollo Web / Re: [Pregunta]: FormData(); javascript => PHP en: 30 Mayo 2020, 23:37 pm
Gracias!
Ya todo está funcionando.
222  Programación / Desarrollo Web / Re: [Pregunta]: FormData(); javascript => PHP en: 30 Mayo 2020, 10:27 am
Te agradezco,

estoy teniendo unos problemas con el código (que no es igual al que me diste). Estoy intentando hacerlo de la siguiente manera:

Código
  1. function MyFunction()
  2. {
  3.      var string = 'Esto es mensaje de prueba.';
  4.  
  5.      $.ajax({
  6. 	url: (ROOT_URL)+'/ajax/x.php',
  7. 	type: 'POST',
  8. 	dataType: 'html',
  9. 	data: {formdata, string},
  10. 	contentType: false,
  11.     	processData: false,
  12.  
  13. 	success: function()
  14. 	{
  15. 	     // [...]       
  16. 	}
  17.      })
  18.  
  19.      .done(function(results)
  20.      {
  21. 	$('body').append(results);
  22.      })
  23. }
  24.  

Después de renegar un buen rato a esto llegué, el problema es que tengo dos datos que quiero enviar que son el formdata y una cadena.

Si yo envío solamente el formdata lo tengo que hacer sin las "{" "}" es decir que quede...
Código
  1. data: formdata,
  2.  

y no
Código
  1. data: {formdata},
  2.  

Si lo hago de la segunda manera no me envía nada así que tengo que hacerlo sin las llaves pero si ya tengo más datos como una cadena en este caso, entonces no se como hacerlo. Porque si uso las llaves como ya dije no envía nada.
223  Programación / Desarrollo Web / Re: [Pregunta]: FormData(); javascript => PHP en: 30 Mayo 2020, 02:46 am
Parece que no queda de otra,

siendo que se haga con ajax tenía pensado que al momento de enviar dicho formulario se llame a un función (JS) que realizará la petición ajax.
Después de esto estaría pasando los datos del formdata a código PHP, y en ese código PHP crear x cantidad de $_SESSION (dependiendo la cantidad de datos) y luego usarlas en el código tradicional de PHP.

Es decir,

Código
  1. [On Submit]
  2.       Get_FormData();
  3.  

Código
  1. function Get_FormData()
  2. {
  3.        $.ajax({
  4.            // [...]
  5.        })
  6. }
  7.  

Código
  1. // en el archivo del código php que se llamo con ajax
  2. $_SESSION['dato_x'] = $_POST['dato_x'];
  3.  

luego en el envío del formulario...
Código
  1. if(isset($_POST['submit_form'))
  2. {
  3.       echo 'El valor obtenido del form data es '.($_SESSION['dato_x']);
  4.       // se destruye dicha session ya que no se usará más...
  5. }
  6.  

Para esto voy a necesitar usar promesas para que hasta que no se complete la petición ajax no siga ejecutando próximas instrucciones...

De igual forma, esto es una vista simple de lo que tengo pensado... Todavía no tengo muy en claro como voy a hacerlo pero quería leer sus opiniones.
224  Programación / Desarrollo Web / Re: [Pregunta]: ¿Cómo puedo resolver este problema con mi diseño? en: 27 Mayo 2020, 19:26 pm
Gracias Ede!
225  Programación / Desarrollo Web / Re: [Pregunta]: ¿Cómo puedo resolver este problema con mi diseño? en: 27 Mayo 2020, 00:38 am
Cita de: NEBIRE en 27 Mayo 2020, 00:19 am
Es el típico problema de 'postes y vallas'.

El problema básico es que hay que 'precalcular' el ancho efectivo a repartir...
Antes de indicar el reparto del 33%, debes contar los 'postes' y descontar el ancho que 'ocupan todos' del 'width', entonces ahora ese a ese 'nuevowidth' si puedes aplicarle el 33%, dará el reparto de 'valla' igual para todos (reusa el valor en vez de calcularlo cada vez), y ahora cada 'valla'  tiene un 'poste' (se desplaza la 'valla') 5px...

Hola,

¿cómo podría hacer eso?
226  Programación / Desarrollo Web / [Pregunta]: ¿Cómo puedo resolver este problema con mi diseño? en: 26 Mayo 2020, 23:50 pm
Básicamente tengo un problema, y los recuadros naranjas no tienen exactamente el mismo ancho, sino que el último es un poco más ancho de lo que debería ser.



El "código" html lo pueden copiar y probar en sus computadoras...

Código
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. 	<title></title>
  5. </head>
  6. <body>
  7.  
  8. 	<style type="text/css">
  9. 	*, *::before, *::after {
  10.         -moz-box-sizing: border-box;
  11.         -o-box-sizing: border-box;
  12.         -webkit-box-sizing: border-box;
  13.         box-sizing: border-box;
  14.         margin: 0;
  15.         padding: 0;
  16. 	}
  17.  
  18. 	html {
  19. 		font-family: opensans;
  20.         line-height: 1.15;
  21.         -webkit-text-size-adjust: 100%;
  22.         -ms-text-size-adjust: 100%;
  23.         -ms-overflow-style: scrollbar;
  24.         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  25. 	}
  26.  
  27. 	div {
  28.         overflow-wrap: break-word;
  29.     }
  30.  
  31.     body {
  32.         background: #fff;
  33.         color: #242424;
  34.         display: flex;
  35.         flex-direction: column;
  36.         font-family: opensans;
  37.         font-size: 1rem;
  38.         font-weight: 400;
  39.         line-height: 1.5;
  40.         margin: 0;
  41.         min-height: 100vh;
  42.         text-align: left;
  43. 	}
  44.  
  45. 	.box_content {
  46. 		height: auto;
  47. 		width: 100%;
  48. 		overflow: hidden;
  49. 		overflow-wrap: break-word;
  50. 	}
  51.  
  52. 	ul.list-horizontal {
  53. 		margin: 0;
  54. 		padding: 0;
  55. 	}
  56.  
  57. 	ul.list-horizontal li {
  58. 		display: block;
  59. 		float: left;
  60. 		padding: 0px;
  61. 	}
  62. 	</style>
  63.  
  64. 	<div class="box_content" style="background: red; height: 100px; width: 80%; margin-left: 10px; margin-top: 10px; padding: 5px;">
  65.         <ul class="list-horizontal" style="width: 100%;">
  66.             <li style="padding-right: 5px; width: 33.3333333333%;">
  67.             	<div style="background: orange; height: 50px;"></div>
  68.             </li>
  69.             <li style="padding-right: 5px; width: 33.3333333333%;">
  70.             	<div style="background: orange; height: 50px;"></div>
  71.             </li>
  72.             <li style="width: 33.3333333333%;">
  73.             	<div style="background: orange; height: 50px;"></div>
  74.             </li>
  75.         </ul>
  76.     </div>
  77.  
  78. </body>
  79. </html>
  80.  
227  Programación / Desarrollo Web / [Pregunta]: FormData(); javascript => PHP en: 23 Mayo 2020, 23:47 pm
Buenas tardes,

Soy muy principiante en el tema y no conozco en profundidad lo que es formdata, lo que pude investigar o entender es que se trataría de un objeto vamos a ponerle que es una "cajita" donde se le puede ir agregando datos/valores de un formulario con append y quitarlos después...

El uso que le estoy dando son miniaturas, es decir cuando el usuario selecciona imágenes se van a mostrar sus pre-visualizaciones, cuando elimina una de estas imágenes se borra dicho dato de la "cajita" que les dije antes... Igual ya deben conocer esto, solamente quería aclarar que uso le estaba dando.

Hasta ahí el sistema funciona de 10, pero no entiendo como puedo pasar esa variable formdata a PHP, digamos que tengo un formulario y después detecto cuando se envíe un determinado formulario. Es decir, lo que se me complica son las validaciones del lado del servidor.

Código
  1. if(isset($_POST['submit_form'])) // al enviar un formulario
  2. {
  3.       $formdata = // ¿Como puedo darle el valor del objeto formdata? Comprendo que la única manera de pasar una variable JS a PHP es por medio de AJAX, aunque no se si desconozco otro método.
  4.       // La idea no es hacerlo con AJAX, sino a secas como si fuera cualquier formulario tradicional.
  5. }
  6.  

Gracias.
228  Programación / Desarrollo Web / [Pregunta]: ¿Cómo puedo hacer qué esto funcione? en: 20 Mayo 2020, 21:38 pm
Estoy tratando de obtener a partir de un formulario cuya id es "form_x", un input cuyo name es "input_x".

Con javascript generalmente se hace así:
Código
  1. form_x.input_x.(lo que quieras obtener/modificar);

pero estoy tratando de hacer lo mismo pero usando document.getElement

algo que intenté fue:
Código
  1. document.getElementById('form_x').getElementsByName('input_x')[0];
  2.  

Tampoco me funciona, intenté probando de otras maneras... entre ellas sacar el "
  • " pero por lo que investigué es parecido a cuando se obtiene un elemento por ClassName,,, es requerido que sea así ya que se pueden obtener más de 1 elemento...

"getElementsByName" is not a function, me dice en consola. Probé con código separado, primero obtener el formulario por id, lo cual funcionó y después por separado el input con name "input_x" lo que también funcionó.

El problema está cuando trato de buscarlos juntos que es lo que quiero hacer.
Código
  1. document.getElementById('form_x').getElementsByName('input_x')[0];
  2.  
229  Programación / Desarrollo Web / Re: [Pregunta]: ¿Como validar captcha de google con javascript? en: 7 Abril 2020, 20:53 pm
Solucionado:

Código
  1. if(!grecaptcha.getResponse())
  2. {
  3.        // captcha no está completado
  4. }
  5. else
  6. {
  7.       // captcha está completado
  8. }
  9.  
230  Programación / Desarrollo Web / [Pregunta]: ¿Como validar captcha de google con javascript? en: 7 Abril 2020, 10:29 am
Bueno,

entiendo que lo recomendable al 100% es hacer validaciones del lado del servidor, pero es verdad que es todavía mejor tener validaciones para las dos partes, javascript y php en este caso... Lo que convierte a una aplicación más utilizable...

Código
  1. $captcha_response = $_POST['g-recaptcha-response'];
  2.  
  3. if(!empty($captcha_response))
  4. {
  5.       $captcha_results = Get_Captcha($captcha_response);
  6.  
  7.       if($captcha_results['success'] == true)
  8.       {
  9.             echo 'Ejecutado';
  10.       }
  11.       else
  12.       {
  13.              echo 'La captcha no se completó correctamente.';
  14.       }
  15. }
  16. else
  17. {
  18.     echo 'Debes completar el captcha para continuar.';
  19. }
  20.  
  21. function Get_Captcha($captcha_response)
  22. {
  23. 	$result = 'Error';
  24.  
  25. 	if(is_string($captcha_response))
  26. 	{
  27. 		$result = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.urlencode(SECRET_KEY).'&response='.urlencode($captcha_response));
  28.         $result = json_decode($result, true);
  29. 	}
  30.  
  31. 	return $result;
  32. }
  33.  

Es hacer algo como eso pero con javascript...
Páginas: 1 ... 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 [23] 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 ... 74
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines