forkhyun (27) [Avatar] Offline
#1
Hi,

I open the phase.1.html file on my server after loading all the files under bootcloset. Strangely, I don't see any options in select box. I think the codes in phase.1.html has something wrong.

If you look at this:

$('#bootChooserControl').change(function(event){
$('#productDetailPane').load(
'/jqia2/action/fetchProductDetails',
{style: $(event.target).val()},
function() { $('[value=""]',event.target).remove(); }
);
});

the line in bold seems not quite correct. Can you show me what's wrong in here?

Thanks,
forkhyun (27) [Avatar] Offline
#2
Re: Chapter 8/bootcloset/phase.1.html
Never Mind, guys.

I just realise that I need to put all the sources instead of putting only bootcloset folder.
bear.bibeault (675) [Avatar] Offline
#3
Re: Chapter 8/bootcloset/phase.1.html
Yup, there's a bit of an eco-system going on there! smilie
wskent (18) [Avatar] Offline
#4
Re: Chapter 8/bootcloset/phase.1.html
In java the bootcloset examples are working. I had to change the .load() location as shown below for phase.3.html and 1 and 2 to work correctly -

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

$('#bootChooserControl')
.load('/jqia2/chapter8/bootcloset/actions/fetchBootStyleOptions.jsp');

$('#bootChooserControl').change(function(event){
$('#productDetailPane').load(
'/jqia2/chapter8/bootcloset/actions/fetchProductDetails.jsp',
$(this).serialize()
);
$('#colorChooserControl').load(
'/jqia2/chapter8/bootcloset/actions/fetchColorOptions.jsp',
$(this).serialize(),
function(){
$(this).attr('disabled',false);
$('#sizeChooserControl')
.attr('disabled',true)
.html("");
}
);
});

$('#colorChooserControl').change(function(event){
$('#sizeChooserControl').load(
'/jqia2/chapter8/bootcloset/actions/fetchSizeOptions.jsp',
$('#bootChooserControl,#colorChooserControl').serialize(),
function(){
$(this).attr('disabled',false);
}
);
});

$('#selectionsPane').change(function(event){
$('[value=""]',event.target).remove();
});

});
</script>