From 1b3eff32e63d511e0662779da4481c5499497507 Mon Sep 17 00:00:00 2001 From: figureslibres Date: Mon, 1 Oct 2018 00:42:37 +0200 Subject: [PATCH] scope --- user/themes/r2c/js/script.js | 182 ++++++++++++++--------------------- 1 file changed, 71 insertions(+), 111 deletions(-) diff --git a/user/themes/r2c/js/script.js b/user/themes/r2c/js/script.js index 4013b3e..9ffa674 100644 --- a/user/themes/r2c/js/script.js +++ b/user/themes/r2c/js/script.js @@ -3,7 +3,7 @@ function synchro() { } // Streetmap -function map() { +function map(targets) { var mymap = L.map('mapid').setView([48.9367935,2.3569287], 17); setTimeout(mymap.invalidateSize.bind(map)); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { @@ -39,50 +39,53 @@ function map() { }) .bindPopup(dyn_data.mappoints[i].title) .addTo(mymap); - - markers[id]._icon.id = id; - var cible = dyn_data.mappoints[i].target; } - // function markerFunction(id){ - // // console.log('id', hash); - // - // // var hrefs = $(this).attr("alt").split(','); - // // // console.log('hrefs', hrefs); - // // var h, h_parts; - // // for (var i = 0; i < hrefs.length; i++) { - // // h = hrefs[i]; - // // h_parts = h.match(/^#(([^_]+)_(.+)$)/); - // // // console.log('h_parts', h_parts); - // - // - // for (var i in markers){ - // var markerID = markers[i]._icon.id; - // // console.log('markerID',markers[i]); - // var hrefsMarker = markerID.split(','); - // var hM, h_partsM; - // - // for (var i = 0; i < hrefsMarker.length; i++) { - // hM = hrefsMarker[i]; - // h_partsM = hM.match(/^#(([^_]+)_(.+)$)/); - // console.log('h_partsM', hM); - // } - // - // if (hM == id){ - // markers[i].openPopup(); - // }; - // } - // } + $("a").click(function(){ + console.log('targets',targets); + }); +}; +function markerFunction(targets, markers ){ + // console.log('id', hash); - // TODO a quoi ça sert ça ? sur TOUS les liens ? vraiment ? + // var hrefs = $(this).attr("alt").split(','); + // // console.log('hrefs', hrefs); + // var h, h_parts; + // for (var i = 0; i < hrefs.length; i++) { + // h = hrefs[i]; + // h_parts = h.match(/^#(([^_]+)_(.+)$)/); + // // console.log('h_parts', h_parts); + + // console.log('targets',targets); + // console.log('markers[id]',markers[0]); // $("a").click(function(){ // markerFunction($(this)[0].hash); // console.log('$(this)[0]',$(this)[0].hash); // }); -}; + // if (targets == markers[0]) { + // console.log('cc'); + // markers.openPopup; + // } + // for (var i in markers){ + // var markerID = markers[i]._icon.id; + // console.log('markerID',markers[i]); + // var hrefsMarker = markerID.split(','); + // var hM, h_partsM; + // + // for (var i = 0; i < hrefsMarker.length; i++) { + // hM = hrefsMarker[i]; + // h_partsM = hM.match(/^#(([^_]+)_(.+)$)/); + // console.log('h_partsM', hM); + // } + // + // if (hM == id){ + // markers[i].openPopup(); + // }; + // } +} // change mouse_event function clickhand(){ @@ -94,7 +97,6 @@ function clickhand(){ }); }; - function drag() { var $hand = $( ".handler" ); var $hand1 = $( ".hand1" ); @@ -323,6 +325,7 @@ function dragcanvas() { // hidden scroll + synchro function mCustomScrollbar() { + $('.blocs').mCustomScrollbar({ mouseWheel:{ deltaFactor: 5 @@ -330,7 +333,7 @@ function mCustomScrollbar() { scrollInertia: 1000, }); - $(document).on("click","a[href^='#'],#links .nodes text[href^='#'],#streetmap img[href^='#']",function(e){ + $(document).on("click","a[href^='#'],#links .nodes text[href^='#'],#streetmap img[href^='#'], #images img[href^='#']",function(e){ e.preventDefault(); var targets = $(this).attr("href").split(','); // console.log('hrefs', hrefs); @@ -338,28 +341,49 @@ function mCustomScrollbar() { }); } - function scrollBlockTo($block, href){ $block.mCustomScrollbar("scrollTo",href,{ scrollInertia:1000, }); } +function fillColorMapLink(targets, h_parts){ + + var target = $('#links.mCustomScrollbar'); + var href = target.find(h_parts[0]); + var $text0 = $(this).find(href); + var text = $('.nodes text.group1'); + var text2 = $('.nodes text.group2'); + var text3 = $('.nodes text.group3'); + + text.css({ + 'font-size':'inherit', + 'fill':'black', + }); + text2.css({ + 'font-size':'inherit', + 'fill':'grey', + }); + text3.css({ + 'font-size':'inherit', + 'fill':'lightgrey', + }); + if (href) { + href.css({ + 'font-size':'1.2rem', + 'fill':'blue', + }); + } +} function synchBloks(targets) { - // stop function if targets is not an array or an empty one - // console.log("typeof targets", typeof targets); - // if(typeof targets != "array" || !targets.length) - // return - console.log('synchBloks : targets', targets); var h, h_parts; + for (var i = 0; i < targets.length; i++) { h = targets[i]; h_parts = h.match(/^#(([^_]+)_(.+)$)/); - // console.log('h_parts', h_parts); - switch (h_parts[2]) { case 'rct': scrollBlockTo($('#recits.mCustomScrollbar'), h); @@ -372,36 +396,11 @@ function synchBloks(targets) { break; case 'mp': scrollBlockTo($('#streetmap.mCustomScrollbar'), h); + markerFunction(h, h_parts); break; case 'lk': scrollBlockTo($('#links.mCustomScrollbar'), h); - - // ICI IL FAUT FAIRE UNE AUTRE FUNCTION COMME CE N4EST PAS UN SCROLL QUI SE PASSE - // var href = target.find(h_parts[0]); - // var text = $('.nodes text.group1'); - // var text2 = $('.nodes text.group2'); - // var text3 = $('.nodes text.group3'); - // console.log('cc'); - - // text.css({ - // 'font-size':'inherit', - // 'fill':'black', - // }); - // text2.css({ - // 'font-size':'inherit', - // 'fill':'grey', - // }); - // text3.css({ - // 'font-size':'inherit', - // 'fill':'lightgrey', - // }); - // - // if (href) { - // href.css({ - // 'font-size':'1.2rem', - // 'fill':'blue', - // }); - // } + fillColorMapLink(h, h_parts); break; // case 'rs': // var target = $('#reseaux-sociaux.mCustomScrollbar'); @@ -413,43 +412,6 @@ function synchBloks(targets) { default: } } - -} - - -function clicklinkmap() { - $("text#lk_martine").on("click", function(){ - - // var href = target.find(h_parts[0]); - // var text = $('.nodes text.group1'); - // var text2 = $('.nodes text.group2'); - // var text3 = $('.nodes text.group3'); - // text.css({ - // 'font-size':'inherit', - // 'fill':'black', - // }); - // text2.css({ - // 'font-size':'inherit', - // 'fill':'grey', - // }); - // text3.css({ - // 'font-size':'inherit', - // 'fill':'lightgrey', - // }); - // - // if (href) { - // href.css({ - // 'font-size':'1.2rem', - // 'fill':'blue', - // }); - // } - - // $("svg .nodes text").css({ - // 'font-size':'1.2rem', - // 'z-index': '999', - // 'fill':'blue', - // }) - }); } function paperjs() { @@ -667,13 +629,11 @@ function paperjs() { $(document).ready(function() { // paperjs(); // clickcanvena(); - clicklinkmap(); mCustomScrollbar(); clickhand(); drag(); // dragcanvas(); map(); - clicklinkmap(); // paperjs(); // D3js(); });