Ciao a tutti, sono nuovo di JavaScript e di jQuery. Finora non mi stanno molto simpatici, ma vediamo di risolvere questo problema.
Attraverso jQuery ho fatto in modo da associare un Date Picker ad ogni textbox (ho 2 textbox in tutto), quindi usando un simpatico strumentino mi viene scritta la data direttamente sui textbox. Ora voglio passare queste due date ad un'altra pagina php, in modo da poterle successivamente elaborare. Purtroppo non ho idea di come si faccia a passare quei parametri.. devo per forza usare almeno un form con action='#', e se ne aggiungo un altro ci sono due possibilità: o non succede niente alla premuta del button per passare all'altra pagina, oppure si passa all'altra pagina ma senza possibilità di passaggio dei parametri.
Spero di essere stato abbastanza chiaro. Anche se ne dubito. Comunque ecco a voi il codice, sicuramente giusto fino al body (escluso).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" src="date.js"></script>
<script type="text/javascript" src="jquery.datePicker.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="datePicker.css">
<link rel="stylesheet" type="text/css" media="screen" href="demo.css">
<script type="text/javascript" charset="utf-8">
$(function()
{
var cal;
var $this;
var checkForMouseout = function(event)
{
var el = event.target;
while (true){
if (el == cal) {
return true;
} else if (el == document) {
$this.dpClose();
return false;
} else {
el = $(el).parent()[0];
}
}
};
$('.date-pick')
.datePicker()
.bind(
'dpDisplayed',
function(event, datePickerDiv)
{
cal = datePickerDiv;
$this = $(this);
$(document).bind(
'mouseover',
checkForMouseout
);
}
).bind(
'dpClosed',
function(event, selected)
{
$(document).unbind(
'mouseover',
checkForMouseout
);
}
);
});
</script>
</head>
<body>
<table>
<form method="post" action="#">
<tr>
<td>
<label for="date1">Date 1:</label>
<input name="date1" id="date1" class="date-pick" />
</td>
</tr>
</form>
<form method="post" action="#">
<tr>
<td>
<label for="date2">Date 2:</label>
<input name="date2" id="date2" class="date-pick" />
</td>
</tr>
</form>
<tr>
<form method="post" action="provaDatePicker2.php">
<td align="center" colspan="2"><input name="buttonSubmit" type="submit" value="Enter"></td>
</p></form>
</tr>
</table>
</body>
</html>