Loading...

Search jQuery

Search

jQuery Forum

Screen name:
oneofthelions

oneofthelions's Profile

5 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Datepicker and Description onchange
[0Replies]
- 12-Jul-2010 05:30 PM
- Forum: Developing jQuery Core
I have dates and description. If the date is entered, then the description should autocomplete. Like if 12/25/yyyy is selected, then Christmas should automatically be shown?

I tried this, but its not working. Any help?

<html>
<head>
<script type="text/javascript">
$(function() {
$('#date').datepicker();
});
$(function() {
var availableTags = ["Christmas Day","etc"];
$("#tags").autocomplete({
source: availableTags
});
});

$('#date').change( function() {
if ($(this).val().substring(0, 5) === '12/25') {
$('#desc).val('Christmas');
} else {
$('#tags').val('');
}
});
</script>
<body>
<DIV class="ui-widget">Date: <INPUT TYPE="TEXT" name="xx"
property="xx" id="date" />
</P>
<input type="text" id="desc" name="desc" />
</DIV>
</body>
</html>
[/code]

Javascript Autocomplete
[0Replies]
- 12-Jul-2010 09:14 AM
- Forum: Using jQuery UI
I have two INPUT type="text" boxes.

First is Date and second is description.

For date I am using Jquery UI widget 'datepicker' and for description I am using jquery Autocomplete and defined some names

What I want is...If 12/25/YYYY is selected. I want to autocomplete the second text box with Cristmas and vice versa.

How can I do this with javascript?

Datepicker does not read the input
[1Reply]
- 09-Jul-2010 09:09 AM
- Forum: Using jQuery UI
Hi, My datepicker is showing up. But when submit is done, it does not read any value from input field.

I am using JSP and struts. Any help please

[code]

.....

<SCRIPT type=text/javascript>

$(function() {

$("#datepicker").datepicker();

});

</SCRIPT>

<P>Date: <INPUT TYPE="TEXT" property="holidayDate" id="datepicker" /></P>
....

[/code]

Datepicker in loop
[1Reply]
- 08-Jul-2010 12:18 PM
- Forum: Using jQuery UI
Hi,

I am displaying the entries from the database on my JSP page. As many there are entries, using <logic:iterate> I am showing the values.

My problem is, only the first datepicker is shown. None of the remaining are shown when clicked on text area.

[code]

<logic:notEmpty name="specialResult" scope="request">

<logic:iterate name="specialResult" id="specialResult" indexId="index">

<tr>

<input type="checkbox" name="upisActive" property="upisActive" value="<bean:write name="specialResult" property="upId"/>"></input>

<input type="text" name="upholidayDate" value="<bean:write name="specialResult" property="upholidayDate"/>" property="upholidayDate" size="20" id="datepicker"></input>

</tr>

<
SCRIPT type=text/javascript>
$(function() {

$("#datepicker").datepicker();

});

</SCRIPT>

[/code]

[SOLVED] What's wrong in my code?
[2Replies]
- 07-Dec-2009 01:55 PM
- Forum: Using jQuery
The fadeOut is not working...what is wrong in my code?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Jquery test</title> <script scr="jquery-1.3.2.min.js" type="text/javascript"></script> <style type="text/css"> #box { background: red; width: 300px; height: 300px; } </style> <script type="text/javascript"> $(function() { $('a').click(function() { $('#box').fadeOut(5000); }); }); </script> </head> <body> <div id="box"></div> <a href="#">Click Me!</a> </body> </html>

«Prev
Next »