WebSVN – Sites.outils-naturalistes.fr – Path Comparison – /

Ignore whitespace Rev 37 → Rev 38

 /trunk/spip/squelettes/js/application.js
 ,8 → 9,8
   $('a[rel*=facebox]').facebox({
     loading_image : 'squelettes/images/loading.gif',
     close_image   : 'squelettes/images/closelabel.gif'
-  })
-})
+  });
+});
 function changerAccordeonOuOnglets(ongletId) {
 ,8 → 17,14
   i = 0 ;
   max = $(".lien_onglet").length ;
   if(consultation) {
+          if(ongletId == ongletIdEnCours && ferme == false) {
+                  cacherTousLesOnglets();
+                  ferme = true;
+                  return;
+          }
       $("#lien_onglet_0").parent().nextAll().each(function () {
           $(this).hide();
 ,13 → 40,16
     for(i = 0 ; i <= max - 1 ; i++) {
         $("#lien_onglet_"+i).parent().show();
-        $("#lien_onglet_"+i).removeClass("item_actif")
+        $("#lien_onglet_"+i).removeClass("item_actif");
     }
+    ferme = false;
+    ongletIdEnCours = ongletId;
     $("#lien_onglet_"+ongletId).addClass("item_actif");
     $("#fin_onglet").parent().nextAll().each(function () {
           $(this).show();
-      });
+    });
   }
   else {
 ,7 → 69,7
         $("#onglet_"+i).removeClass("onglet_actif");
     }
-    $("#onglet_"+ongletId).addClass("onglet_actif") ;
+    $("#onglet_"+ongletId).addClass("onglet_actif");
     $("#fin_onglet").parent().parent().nextAll().each(function () {
           $(this).show();
 ,6 → 77,23
   }
 }
+function cacherTousLesOnglets() {
+        i = 0;
+        max = $(".lien_onglet").length;
+        $("#lien_onglet_0").parent().nextAll().each(function () {
+                $(this).hide();
+        });
+    for(i = 0 ; i <= max - 1 ; i++) {
+        $("#lien_onglet_"+i).parent().show();
+        $("#lien_onglet_"+i).removeClass("item_actif")
+    }
+    $("#fin_onglet").parent().nextAll().each(function () {
+          $(this).show();
+    });
+}
 function changerOngletsConsultation(idOngletConsulte) {
         $("#consultation_fiche").hide();
 ,23 → 103,26
         $("#lien_telechargement_general").hide();
         $("#lien_forge_general").hide();
-        if(idOngletConsulte == "onglet_lien_ici") {
+        $("#onglet_lien_ici").removeClass("onglet_actif");
+        $("#onglet_lien_forum").removeClass("onglet_actif");
+        $("#onglet_lien_demo").removeClass("onglet_actif");
+        $("#onglet_lien_forge").removeClass("onglet_actif");
+    $("#"+idOngletConsulte).addClass("onglet_actif");
+        if(idOngletConsulte == "onglet_lien_ici") {
                 $("#consultation_fiche").show();
         }
         if(idOngletConsulte == "onglet_lien_forum") {
                 $("#lien_forum_general").show(); $("#zone_commentaires").show();
         }
         if(idOngletConsulte == "onglet_lien_demo") {
                 $("#lien_demo_general").show();
         }
         if(idOngletConsulte == "onglet_lien_forge") {
                 $("#lien_telechargement_general").show();
                 $("#lien_forge_general").show();
         }
 ,36 → 131,39
 function initialiserLiens() {
-        lien_forge = $("#bf_lien_forge") ;
-        lien_demo = $("#bf_lien_demo") ;
-        lien_telechargement = $("#bf_lien_telechargement") ;
+        lien_forge = $("#bf_lien_forge");
+        lien_demo = $("#bf_lien_demo");
+        lien_telechargement = $("#bf_lien_telechargement");
         if(lien_forge.attr("value").indexOf("http://") == -1) {
-                lien_forge.attr("value","http://"+lien_forge.attr("value")) ;
+                lien_forge.attr("value","http://"+lien_forge.attr("value"));
         }
         if(lien_demo.attr("value").indexOf("http://") == -1) {
-                lien_demo.attr("value","http://"+lien_demo.attr("value")) ;
+                lien_demo.attr("value","http://"+lien_demo.attr("value"));
         }
         if(lien_telechargement.attr("value").indexOf("http://") == -1) {
-                lien_telechargement.attr("value","http://"+lien_telechargement.attr("value")) ;
+                lien_telechargement.attr("value","http://"+lien_telechargement.attr("value"));
         }
 }
 function ajouterAccordeonOuOnglets() {
-  onglets = $(".lien_onglet") ;
+  onglets = $(".lien_onglet");
+  ongletIdEnCours = 0;
   consultation = false;
+  ferme = true;
   fiche_consultation = $(".BAZ_fiche_titre_application");
   bouton_valider = $("input[name=\"valider\"]");
   if(fiche_consultation.length != 0 || bouton_valider.html() == null) {
-     consultation = true ;
+     consultation = true;
   }
   else {
       htmlOnglets = '<div id="selecteur_onglets" class="onglets">   <ul id="liste_onglets">';
-      initialiserLiens() ;
+      initialiserLiens();
   }
 ,8 → 170,21
   for(i = 0 ; i < onglets.length; i++)
   {
     lienEnCours = onglets[i];
-      lienEnCours.setAttribute("id","lien_onglet_"+(i));
+    lienEnCours.setAttribute("id","lien_onglet_"+(i));
+    if(i != onglets.length - 1) {
+        $("#lien_onglet_"+i).parent().addClass("fond_accordeon");
+    }
+    if(i == 0) {
+        //$("#lien_onglet_"+i).parent().before("<div class=\"BAZ_description BAZ_description_application fond_accordeon_limite fond_accordeon_haut\"></div>");
+        $("#lien_onglet_"+i).parent().addClass("fond_accordeon fond_accordeon_haut");
+    }
+    if(i == onglets.length - 2) {
+        //$("#fin_onglet").parent().after("<div class=\"BAZ_description BAZ_description_application fond_accordeon_limite fond_accordeon_bas\"></div>");
+        $("#lien_onglet_"+i).parent().addClass("fond_accordeon fond_accordeon_bas");
+    }
     if(!consultation) {
       htmlOnglets += '<li><a id="onglet_'+i+'" href="javascript:changerAccordeonOuOnglets('+i+','+consultation+');">'+$('#lien_onglet_'+(i)).html()+'</a></li>';
     }
 ,7 → 191,7
   }
   if(!consultation) {
-    htmlOnglets += '</ul></div><hr style="clear: both; visibility: hidden">' ;
+    htmlOnglets += '</ul></div><hr style="clear: both; visibility: hidden">';
     $("#formulaire").before(htmlOnglets);
     $(".lien_onglet").parent().hide();
 ,33 → 214,28
   else
   {
           // fabrication du contenu de l'onglet Application
-          lien_ici = '<li><a id="onglet_lien_ici" href="#">Application</a></li>' ;
+          lien_ici = '<li><a id="onglet_lien_ici" href="#">Application</a></li>';
           htmlOnglets = '<div id="selecteur_onglets" class="onglets">   <ul id="liste_onglets">';
-          htmlOnglets += lien_ici ;
+          htmlOnglets += lien_ici;
           // fabrication du contenu de l'onglet Communauté
-          htmlOnglets += '<li><a id="onglet_lien_forum" href="#">Communauté</a></li>' ;
+          htmlOnglets += '<li><a id="onglet_lien_forum" href="#">Communauté</a></li>';
           // On crée le lien qui sera placé au dessus de la liste des commentaires
-          laius_forum = 'Prochainement, un forum sera mis à votre disposition afin de vous permetre de partager vos commentaires avec la communauté d\'une manière plus complète ' ;
-          lien_forum_general = "<div id=\"lien_forum_general\"><h2> Forum</h2><p>"+laius_forum+"</p></div><hr style=\"clear: both; visibility: hidden\">"
-          zone_commentaires = $("#zone_commentaires");
-          zone_commentaires.after(lien_forum_general);
+          laius_forum = 'Prochainement, un forum sera mis à votre disposition afin de vous permettre de partager vos commentaires avec la communauté d\'une manière plus complète ';
+          lien_forum_general = "<div id=\"lien_forum_general\"><h2> Forum</h2><p>"+laius_forum+"</p></div><hr style=\"clear: both; visibility: hidden\">";
+          $("#zone_commentaires").after(lien_forum_general);
           // fabrication du contenu de l'onglet espace de démo
-          htmlOnglets += '<li><a id="onglet_lien_demo" href="#">Espace d&eacute;mo</a></li>' ;
+          htmlOnglets += '<li><a id="onglet_lien_demo" href="#">Espace d&eacute;mo</a></li>';
           // on récupère le lien vers l'espace démo et on le cache
           lien_demo =  $("#bf_lien_demo_description");
           if(lien_demo.html() == null || lien_demo.html().replace(/^\s+/g,'').replace(/\s+$/g,'') == "http://") {
-                  lien_demo_html = " " ;
+                  lien_demo_html = " ";
           }
           else {
-                  lien_demo_html = "<a href="+lien_demo.html()+" >"+lien_demo.html()+"</a>" ;
+                  lien_demo_html = "<a href="+lien_demo.html()+" >"+lien_demo.html()+"</a>";
           }
           lien_demo.hide();
 ,7 → 242,7
           // on récupère le commentaire associé et on le cache aussi
           comm_demo =  $("#bf_com_demo_description");
           if(comm_demo.html() == null) {
-                  comm_demo_html = " Aucune description renseignée " ;
+                  comm_demo_html = " Aucune description renseignée ";
           }
           else {
                   comm_demo_html = comm_demo.html();
 ,29 → 249,28
           }
           comm_demo.hide();
-          lien_demo_general = "<div id=\"lien_demo_general\"><h2> Espace de démonstration</h2><p id=laius_demo>"+comm_demo_html+"</p>"+lien_demo_html+"</div><hr style=\"clear: both; visibility: hidden\">" ;
-          zone_commentaires.after(lien_demo_general);
+          lien_demo_general = "<div id=\"lien_demo_general\"><h2> Espace de démonstration</h2><p id=laius_demo>"+comm_demo_html+"</p>"+lien_demo_html+"</div><hr style=\"clear: both; visibility: hidden\">";
+          $("#zone_commentaires").after(lien_demo_general);
           // fabrication du contenu de l'onglet téléchargement et forge
-          htmlOnglets += '<li><a id="onglet_lien_forge" href="#">T&eacute;l&eacute;chargement et forge</a></li>' ;
+          htmlOnglets += '<li><a id="onglet_lien_forge" href="#">T&eacute;l&eacute;chargement et forge</a></li>';
           // on récupère les liens vers l'espace téléchargement et forge et on les cache
           lien_forge =  $("#bf_lien_forge_description");
           if(lien_forge.html() == null || lien_forge.html().replace(/^\s+/g,'').replace(/\s+$/g,'') == "http://") {
-                  lien_forge_html = " " ;
+                  lien_forge_html = " ";
           }
           else {
-                  lien_forge_html = "<a href="+lien_forge.html()+" >"+lien_forge.html()+"</a>" ;
+                  lien_forge_html = "<a href="+lien_forge.html()+" >"+lien_forge.html()+"</a>";
           }
           lien_forge.hide();
           lien_telechargement = $("#bf_lien_telechargement_description");
           if(lien_telechargement.html() == null || lien_telechargement.html().replace(/^\s+/g,'').replace(/\s+$/g,'') == "http://") {
-                  lien_telechargement_html = " " ;
+                  lien_telechargement_html = " ";
           }
           else {
-                  lien_telechargement_html = "<a href="+lien_telechargement.html()+" >"+lien_telechargement.html()+"</a>" ;
+                  lien_telechargement_html = "<a href="+lien_telechargement.html()+" >"+lien_telechargement.html()+"</a>";
           }
           lien_telechargement.hide();
 ,12 → 277,12
           // on récupère les commentaires associés à l'espace téléchargement et forge et on les cache
           comm_forge = $("#bf_com_forge_description");
           if(comm_forge.html() == null) {
-                  comm_forge_html = " Aucune description renseignée " ;
+                  comm_forge_html = " Aucune description renseignée ";
           }
           else {
                   comm_forge_html = comm_forge.html();
           }
-          comm_forge.hide()
+          comm_forge.hide();
           comm_telechargement = $("#bf_com_telechargement_description");
           if(comm_telechargement.html() == null) {
 ,14 → 293,13
           }
           comm_telechargement.hide();
-          lien_telechargement_general = "<div id=\"lien_telechargement_general\"><h2> Téléchargement </h2><p id=laius_telechargement>"+comm_telechargement_html+"</p>"+lien_telechargement_html+"</div><hr style=\"clear: both; visibility: hidden\"><br />" ;
-          lien_forge_general = "<div id=\"lien_forge_general\"><h2> Forge </h2> <p id=laius_forge>"+comm_forge_html+"</p>"+lien_forge_html+"</div><hr style=\"clear: both; visibility: hidden\">" ;
+          lien_telechargement_general = "<div id=\"lien_telechargement_general\"><h2> Téléchargement </h2><p id=laius_telechargement>"+comm_telechargement_html+"</p>"+lien_telechargement_html+"</div><hr style=\"clear: both; visibility: hidden\"><br />";
+          lien_forge_general = "<div id=\"lien_forge_general\"><h2> Forge </h2> <p id=laius_forge>"+comm_forge_html+"</p>"+lien_forge_html+"</div><hr style=\"clear: both; visibility: hidden\">";
           $("#lien_demo_general").after(lien_telechargement_general+lien_forge_general);
           // on ferme la liste des onglets
-          htmlOnglets += '</ul></div><hr style="clear: both; visibility: hidden">' ;
+          htmlOnglets += '</ul></div><hr style="clear: both; visibility: hidden">';
           // et on la positionne à l'endroit indiqué par un id spécifique
           $("#ancre_onglets").after(htmlOnglets);
 ,16 → 331,20
   for(j = 0 ; j < onglets.length; j++)
   {
-    ajouterListenersAccordeonOuOnglets(j,consultation) ;
+    ajouterListenersAccordeonOuOnglets(j,consultation);
   }
   cacherAfficherLiensListe(false);
-  changerAccordeonOuOnglets(0,consultation);
+  if(consultation) {
+          cacherTousLesOnglets();
+  } else {
+          changerAccordeonOuOnglets(0,consultation);
+  }
 }
 function cacherAfficherLiensListe(afficher) {
-        max = $(".lien_onglet").length
+        max = $(".lien_onglet").length;
         if(afficher == true) {
 ,12 → 368,12
         }
         else {
-                var url_origine = $("#formulaire").attr("action") ;
+                var url_origine = $("#formulaire").attr("action");
-                modif = false ;
+                modif = false;
-                url_ajax = $("#formulaire").attr("action") ;
-                url_ajax += "&valider_fiche=0"
+                url_ajax = $("#formulaire").attr("action");
+                url_ajax += "&valider_fiche=0";
                 var callback = function(reponse_json) {
 ,8 → 384,8
                                 // cas de la nouvelle fiche on passe en mode modification
                                 if(url_origine.indexOf("bazar_action=11") != -1) {
-                                        url_origine = url_origine.replace("bazar_action=11","bazar_action=13") ;
-                                        url_origine += "&id_fiche="+reponse.id_fiche ;
+                                        url_origine = url_origine.replace("bazar_action=11","bazar_action=13");
+                                        url_origine += "&id_fiche="+reponse.id_fiche;
                                 }
                                 $("#formulaire").attr("action",url_origine);

 /trunk/spip/squelettes/css/bazar.css
 ,7 → 19,7
 .BAZ_cadre_fiche {padding:5px; border: 0px solid #33641e; text-align:justify;
 display:block;width:600}
-.BAZ_rubrique {margin:5px 0 5px 0; clear:left;}
+.BAZ_rubrique {margin:5px 10px 5px 10px; clear:left;}
 .BAZ_liste {margin:5px 0 5px 0; clear:left;}
 ,7 → 37,45
         margin:0 0 10px;
         padding:5px 0 0 40px;
 }
-.BAZ_image {float:right;height:150px; width:150px; padding:10px;}
+.BAZ_image {max-height:200px; max-width:200px; padding:10px;}
+.BAZ_liste_application_ergo {
+        list-style:none
+}
+.BAZ_img_conteneur {
+                float:left;
+}
+.BAZ_img_description {
+        float:right;
+        max-height:100px;
+        max-width:100px;
+        padding:10px;
+}
+.BAZ_description {
+                float:right;
+                width:470px;
+                padding-top:7px;
+}
+.BAZ_application_liste {
+        -moz-border-radius-bottomleft:10px;
+        -moz-border-radius-bottomright:10px;
+        -moz-border-radius-topleft:10px;
+        -moz-border-radius-topright:10px;
+        background-color:#E3E9E6;
+        border:2px solid #0A8D37;
+        height:auto;
+        max-width:600px;
+        width:auto;
+        margin:0px 0px 10px -20px;
+}
 #BAZ_description {min-height:120px;font: 15px arial, sans-serif;text-align:justify;}
 #BAZ_bas_page {margin: 0;padding:0;}
 .bulle_haut {margin: 0;padding:0;}
 ,6 → 92,17
 .table_bazar td{padding: 7px;}
 .table_bazar #col1,.table_bazar #col2,.table_bazar #col3,.table_bazar #col4{text-align:center; }
+.baz_rubrique_fiche {
+        margin: 5px 0 3px ;
+        font-size:1.3em;
+}
+.baz_sous_rubrique_fiche {
+        margin: 5px 10px 3px ;
+        font-size:1.3em;
+        font-weight:normal;
+}
 /* CALENDRIER APPLETTE*/
 .calendrier_applette{
         width:140px;}
 ,12 → 215,52
           text-decoration:none;
 }
+.fond_accordeon {
+        border: 2px solid #33641E;
+        background-color: #E3E9E6;
+        margin-top: 2px;
+        margin-bottom: 2px;
+        width: 620px;
+}
+.fond_accordeon:hover {
+        background-color: #F2F6D5;
+}
+.fond_accordeon_limite {
+        border: 2px solid #33641E;
+        background-color: #E3E9E6;
+        margin-top: 2px;
+        margin-bottom: 2px;
+}
+.fond_accordeon_haut {
+        -moz-border-radius-bottomleft:0px;
+        -moz-border-radius-bottomright:0px;
+        -moz-border-radius-topleft:10px;
+        -moz-border-radius-topright:10px;
+        float:left;
+}
+.fond_accordeon_bas {
+        -moz-border-radius-bottomleft:10px;
+        -moz-border-radius-bottomright:10px;
+        -moz-border-radius-topleft:0px;
+        -moz-border-radius-topright:0px;
+        float:left;
+}
 a.lien_onglet {
         color:#0A8D37;
+        text-align: center;
+        width: 620px;
 }
 .item_actif {
     text-decoration: underline;
 }
 .onglets li {
 ,7 → 297,7
     margin-right: 3px;
 }
-.onglet_actif, #onglet_lien_ici {
+.onglet_actif {
         color:#333333 !important;
         padding-bottom:5px;
 }

Subversion Repositories Sites.outils-naturalistes.fr

Compare Revisions

Ignore whitespace Rev 37 → Rev 38