Ciao a tutti.
Premetto che sono un nabbo sia del forum che di JavaScript quindi abbiate pietà di me!
Probabilmente sarà una banalità, ma come sempre mi perdo in un bicchiere d'acqua.
Questo è la pagina index.php
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body style="background-color:#fffff;">
<center>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="jquery-1.3.2.js"></script> <!-- La versione potrebbe essere differente -->
<script src="jquery-1.3.2.js"></script>
<script src="css/js/zeroclipboard/jquery.zclip.min.js"></script>
<script src="../cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" href="css/landing-press.css" type="text/css"/>
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="css/font.css" type="text/css"/>
<script type="text/javascript">
$(document).ready(function() {
$("#input_form").submit(function(){
var fett = $("#fett").attr('value');
$.ajax({
url: 'risposta.php',
type: "POST",
data: "fett="+fett,
success: function(data) {
$("div#risposta").html(data);
}
});
return false;
});
});
</script>
<script language="javascript">
function disabilita() {
document.testa.invio.disabled=true;
}
</script>
<script language="javascript">
var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the Bootstrap functionality
</script>
</head>
<body>
<?php
if(isset($_POST['invio'])) {
$fullname= $_POST['fullname'];
}
?>
<form name="testa" id="input_form" action="" accept-charset="utf-8" method="post" class="form-shorten" >
<!-- <input type="text" name="fett" id="fett"> <br/><br/> -->
<input type="text" name="fullname" class="form-control input-lg" pattern="https?://.+" id="fett" placeholder="http://" required><br/>
<input name="invio" type="submit" class="btn" value="invia" onclick="javascript:disabilita()"><i class="fa fa-paper-plane"></i> Shorten</input>
</form><br /><br/>
<div id="risposta"></div>
</div>
</center>
</body>
<!-- qui comincia modal asacked -->
<head>
</head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> ------------------- --------------------------->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
Che non fa altro che fare una richiesta alla pagina risposta.php
codice:
<?php
if(isset($_POST['text'])) {
$fulname = $_POST['fullname'];
}
echo "Hai inserito i seguenti dati:-><strong>$_POST[fett]</strong>";
?>
E fino a qui tutto funziona bene.
Ma per esigenze grafiche devo inserire questa jquery
codice:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
ma quando lo faccio la risposta alle nuove richieste che invio diventa undefined "NON DEFINITO"
Grazie mille per tutto l'auto che mi potete dare!