0

Tengo un problema al llamar la función postRefreshPage() en un botón que supone debería regresar a la página del menú y enviar los datos del usuario para que la sesión se mantenga iniciada.

Este es el botón:

<button  class="btn btn-warning btn-sm" aria-label="Right Align" style="float: right;" onclick="postRefreshPage();">
<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
&nbsp; Regresar al menu
</button>

Y esta es la función:

function postRefreshPage(){
    var theForm, newInput1, newInput2;
    // Se crea el <form>
    theForm = document.createElement('form');
    theForm.action = 'pruebas/checklogin.php';
    theForm.method = 'post';
    // Se crean los <input>s en el form y les damos nombre y valor
    newInput1 = document.createElement('input');
    newInput1.type = 'hidden';
    newInput1.name = 'username';
    newInput1.value = "<?php echo $_SESSION['user']?>";
    newInput2 = document.createElement('input');
    newInput2.type = 'hidden';
    newInput2.name = 'password';
    newInput2.value = "<?php echo $_SESSION['pass']?>";
    // Lo juntamos todo...
    theForm.appendChild(newInput1);
    theForm.appendChild(newInput2);
    // ...y ahora al DOM...
    document.getElementById('hidden_form_container').appendChild(theForm);
    // ...y lo mandamos
    theForm.submit();
}

Y me lanza este error:

Uncaught ReferenceError: postRefreshPage is not defined at HTMLButtonElement.onclick

Esta página esta en un servidor y es donde me lanza el error, pero cuando la corría en local todo funcionaba bien.

De antemano muchas gracias por sus respuestas

10
  • El tipo de error que mencionas se suele deber a que la función _ postRefreshPage_ no es visible o localizada por el onclick. Normalmente ocurre por tenerlo en un fichero .js separado o por no haberlo subido al servidor. Si tienes la página en una URL pública y la puedes poner, podemos comprobar el error de lo que tienes corriendo en dicho servidor
    – Sema
    Commented el 18 jun. 2018 a las 14:01
  • De hecho tanto la funcion como el boton estan en el mismo documento, primero creo el boton y al final esta la funcion. Puedes ver la pagina aqui: jsfiddle.net/kugwf1ys Commented el 18 jun. 2018 a las 14:05
  • Invocar funciones directamente desde los elementos HTML puede considerarse una mala práctica. Te obliga a hurgar en todos tus HTML si ocurre algún cambio en el nombre de la función o algo. Es mejor agregar un listener al botón, usando el id del mismo y llamar a la función desde ese listener. Y conviene también ponerlo todo dentro de un bloque que verique que el DOM está cargado... De todos modos, como ya te han comentado, debes incluir la función antes del botón, no después, porque de lo contrario, no la encontrará o puedes que des click en el botón y la función aún no esté cargada.
    – A. Cedano
    Commented el 18 jun. 2018 a las 14:06
  • Ya intente incluirla al principio, pero me tira este error: Uncaught TypeError: Cannot read property 'appendChild' of null at postRefreshPage (maps.php:68) at HTMLButtonElement.onclick (maps.php:87) Commented el 18 jun. 2018 a las 14:10
  • En mi primer respuesta esta el fiddle del codigo, por si gustas revisarlo Commented el 18 jun. 2018 a las 14:11

1 respuesta 1

0

En lugar de utilizar el atributo onclick sería mejor que uses un EventListener de JavaScript

Por ejemplo;

function funcionEjemplo()
{
alert("Click");
}

document.getElementById("ejemplo").addEventListener("click", funcionEjemplo);
<button id="ejemplo">Soy un botón</button>

Te dejo la documentación de w3schools del método addEventListener() ya que sería interesante que le pegues una mirada!

Para tu caso, te dejo el jsfiddle de tu caso particular, pero con el concepto del ejemplo anterior asumo que te quedará claro como solucionarlo!

Saludos!

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.