Do not open modal in Laravel

Question

Do not open modal in Laravel

Navigation

#1 by (1 votes)

0

I used to have my code organized like this.

Part of my index.php

<!-- barra de navegacion -->
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
          <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                  <i class="fa fa-bars fa-lg" aria-hidden="true"></i>
                </button>
                <a href="index.html"><img src="img utiles/socialprop5.png" width="60px"></a>
            </div>
            <div class="nav navbar-nav navbar-right navbar-collapse collapse">
                  <li><a href="faq/faq.php"><span class="glyphicon glyphicon-question-sign"></span> F.A.Q</a></li>
                  <li><a href="login.php" data-toggle="modal" data-target="#user_login"><span class="glyphicon glyphicon-log-in" ></span>Accede</a></li>
                                    <li><a href="register.php" data-toggle="modal" data-target="#user_register"><span class="glyphicon glyphicon-user" id="register"></span> Registrate</a></li>
            </div>
          </div>
        </div>

      <!--COMIENZO MODAL LOGIN-->
        <div id="user_login" class="modal fade"  role="dialog">
          <div class="modal-dialog">
            <div class="modal-content">
                                    </div>
                                </div>
                                </div>
              <!-- FIN MODAL LOGIN -->

Login.php

    <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal">&times;</button>
  <h2 class="modal-title" style="display:block">Iniciar Sesion</h2>
</div>
<div class="modal-body">

  <!-- MODAL BODY LOGIN -->
  <div id="user_login">
    <form action="Principal/principal.php" id="loginForm" class='form-vertical' method="POST">
          <a class="btn btn-block btn-social btn-facebook">
          Iniciar sesion con Facebook
          <i class="fa fa-facebook" id='redessociales' aria-hidden="true"></i></a>

          <a class="btn btn-block btn-social btn-google">
          Iniciar sesion con Google
          <i class="fa fa-google" id='redessociales' aria-hidden="true"></i>
          </a>
                    <div class="form-group">
          <label for="inputEmail" class="sr-only">Email</label>
          <input type="text" name="mail" class="form-control" placeholder="Email" autofocus="" >
                    </div>

                    <div class="form-group">
          <label for="inputPassword" class="sr-only">Contraseña</label>
          <input type="password" class="form-control" name="pass" placeholder="Contraseña">
                    </div>

        <div class="Checkbox">
          <label>
            <input type="checkbox" value="recuerdame">Recuerdame
          </label>
        </div>
        <div>
          <button class="btn btn-lg btn-primary btn-block" type="submit" value="Enviar" id="botonLogin" >Iniciar Sesion</button>
        </div>
        <a href="misspass.php" data-target="#user_recovery"data-dismiss="modal" data-toggle="modal">Olvidaste tu contraseña?</a>
      </form>
      <div class="modal-footer">
        <button type="button" href="register.php" class="btn btn-default" data-dismiss="modal" data-toggle="modal" data-target="#user_register">Registrate!</button>
        <button type="cerrar" name="submit" class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
    </div>

navbar de laravel (look at login)

This worked perfectly. With laravel I do not understand how to route the modal to continue in the index view and open here. It would have to route to loginmodal.blade.php (ignore the others are failed tests)

php laravel

asked by Infraganti 13.11.2016 в 19:05

source

1 answer

Mount a local volume in a container using Dockerfile? Browse array of dates in C #

score 1 · Answer 1

Conceptually you can not create a route that points to a modal. The modal is a 100% component of Front End. Which means that we can not interact from the server with this component.

What you can do is create a route to a view or screen .php Then, inside that screen you can have your modal, and if all you have in that view is the modal, you can lift the modal at the moment when the whole DOM is ready.

$(document).ready(function()
{
    $("#user_login").modal("show");
});