[javascript] update to jQuery 1.4.2 and jQuery-ui 1.8.5
The most notable changes are :
- A bug in jQuery 1.4.2 forces us to add 2 noop() methods
on cw objects to handle event unbinding, see :
http://dev.jquery.com/ticket/6184
for more details.
- jquery.autocomplete.js is not maintained anymore as it now has
a standard implementation in jquery ui. The downside is that
the new autocomplete version needs more work to be used.
cubicweb.widgets.js defines a cwautocomplete plugin which is
just a (not so) thin wrapper around the std autocomplete plugin
to keep backward compatibility and usage simplicty.
The original autocomplete author wrote a nice migration guide :
http://www.learningjquery.com/2010/06/autocomplete-migration-guide
- If you're using jQuery.ajax directly, you might have surprises
with arguments serialization for arrays. To get the old behaviour,
you need to pass a `traditional: true` extra arguments to jQuery.ajax.
Of course, it's transparent if you're using cubicweb higher level
helpers such as loadxhtml, loadRemote, etc.
/* styles for the calendar popup widget used to edit date fields
*
* :organization: Logilab
* :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
* :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
*/
div.calhelper {
background: url("calendar.gif") no-repeat;
border: 4px solid red;
padding-left:18px;
width: 10px;
height: 10px;
display: inline;
}
div.calpopup {
position: absolute;
margin-left: 130px;
margin-top: -16px;
width: 17em;
}
table.popupCalendar {
text-align: center;
border: 1px solid #ccc;
z-index: 400;
}
table.popupCalendar th {
border:1px solid #ccc;
background : #d9d9c1;
color: black;
padding: 2px 3px;
}
table.popupCalendar th.calTitle,
table.popupCalendar th.prev,
table.popupCalendar th.next {
color: white;
padding: 0px;
background : #acac95;
}
table.popupCalendar th.prev,
table.popupCalendar th.next {
color: #ff4500;
font-size: 50%;
font-weight: bold;
padding: 2px 0px;
}
table.popupCalendar td {
width: 2em;
height: 2em;
background : #f6f5e1;
font-size: 85%;
border:1px solid #ccc;
}
table.popupCalendar td.today {
border: 2px solid black;
}