[Problème] select dependant dans un module virtuemart

[lunadev]

Bonjour , je veux faire exactement comme ce module :

http://joomla.greeksoftware.net/en/virtuemart-category-filter.html

j’ai trouvé ceci : http://extensions.joomla.org/extensi...tegories/19955
ça m’a l’air complet aussi sauf qua je veux juste faire apparaitre tous les catégories l’un en dessous de l’autre et bien sur faire une dependence entre eux.comme l’exemple du premier module
Voici le contenu du fichier default.php du module

<div class="virtuemart-bohcatfilter<?php echo $class_sfx;?>">
	<?php // for save request in browser hisroty better use GET insead of POST ?>
	<form action="<?php  echo JRoute::_('index.php');?>" method="get" id="<?php echo $block_id; ?>-form" class="virtuemart-bohcatfilter-form">
		<input type="hidden" name="option" value="com_virtuemart" />
		<input type="hidden" name="view" value="category" />
		<input type="hidden" name="virtuemart_category_id" value="<?php echo $root_catid; ?>" />
		<input type="hidden" name="Itemid" value="<?php echo $Itemid; ?>" />
		<div class="bohcatfilter-select">
			<div id="<?php echo $block_id; ?>"></div>
		</div>
		<div class="bohcatfilter-button">
			<input type="submit" class="button" value="<?php echo JText::_('JGLOBAL_FILTER_BUTTON'); ?>"/>
			<input type="button" class="button clear" value="<?php echo JText::_('JLIB_FORM_BUTTON_CLEAR'); ?>"/>
		</div>
	</form>
</div>

Merci beaucoup d'avance

[lunadev]

Re : select dependant dans un module virtuemart

En faite le probléme c’est normalement du fichier js , je ne sais pas quoi ajouter ou modifier pour garder tous les select visible
voici le code js :

var mooOptionTree = new Class({

//implements
Implements: [Options,Events],

//options
options: {
name: 'select_item', //default name for select
choose: 'Choose...', // string with text or function that will be passed current level and returns a string
empty_value: '', // what value to set the input to if no valid option was selected
request_url: null, //url for children request in JSON, will be POST request with query: mooOptionTree=1&id=PARENT_ID,
loading_image: '', // link to image, show an ajax loading graphics (animated gif) while loading ajax (eg. /ajax-loader.gif)
preselect: [], //array with ids of elements that selected. IMPORTANT: (3 != '3') ... 3 not the same as '3'
labels: [], //array of labels for each level
instant_init: true // whether build selects in initialisation time or init later using init()
},

initialize: function(element, options, treeRoot, tree){
//set options
this.setOptions(options);
//set base element
this.element = document.id(element);

//set root elements of tree
this.treeRoot = treeRoot;
//set tree
this.tree = tree ? tree : {};

//make image element for loading animation
this.loading_image = null;
if(this.options.loading_image){
this.loading_image = new Element('img', {
src: this.options.loading_image,
alt: 'Loading...',
'class': 'loading-animation'
});
}

//do it!
if(this.options.instant_init){
this.updateTree();
}
},

/**
* function for start build selects manualy, usefull when exist preselected items, because "changed" event fires before object ready
*/
init: function(){
this.updateTree();
},

/**
* function for add new select
*
* @param id, string - id of parrent
*/
addSelect: function(id){
var name = this.options.name;
var tree = {};

if(!id){//build root
tree = this.treeRoot;
} else if(this.tree && this.tree[id]){ //build children
var tree = this.tree[id];
name += '_' + id;
} else { //item have no children
return;
}

var select = new Element('select',{ name: name});
//appaned to DOM
select.inject(this.element, 'bottom');

select.addEvent('change', function(e){
this.updateTree(e.target);
}.bind(this));

//add label if given
if(this.options.labels.length){
//find curent level via count previous elements
var lvl = select.getAllPrevious('select').length;
//label text
var lbl_text = this.options.labels[lvl];
if (lbl_text){
var label = new Element('label',{
'for': name,
html: lbl_text
});
label.inject(select,'before');
}
}


//add options

//empty item
var option = new Element('option',{
value: this.options.empty_value,
html: this.options.choose
});
option.inject(select);
//from tree
Object.each(tree, function(title, id){
var option = new Element('option',{
value: id,
html: title
});
option.inject(select);
//preselect
if(this.options.preselect && this.options.preselect.indexOf(id) != -1){
select.set('value', id);
select.fireEvent('change', {target: select});
}

}.bind(this));

},

/**
* function for check changes and make update
*
* @param changed - DOM element of chenged select
*/
updateTree: function (changed){
//var id;//id of selected children

//change event
this.fireEvent('changed', [changed]);

if(changed){

//clear all after changed
changed.getAllNext('label').destroy().empty();
changed.getAllNext('select').destroy().empty();

//add children select
var id = changed.get('value');
//get children JSON if link is given and tree empty
if (this.options.request_url && id != this.options.empty_value && !this.tree[id]){
this.requestChildren(changed);
} else {//add select
this.addSelect(id);
}
} else {
//cleare and build new
this.element.getChildren('label').destroy().empty( );
this.element.getChildren('select').destroy().empty ();
//build new
this.addSelect();
}

},

/**
* function for reset selected items
* @param bool
* true - full reset with clear preselected,
* false - back to init state
*/
resetTree: function(full){
if(full){
this.options.preselect = null;
}
this.updateTree();
},

/**
* do ajax request for get children for givent id
*
* @param DOM element, changed select
*/
requestChildren: function (changed) {
var id = changed.get('value');
var loading_image = this.loading_image;

this.request = new Request.JSON({
url: this.options.request_url,
method: 'post',
data: 'mooOptionTree=1&id='+id,
onRequest: function(){
//show loadin animation
if(loading_image){
loading_image.inject(changed, 'after');
}
},
onFailure: function(xhr){
console.error(xhr);
},
onError: function (text, error) {
console.error(error + ': ' + text);
}
}).send();

this.request.addEvent('success', function(response) {
if (Object.keys(response).length) {
// save answer
this.tree[id] = {};
this.tree[id] = response;
}
// hide loadin animation
if (loading_image) {
loading_image.dispose();
}
this.addSelect(id);
}.bind(this));
}

});