Browse Source

fix: js des onglets du form d'ajout

Il ne faut l'activer que s'il y a plusieurs onglets.

Fix #22
master
tcharlss 4 months ago
parent
commit
cbdf34ed4b
  1. 33
      javascript/albums_edit.js

33
javascript/albums_edit.js

@ -20,22 +20,29 @@ function albums_edit() {
$btn_parcourir = $form.find("[name=parcourir_albums]"),
$btn_choisir = $form.find("[name=choisir_album]");
// Gestion des onglets
// Activer un onglet
function toggle_onglet($item, animation = true) {
var $panneau_cible = $("#" + $item.attr("aria-controls"));
var vitesse = (animation ? 200 : 0);
// Toggle du menu
$item.addClass("on").attr("aria-selected", "true").attr("tabindex", 0);
$menu_items.not($item).removeClass("on").attr("aria-selected", "false").attr('hidden', true).attr("tabindex", -1);
// Afficher/masquer les panneaux
$panneaux.not($panneau_cible).fadeOut(vitesse, function () {
$panneau_cible.fadeIn(vitesse).removeAttr("hidden");
$panneau_cible.find("input").eq(0).focus();
}).attr("hidden", "");
var vitesse = (animation ? 150 : 0);
if (
$item.length > 0
&& $panneau_cible.length > 0
) {
// Toggle du menu
$item.addClass("on").attr("aria-selected", "true").attr("tabindex", 0);
$menu_items.not($item).removeClass("on").attr("aria-selected", "false").attr('hidden', true).attr("tabindex", -1);
// Afficher/masquer les panneaux
$panneaux.not($panneau_cible).fadeOut(vitesse, function () {
$panneau_cible.fadeIn(vitesse).removeAttr("hidden");
$panneau_cible.find("input").eq(0).focus();
}).attr("hidden", "");
}
}
// Activer le 1er onglet au démarrage
if ($menu_items.length > 1) {
toggle_onglet($menu_items.filter('[aria-selected=true]'), false);
}
// Au démarrage
toggle_onglet($menu_items.filter('[aria-selected=true]'), false);
// Au clic
// Activer un onglet au clic
$menu_items.click(function( event ) {
event.preventDefault();
toggle_onglet($(this));

Loading…
Cancel
Save