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');
}
}); |
