var time_duration = 0.3; function toggle_menu(id) { var ss_menu = $("menu_" + id); if(previous_id) { if($("menu_" + previous_id).style.display!= "none") { element = new Effect.toggle("menu_" + previous_id, "blind", { duration: time_duration }); $("item_" + previous_id).removeClassName('current'); } } if(ss_menu) { if($("menu_" + id).style.display!= "none") { $("item_" + id).removeClassName('current'); } else { $("item_" + id).addClassName('current'); } element = new Effect.toggle("menu_" + id, "blind", { duration: time_duration }); previous_id = id; } } function load_homepageSwf( src, flashvars ) { var expressInstall = false; //swf.useExpressInstall("expressinstall.swf"); var params = {wmode: 'transparent'}; var attributes = {}; swfobject.embedSWF(src,"flashContainer","707","600","9", expressInstall, flashvars, params, attributes); } /** * necessaire au fichier flash */ function showMenu(menu, ssmenu) { //toggle_menu(menu); } function codeTouche(evenement) { for (prop in evenement) { if(prop == 'which') return(evenement.which); } return(evenement.keyCode); } function checkInteger(evenement) { var reCarValides = /\d/; var codeDecimal = codeTouche(evenement); if( codeDecimal == 8 || // touche d'effacement codeDecimal == 13 || // entrée codeDecimal == 0 || // touche fonctionnnel evenement.ctrlKey ) // Ctrl { return true; } var car = String.fromCharCode(codeDecimal); return reCarValides.test(car); } /** * permet d'aficher les contenus masqué et inversement */ function toggle_content(elm) { if(elm) { if(elm.className == 'current') { elm.className = ''; } else { elm.className = 'current'; } } } /** * */ function switch_content(className, elm) { if( elm ) { var onglets = elm.parentNode.parentNode.getElementsByTagName('a'); for(var i=0; i
title
definition
* ->js : mytree_browser = new presta.Tree($("mytree")); * * * @author depely * @since 2010/02/24 * @version 1.0 * * @param Element my_tree - element to transform to Tree Browser * @param [optional] str root_name - html tag of root item * @param [optional] str branch_name - html tag of branch item * @param [optional] flaot time_duration - time used in Effect.toggle (else prototype.toggle is used) */ presta.Tree = Class.create({ initialize: function(my_tree, root_name, branch_name, time_duration){ var my_tree = my_tree; var root_name = root_name || "dt"; var branch_name = branch_name || "dd"; my_tree.select(root_name).each(function(my_child){ my_child.style.cursor = "pointer"; //TODO: Add default css }); my_tree.select(branch_name).each(function(my_child){ my_child.hide(); //TODO: Add default css }); my_tree.observe("click", function(my_event){ if(my_event.element().tagName == root_name.toUpperCase()) { //toggle next clicked branch my_element = my_event.element().next(branch_name); // if before action, the branch is not displayed // then the action unfold the branch and the root the class 'unfold' if( my_element.style.display == 'none' ) { my_event.element().addClassName('unfold'); } else { my_event.element().removeClassName('unfold'); } if(time_duration){ new Effect.toggle(my_element, "blind", { duration: time_duration }); }else{ my_element.toggle(); } } }); } });