jquery / javascript not picking up value on click

Question

I need to dynamically alter a variable with the "name" attribute from a link - code below...

       <input type="text" class="datepicker" id="dp1">

       <a href="javascript:;" class="tab" name="1,2">test button</a>

and

$(document).ready(function(){

    var pickable = { dp1: [4,5,6] };

    $(".tab").click(function () { 
        var test = $(this).attr("name").split(",");
        pickable = { dp1:  test  };
    });

    $(".datepicker").each(function() {
        $(this).datepicker({
            beforeShowDay: function(date){ 
                var day = date.getDay(), days = pickable[this.id];
                return [$.inArray(day, days) > -1, ""];
            },
        });
    });

});

Any ideas why this doesn't work??

@joberror: Actually, from the code above, test is an array containing the single string "1, 2" — Andreas Grech
– Andreas Grech, Commented Sep 29, 2010 at 9:12

Jamie Taylor · Accepted Answer · 2010-09-29 11:06:47Z

1

You can try something like this

$(document).ready(function(){

var pickable = ["2","3","4","5"];

function closedDays(date){
    var sDate = date.getDay().toString();
    if ($.inArray(sDate, pickable) == -1) return [false,"",""];
    else return [true, ""];
}

$(".tab").click(function () { 
   pickable =  $(this).attr("name").split(",");
     closedDays;
});

$(".datepicker").each(function() {
    $(this).datepicker({
        beforeShowDay:  closedDays
    });
});
});

You can try it here http://jsfiddle.net/ZKW3b/2/

edited Sep 29, 2010 at 11:06

answered Sep 29, 2010 at 10:56

Jamie Taylor

3,53022 gold badges70 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andreas Grech · Accepted Answer · 2010-09-29 09:14:57Z

1

If you mean that the function passed to click is not being executed, check whether that code is being interpreted before the html.

Try wrapping the code in the ready function:

$(function () {
    var pickable = { dp1: [4, 5, 6] };
    $(".tab").click(function () { 
        var test = [ $(this).attr("name") ];
        pickable = { dp1:  test  };
    });
});

If the problem is that you want the string value of name, "1, 2", to be an array, you need to change your code a bit:

var pickable = { dp1: [4, 5, 6] };

$(".tab").click(function () { 
    var test = $(this).attr("name").split(",");
    pickable = { dp1:  test  };
});

Now, the value "1, 2" is being split by the , token and seperated into an array of values: ["1", "2"]

edited Sep 29, 2010 at 9:14

answered Sep 29, 2010 at 8:43

Andreas Grech

108k102 gold badges303 silver badges362 bronze badges

2 Comments

Tom Over a year ago

I have already done that, just didn't include it in the code i posted. sorry

Tom Over a year ago

I see what you're saying but it still doesn't work... here's a link to the code put in context, perhaps that'll work... jsfiddle.net/BhzE5/2

erickb · Accepted Answer · 2010-09-29 10:58:18Z

0

If you intend to have var pickable available anywhere in your code, you might want to use, jquery data. You can try something like this:

    $(document).data('pickable', { dp1: [4, 5, 6] } );
    $(".tab").click(function () { 
        var test = $(this).attr("name").split(',');
        $(document).data('pickable', { dp1:  test  });
    });

edited Sep 29, 2010 at 10:58

answered Sep 29, 2010 at 9:03

erickb

6,3094 gold badges27 silver badges19 bronze badges

1 Comment

Andreas Grech Over a year ago

Your example will create an array within an array: [["1", "2"]]

Collectives™ on Stack Overflow

jquery / javascript not picking up value on click

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related