Come visualizzare un avviso in Bootstrap modale

$(window).load(function(){ 
 
    $('.alertbox').click(function(){ 
 
    alert('You Clicked on Click Here Button'); 
 
    }); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script> 
 
    
 
<div> 
 
    <a class="alertbox" href="#clicked"> Click Here</a> 
 
</div>

voglio l'avviso da visualizzare nella bootstrap modale.

fonte

2016-04-22 Riot Zeast Captain

Non si può contenere la finestra di avviso JS set. Se vuoi qualcosa come la casella di avviso in una modale, disegnala usando CSS/HTML e attivala usando JS/jQuery – Tushar

Alcune informazioni sulla creazione di una modale con bootstrap http://www.w3schools.com/bootstrap/bootstrap_modal.asp http: //getbootstrap.com/javascript/#modals – spaceman

Stai cercando di visualizzare una modale con il testo di "allerta" all'interno? O stai cercando di attivare un avviso del browser da un collegamento all'interno di una modale? – cbronson

Creare il div errore nel corpo modale. e l'errore

$(document).ready(function(){ 
 
    $('#alertbox').click(function(){ 
 
    $("#error").html("You Clicked on Click here Button"); 
 
     $('#myModal').modal("show"); 
 
    }); 
 
    });

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Modal Example</h2> 
 
    <!-- Trigger the modal with a button --> 
 
    <button type="button" class="btn btn-info btn-lg" id="alertbox">Click here</button> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p id="error"></p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div> 
 

 
</body> 
 
</html>

fonte

2016-04-22 22:13:02

Probabilmente non ho capito correttamente la tua domanda, ma non puoi usare la funzione di avviso per visualizzare un messaggio insidea di un elemento di pagina. Avviso visualizza un avviso di sistema al di fuori della pagina dom.

Se si desidera visualizzare un messaggio all'interno di una modale, è necessario includere (o iniettare) il markup modale nella pagina html, quindi è sufficiente mostrare/nascondere la modale tramite le funzioni di bootstrap.

Hai un ottimo esempio here

fonte

2016-04-22 22:00:04

Come visualizzare un avviso in Bootstrap modale

risposta

Problemi correlati