Scribd Logo
Upload

Welcome to Scribd!

  • Copia de Popup 3

    Uploaded by

    alejandro guespud
    15 views2 pages
    The document includes code to open a modal popup window after 1 second. It links Bootstrap CSS and JavaScript files. A function uses jQuery to trigger clicking on a button with id "id01", which displays the modal containing an image. When the modal opens, a user can click the close button to dismiss it.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document includes code to open a modal popup window after 1 second. It links Bootstrap CSS and JavaScript files. A function uses jQuery to trigger clicking on a button with id "id01", which displays the modal containing an image. When the modal opens, a user can click the close button to dismiss it.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views2 pages

    Copia de Popup 3

    Uploaded by

    alejandro guespud
    The document includes code to open a modal popup window after 1 second. It links Bootstrap CSS and JavaScript files. A function uses jQuery to trigger clicking on a button with id "id01", which displays the modal containing an image. When the modal opens, a user can click the close button to dismiss it.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.

    css"
    rel="stylesheet" /><!-- jQuery library --><script
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><!-
    - Latest compiled JavaScript --><script
    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    function redireccionar(){
    alert("1");
    document.getElementById(&#039;id01&#039;).style.display=&#039;active&#039;;
    $("#id01").trigger("click");
    }
    setTimeout ("redireccionar()", 1000); //tiempo expresado en milisegundos
    </script>
    <p><button class="btn btn-info btn-lg" data-target="#myModal" data-
    toggle="modal" id="id01" type="button">Open Modal</button></p>

    <div class="modal fade" id="myModal" role="dialog">


    <div class="modal-dialog"><!-- Modal content-->
    <div class="modal-content">
    <div class="modal-header"><button class="close" data-dismiss="modal"
    type="button">&times;</button>

    <h4 class="modal-title">Modal Header</h4>


    </div>

    <div class="modal-body" id="id01"><img alt="Third slide" class="third-slide"


    src="../img/cat_001.png" /></div>

    <div class="modal-footer"><button class="btn btn-default" data-dismiss="modal"


    type="button">Close</button></div>
    </div>
    </div>
    </div>

    <link
    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
    rel="stylesheet" /><!-- jQuery library --><script
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><!-
    - Latest compiled JavaScript --><script
    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    function redireccionar(){
    alert("1");

    document.getElementById(&#039;id01&#039;).style.display=&#039;active&#039;;
    $("#id01").trigger("click");
    }
    setTimeout ("redireccionar()", 1000); //tiempo expresado en milisegundos
    </script>

    <div class="modal fade" id="myModal" role="dialog">


    <div class="modal-dialog"><!-- Modal content-->
    <div class="modal-content">
    <div class="modal-header"><button class="close" data-dismiss="modal"
    type="button">&times;</button>

    <h4 class="modal-title">Modal Header</h4>


    </div>
    <div class="modal-body" id="id01"><img alt="Third slide" class="third-
    slide" src="../img/cat_001.png" /></div>

    <div class="modal-footer"><button class="btn btn-default" data-


    dismiss="modal" type="button">Close</button></div>
    </div>
    </div>
    </div>

    You might also like