if i use this code:
function ocupaDays(date) {
for (i = 0; i < arrayOcupado.length; i++) {
if (date.getMonth() == arrayOcupado[i][0] - 1
&& date.getDate() == arrayOcupado[i][1]
&& date.getFullYear() == arrayOcupado[i][2]) {
return [false, 'ocupa' ];
}
}
for (k = 0; k < arrayLivre.length; k++) {
if (date.getMonth() == arrayLivre[k][0] - 1
&& date.getDate() == arrayLivre[k][1]
&& date.getFullYear() == arrayLivre[k][2]) {
return [true, 'desocupa' ];
}
}
for (j = 0; j < arraylivreTransita.length; j++) {
if (date.getMonth() == arraylivreTransita[j][0] - 1
&& date.getDate() == arraylivreTransita[j][1]
&& date.getFullYear() == arraylivreTransita[j][2]) {
return [true, 'transita_1' ];
}
}
return [true, '' ];
}
even the return [true, 'transita_1' ]; dont work.
strange!!
On Jan 30, 10:01 am, Ca-Phun Ung <[email protected]> wrote:
> Yes. I think it is a CSS problem. So the datepicker code works correctly.
>
> There is probably some other CSS code overriding your styles - In your case
> it might be the <a> tag colour. You may need to do something like:
>
> .desocupa a {
> background-color:#33CC33;
>
> }
>
> Or something similar.
>
> Experimentation is the key. :)
>
>
>
>
>
> On Fri, Jan 30, 2009 at 5:50 PM, Led <[email protected]> wrote:
>
> > You have been very helpfull. The problem is that i just want the
> > 'return [true, 'desocupa'];' to work
> > and it seems that maybe a css problem .
> > .ocupa
> > {
> > background-color:#FF6666;
> > }
> > .desocupa
> > {
> > background-color:#33CC33;
> > }
>
> > it only turns green with 'return [false, 'desocupa' ]; ' but in
> > firebug , the class is added.
>
> > thanks very much. this is important to me.
>
> > On Jan 30, 9:28 am, Ca-Phun Ung <[email protected]> wrote:
> > > Could you demonstrate it "not" working in your test? Would make it easier
> > > for me to help you.
>
> > > On Fri, Jan 30, 2009 at 5:16 PM, Led <[email protected]> wrote:
>
> > > > Have you try it? That is the problem , the green backgound is not
> > > > applied when true. But when false the background is green.
>
> > > > Please take a look athttp://www.realferias.com/datepik.asp?cod_casa=15
>
> > > > On Jan 30, 4:07 am, Ca-Phun Ung <[email protected]> wrote:
> > > > > In the second loop try:
>
> > > > > return [true, 'desocupa'];
>
> > > > > On Fri, Jan 30, 2009 at 8:50 AM, Led <[email protected]> wrote:
>
> > > > > > now i have another problem. This code
> > > > > > function ocupaDays(date) {
> > > > > > for (i = 0; i < arrayOcupado.length; i++) {
> > > > > > if (date.getMonth() == arrayOcupado[i][0] - 1
> > > > > > && date.getDate() == arrayOcupado[i][1]
> > > > > > && date.getFullYear() == arrayOcupado[i][2]) {
> > > > > > return [false, 'ocupa' ];
>
> > > > > > }
> > > > > > }
> > > > > > for (i = 0; i < arrayLivre.length; i++) {
> > > > > > if (date.getMonth() == arrayLivre[i][0] - 1
> > > > > > && date.getDate() == arrayLivre[i][1]
> > > > > > && date.getFullYear() == arrayLivre[i][2]) {
> > > > > > return [false, 'desocupa' ];
>
> > > > > > }
> > > > > > }
>
> > > > > > return [true, ''];
>
> > > > > > }
>
> > > > > > the css only work if the class 'desocupa is selectable=false. I
> > need
> > > > > > to apply the css rule that is background color : green and turn it
> > > > > > selectable. try the sample and choose february.
> > > > > >http://www.realferias.com/datepik.asp?cod_casa=15
>
> > > > > > On Jan 29, 6:58 am, Ca-Phun Ung <[email protected]> wrote:
> > > > > > > > > $("#Text1").datepicker({ beforeShowDay:
> > > > > > nationalDays,showOtherMonths:
> > > > > > > > > true,showWeeks: true, firstDay: 7,changeFirstDay: false});
>
> > > > > > > > > function nationalDays(date) {
> > > > > > > > > for (i = 0; i < natDays.length; i++) {
> > > > > > > > > if (date.getMonth() == natDays[i][0] - 1
> > > > > > > > > && date.getDate() == natDays[i][1]
> > > > > > > > > && date.getFullYear() == natDays[i][2]) {
> > > > > > > > > return [false, natDays[i][0][1] ];
>
> > > > > > > > > $(".ui-datepicker-days-cell").addclass("desocupa");
>
> > > > > > > > > }
>
> > > > > > > > > }
> > > > > > > > > return [true, ''];
>
> > > > > > > Ah I see what you're trying to do now. Try this:
>
> > > > > > > function nationalDays(date) {
> > > > > > > for (i = 0; i < natDays.length; i++) {
> > > > > > > if (date.getMonth() == natDays[i][0] - 1
> > > > > > > && date.getDate() == natDays[i][1]
> > > > > > > && date.getFullYear() == natDays[i][2]) {
> > > > > > > return [false, natDays[i][0][1] ];
> > > > > > > }
> > > > > > > }
> > > > > > > return [true, 'desocupa'];
>
> > > > > > > }
>
> > > > > > > This will add the "desocupa" class to non-nationalDays. If you
> > want
> > > > the
> > > > > > > additional class for national days you'd need to change
>
> > > > > > > return [false, natDays[i][0][1] ];
>
> > > > > > > to
>
> > > > > > > return [false, 'desocupa' ];
>
> > > > > > > > i can see this comment in datepicker.js and i don't understand
> > ---
> > > > > > > > beforeShowDay: null, // Function that takes a date and returns
> > an
> > > > > > > > array with
> > > > > > > > // [0] = true if selectable, false if
> > not,
> > > > [1] =
> > > > > > > custom CSS class
> > > > > > > > name(s) or '',
> > > > > > > > // [2] = cell title (optional), e.g.
> > > > $.datepicker
>
> > > > > > > .noWeekends
>
> > > > > > > These specify the return values of the beforeShowDay callback. In
> > > > your
> > > > > > case
> > > > > > > the function is nationalDays. i.e.
>
> > > > > > > function nationalDays {
> > > > > > > return [ {selectable}, {custom-css}, {custom-cell-title} ];
>
> > > > > > > }
>
> > > > > > > --
> > > > > > > Ca-Phun Ung
> > > > > > > +http://yelotofu.com
> > > > > > > + hongkong, zce, jquery, php, css, html- Hide quoted text -
>
> > > > > > > - Show quoted text -
>
> > > > > --
> > > > > Ca-Phun Ung
> > > > > +http://yelotofu.com
> > > > > + hongkong, zce, jquery, php, css, html- Hide quoted text -
>
> > > > > - Show quoted text -
>
> > > --
> > > Ca-Phun Ung
> > > +http://yelotofu.com
> > > + hongkong, zce, jquery, php, css, html- Hide quoted text -
>
> > > - Show quoted text -
>
> --
> Ca-Phun Ung
> +http://yelotofu.com
> + hongkong, zce, jquery, php, css, html- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
