codice:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap version 3.1 Modal with remote content</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap core CSS -->
<link href="http://www.taxxi.it/dev/home/extend/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://www.taxxi.it/dev/home/extend/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<script src="http://www.taxxi.it/dev/home/extend/ajax/libs/respond.js/1.2.0/respond.js"></script>
<![endif]-->
<script>
function randNum(min, max) {
var m=min;
var n=max;
var r=m+Math.round(Math.random()*n); return(r);
}
function CreateXmlHttpReq2(handler) {
var xmlhttp = null;
try {
xmlhttp = new XMLHttpRequest();
} catch(e) {
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange = handler;
return xmlhttp;
}
function myHandlerMinute() {
if (myRequestMinute.readyState == 4 && myRequestMinute.status == 200) {
var allMinute = myRequestMinute.responseText;
var viewMinute = document.getElementById("risultato");
viewMinute.innerHTML = allMinute;
//alert(''+allMinute+'');
}
}
function codeAddress() {
var rand = randNum(73754,257329065);
var address = 'Italia, Napoli, '+document.getElementById("address").value;
var city = 'Napoli';
var mail = document.getElementById("mail").value;
myRequestMinute = CreateXmlHttpReq2(myHandlerMinute);
myRequestMinute.open("GET","remote.php?rand="+rand+"&address="+address+", "+city+"&mail="+mail+"");
myRequestMinute.send(null);
}
</script>
<style>#myModal .modal-dialog {
width:60%;
}</style>
</head>
<body>
<!-- Bootstrap trigger to open modal -->
<form action="" method="post" class="modal-boby">
<fieldset class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="mail" id="mail" placeholder="Enter email">
<small class="text-muted">We'll never share your email with anyone else.</small>
</fieldset>
<label>Indirizzo del Cliente</label><input id="address" type="textbox" value="" size="30" style="height:30px; width:426px; font-weight:bold; font-size:16pt;"><div style="border:0px solid red;"><input type="button" id="posClient" data-toggle="modal" class="btn btn-info" href="remote.php" data-target="#myModal" onclick="codeAddress()" onSubmit="return false" value="invia dati!"/><!--<input type="button" id="posClient" value="invia dati" onclick="codeAddress()" onSubmit="return false" style="height:36px;width:146px; margin-top:0px;">--></div></form>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" id="risultato">
</div> <!-- /.modal-content -->
</div> <!-- /.modal-dialog -->
</div> <!-- /.modal -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://www.taxxi.it/dev/home/extend/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://www.taxxi.it/dev/home/extend/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.min.js"></script>
</body>
</html>