maj grav

user/themes/figureslibres/js/site.js

@@ -27,6 +27,7 @@ function click_link() {
         },
         complete: function(data) {
           console.log('cat', cat);
+            // animate();
             click_img(e, $this, $href, url, page, cat, project_name);
         }
       });
@@ -39,7 +40,6 @@ function click_list() {
 
   $link.click(function(e) {
     e.preventDefault();
-
     var $this = $(this);
         $href = $this.attr("href");
         url = $href.split("/");
@@ -53,18 +53,24 @@ function click_list() {
 
     if ($link_txt.hasClass('open') && $link_card.parent().hasClass('open') ) {
 
-      console.log('anchor');
       anchor($href);
 
     }else if ($link_txt.hasClass('open')) {
-
+      anchor($href);
       $.ajax({
         url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
         type : 'GET', // Le type de la requête HTTP
         dataType:'html',
         success: function(data) {
+          $('#item_list.'+cat+' .card-image.open #item').remove();
+          $('#item_list.'+cat+' .card-image').removeClass('open');
           $(data).find('#item').addClass(cat).insertAfter($link_card);
           $link_card.parent().addClass('open');
+
+        },
+        complete: function(data) {
+          // animate();
+          marg_item(project_name);
         },
       });
 
@@ -77,7 +83,9 @@ function click_list() {
         success: function(data) {
           $(data).find('#item_list').addClass(cat).insertAfter($link_txt);
           $link_txt.addClass('open');
+
           anchor($href);
+
           $('.card a').click(function (e) {
             e.preventDefault()
           })
@@ -104,11 +112,13 @@ function click_list() {
                       $(data).find('#item').addClass(cat).insertAfter($link_card);
                       $link_card.parent().addClass('open');
                     },
+                    complete: function(data) {
+                      // animate();
+                      marg_item(project_name);
+                    },
                   });
               }
-
-              }, 1500);
-
+            }, 900);
         }
       });
     }
@@ -116,7 +126,6 @@ function click_list() {
 }
 
 function click_img(e, $this, $href, url, page, cat, project_name) {
-  // $link_img = $('.card .card-image > a');
   $('section.' + cat +' .card-image > a').click(function(e) {
     var $this = $(this);
         $href = $this.attr("href");
@@ -131,14 +140,18 @@ function click_img(e, $this, $href, url, page, cat, project_name) {
         $this.parent().removeClass('open');
         $($this.parent().find('#item.'+ cat)).remove();
       } else {
-
         $.ajax({
           url :  '/' + page + '/' + cat + '/' + project_name, // La ressource ciblée
           type : 'GET', // Le type de la requête HTTP
           dataType:'html',
           success: function(data) {
+            $('#item_list.'+cat+' .card-image.open #item').remove();
+            $('#item_list.'+cat+' .card-image').removeClass('open');
+
             $(data).find('#item').addClass(cat).insertAfter($this);
             $this.parent().addClass('open');
+            marg_item(project_name);
+            anchor($href);
           },
         });
 
@@ -149,11 +162,74 @@ function click_img(e, $this, $href, url, page, cat, project_name) {
 function anchor($href) {
 
   var aTag = $("a[href='"+ $href +"']");
-  $('html,body').animate({scrollTop: aTag.offset().top},'slow');
+  // console.log('aTag.offset()', aTag.offset().top+10);
+  $('html,body').animate({scrollTop: aTag.offset().top-7},'slow');
 
 }
 
+function animate() {
+  var $item_list = $('#item_list .card > .card-image');
+  $item_list.fadeIn( "slow" );
+}
+
+function marg_item(project_name) {
+
+  var $item = $('.card-image#'+project_name+' #item');
+  var $item_offset = $item.offset().left-8;
+  var $card = $item.parents('.card');
+
+  var $item_list = $item.parents('#item_list');
+  var pos_card = $card.offset().left;
+
+  var margin_right =  $item_list.width() - (pos_card + $card.width());
+
+console.log('$card.width()',$card.width());
+console.log('pos_card',pos_card);
+
+console.log('$item_list',$item_list.width());
+
+  $item.css('margin-left', '-'+$item_offset +'px');
+  // $item.parents('.card').css('margin-right', margin_right);
+}
+
+function mouseHover() {
+
+  $link_cat = $('#text_figli p > a');
+
+  $link_cat.mouseenter(function() {
+    link_id = $(this).attr("id");
+
+    $('html').append("<div class=circle_hover ></div>");
+    console.log('link_id',link_id);
+
+    setTimeout(function () {
+      $('.circle_hover').addClass('open '+ link_id);
+    }, 10);
+
+    mousePos();
+
+  })
+  .mouseleave(function() {
+    $('html').find(".circle_hover").remove();
+  });
+
+  function mousePos() {
+    var currentMousePos = { x: 0, y: 0 };
+    var $circle = $('.circle_hover');
+
+    $(document).mousemove(function(event) {
+      currentMousePos.x = event.pageX;
+      currentMousePos.y = event.pageY;
+
+      $circle.css('left', currentMousePos.x  );
+      $circle.css('top', currentMousePos.y );
+    });
+  }
+
+};
+
 $(document).ready(function($){
   click_link();
   click_list();
+  mouseHover();
 });