Feature #3116 utilizando JQuery y JQuery-UI falto este archivo.

skala
Alberto Torreblanca 14 years ago
parent af1dd4e247
commit ae37d2c372
  1. 44
      main/inc/lib/javascript/jquery.lp_minipanel.js

@ -0,0 +1,44 @@
// En este archivo se agregaran funcionalidades dependientes de jquery al
// Learning path
(function($){
$(document).ready(function() {
//Agregar botón que ocultará el panel y mostrará un mini panel
$('#learning_path_header table').attr('width','100%');
$('#learning_path_left_zone table td:first').attr('width','32');
$('#learning_path_header td').attr('align','left');
$('#learning_path_header td:last').attr('align','rigth');
$('#learning_path_header td:last').after('<td width="16px"> <a class="hide" href="#"><img src="../img/first.png" alt="Hide" /></a> </td>');
// Se asocia funcionalidad al botón para mostrar ocultar learning path
$('.hide').click(function(){
var panel = $('#lp_navigation_elem div:first').clone();
$(panel).attr('id','control');
$('#learning_path_main').append(panel);
$('#learning_path_left_zone').hide(250);
$('#learning_path_right_zone').css('marginLeft','0px');
// Mostrar controles
$('#learning_path_main #control table').after('<td width="16px"> <a class="show" href="#"><img src="../img/first.png" alt="Show" /></a> </td>');
$('#learning_path_main #control').css({width: "120px", height: "32px", opacity: "0.4", zindex: "-1", position: "absolute", top: "0px", left:"15px"});
$('#learning_path_main #control').draggable();
// Muestra panel y destruye panel
$('.show').click(function(){
$('#learning_path_right_zone').css('marginLeft','282px');
$('#learning_path_left_zone').show(250);
$('#learning_path_main #control').remove();
});
});
});
})(jQuery);
Loading…
Cancel
Save