1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
| // Quand on coche sur un fichier:
$(document).on('click', '.explorateur_fichier_input_checkbox', function() {
explorateur_fichier_input_checkbox = $('.explorateur_fichier_input_checkbox');
// log(explorateur_fichier_input_checkbox);
$(explorateur_fichier_input_checkbox).each(function(key, value){
if( $(value).is(':checked') )
{
// Je récup la liste des fichiers choisis:
log( $(value).data('path') );
}
else
{
}
});
log('---');
});
// -------------------------------------------------------------------------------------------------------------------------------------------------------------------
$(document).on('click', '.largeur_option_taille_dossier', function() {
texte = $(this).html();
data_taille = $(this).data('taille');
// log(texte + ' ' + data_taille);
sous_dossier = $(this).parents('span').parent('li').find('ul:first');
sous_dossier.css({'width': data_taille});
});
// -------------------------------------------------------------------------------------------------------------------------------------------------------------------
// Affiche ou cache un dossier:
$(document).on('click', '.explorateur_dossier', function() {
sous_dossier = $(this).parent('li').find('ul:first');
if( sous_dossier.is(':visible') )
{
// On enlève le flou:
$.each($(this).parent().siblings(), function( key, value ) {
$(value).removeClass('flou');
});
// Le modifie le dossier cliqué:
$(this).css({'font-weight': ''});
// On peut enlever la class qui met le fichier ouvert en valeur comme on le ferme:
$(this).parent().removeClass('box-shadow');
// On cache le sous dossier:
sous_dossier.fadeOut('slow');
// On cache les options pour chaque dossier:
$(this).parent().find('.explorateur_dossier_option_listes:first').fadeOut('slow');
}
else
{
// On applique le flou pour garder visible seulement le dossier ouvert:
$.each($(this).parent().siblings(), function( key, value ) {
$(value).addClass('flou');
});
// Le modifie le dossier cliqué:
$(this).css({'font-weight': 'bold'});
// On met le <li> du dossier cliqué en valeur:
$(this).parent().addClass('box-shadow');
// On affiche le sous dossier:
sous_dossier.fadeIn('slow');
// On affiche les options pour chaque dossier:
$(this).parent().find('.explorateur_dossier_option_listes:first').fadeIn('slow');
}
}); |
Partager