2018-12-06 22:45:05 +00:00
---
layout: default
permalink: /channelslist/
title: Liste des canaux du Chat
linktitle: "Liste des canaux du Chat"
linkurl: /channelslist/
description: "Liste des canaux du Chat https://coa.crapaud-fou.org"
---
2018-12-01 12:29:33 +00:00
< html >
< head >
< style >
2018-12-08 20:50:35 +00:00
text:hover {
font-size: 20pt;
}
2018-12-08 11:59:34 +00:00
.notvisible {
2018-12-09 20:14:43 +00:00
visibility: collapse;
2018-12-08 11:59:34 +00:00
}
2018-12-30 21:27:40 +00:00
.tooltip {
z-index: 1;
position: absolute;
width: 70%;
background-color: white;
}
2019-05-30 14:04:08 +00:00
#cy {
width: 100%;
height: 500px;
}
2018-12-01 12:29:33 +00:00
< / style >
2018-12-09 20:14:43 +00:00
< script src = "{{ site.baseurl }}/public/js/jquery.min.js" > < / script >
< script src = "{{ site.baseurl }}/public/js/jquery.vmap.js" > < / script >
2018-12-16 16:10:52 +00:00
< script src = "{{ site.baseurl }}/public/js/maps/jquery.vmap.world.js" > < / script >
2018-12-09 20:14:43 +00:00
< script src = "{{ site.baseurl }}/public/js/maps/jquery.vmap.france.js" > < / script >
2019-05-30 14:04:08 +00:00
< script src = "{{ site.baseurl }}/public/js/cytoscape/cytoscape.min.js" > < / script >
2018-12-01 12:29:33 +00:00
< / head >
< body >
2018-12-30 21:27:40 +00:00
< p > Listes des canaux du < a href = "https://coa.crapaud-fou.org" > chat< / a > (aussi connu sous le nom de mare aux crapauds), rejoignez < a href = "https://coa.crapaud-fou.org" > nous< / a > < / p >
2018-12-06 22:45:05 +00:00
< h1 > Canaux de la mare< / h1 >
2019-05-30 14:11:02 +00:00
< p > Les canaux permettent des discussions sur différents sujets< br / > Cliquez sur les canaux qui vous intéressent (la molette de le souris permet de zoomer)< / p >
2019-05-30 14:04:08 +00:00
< div id = "cy" > < / div >
2019-01-15 17:27:58 +00:00
< h1 > Cohorte crapaud-fou en France< / h1 >
< p > Les cohortes sont des groupements de crapauds dans une région< br / > Cliquez sur votre région< / p >
< div id = "vmap" > < / div >
2018-12-01 12:29:33 +00:00
< script >
2019-05-30 14:04:08 +00:00
var cy = cytoscape({
container: document.getElementById('cy'),
elements: $.getJSON("{{ site.baseurl }}/public/data/result.json"),
style: [
{
selector: 'node',
style: {
'label': 'data(label)',
'text-valign': 'center',
'background-color': 'data(color)',
'width': 'data(size)',
'height': 'data(size)',
'color': 'white',
'text-outline-width': 2,
'text-outline-color': '#888'
2018-12-08 20:50:35 +00:00
}
2019-05-30 14:04:08 +00:00
},
{
selector: 'edge',
style: {
'line-color': 'data(color)'
2018-12-08 20:50:35 +00:00
}
2019-05-30 14:04:08 +00:00
}],
layout: {
name: 'cose',
nodeDimensionsIncludeLabels: true,
nodeOverlap: 50
}
});
cy.on('tap', 'node', function () {
try { // your browser may block popups
window.open(this.data('href'));
} catch (e) { // fall back on url change
window.location.href = this.data('href');
2018-12-06 22:45:05 +00:00
}
2018-12-09 20:14:43 +00:00
});
2018-12-06 22:45:05 +00:00
2019-03-01 12:49:41 +00:00
regionsClick = { 'fr': function() { UpdateMap('france_fr'); },'fr-07': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-2607', '_blank') },'fr-26': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-2607', '_blank') },'fr-34': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-34', '_blank') },'be': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-belgique', '_blank') },'fr-21': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-58': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-71': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-89': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bourgogne', '_blank') },'fr-22': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-29': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-35': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-56': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-bretagne', '_blank') },'fr-18': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-28': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-36': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-37': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-41': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-45': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-centre', '_blank') },'fr-08': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-10': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-51': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-52': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-54': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-55': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-57': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-67': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-68': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-88': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grand-est', '_blank') },'fr-38': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-grenoble', '_blank') },'fr-02': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-59': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-60': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-62': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-80': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-hdf', '_blank') },'fr-75': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-77': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-78': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-91': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-92': function() { window.open('https://coa.crapaud-fou.org/channel/cohorte-ile-de-france', '_blank') },'fr-93': function() { window.open('https://coa.crapaud-fou.org
2018-12-16 16:10:52 +00:00
function UpdateMap(mapChoosen) {
2018-12-16 17:32:48 +00:00
$('#vmap').replaceWith('< div id = "vmap" > < / div > ');
$('#vmap').width('100%').height('800px').vectorMap({
2018-12-16 16:10:52 +00:00
map: mapChoosen,
backgroundColor: null,
2019-03-01 12:49:41 +00:00
colors: { 'fr':'green','fr-07':'green','fr-26':'green','fr-34':'green','be':'green','fr-21':'green','fr-58':'green','fr-71':'green','fr-89':'green','fr-22':'green','fr-29':'green','fr-35':'green','fr-56':'green','fr-18':'green','fr-28':'green','fr-36':'green','fr-37':'green','fr-41':'green','fr-45':'green','fr-08':'green','fr-10':'green','fr-51':'green','fr-52':'green','fr-54':'green','fr-55':'green','fr-57':'green','fr-67':'green','fr-68':'green','fr-88':'green','fr-38':'green','fr-02':'green','fr-59':'green','fr-60':'green','fr-62':'green','fr-80':'green','fr-75':'green','fr-77':'green','fr-78':'green','fr-91':'green','fr-92':'green','fr-93':'green','fr-94':'green','fr-95':'green','re':'green','fr-14':'green','fr-27':'green','fr-50':'green','fr-61':'green','fr-76':'green','fr-04':'green','fr-05':'green','fr-06':'green','fr-13':'green','fr-83':'green','fr-84':'green','fr-74':'green','fr-73':'green','fr-09':'green','fr-12':'green','fr-24':'green','fr-31':'green','fr-32':'green','fr-33':'green','fr-40':'green','fr-46':'green','fr-47':'green','fr-64':'green','fr-65':'green','fr-81':'green','fr-82':'green','ch':'green', },
2018-12-16 16:10:52 +00:00
hoverColor: 'yellowgreen',
enableZoom: false,
showTooltip: false,
onRegionClick: function (element, code, region) {
2018-12-21 19:45:38 +00:00
regionsClick[code]();
2018-12-09 20:14:43 +00:00
}
2018-12-16 16:10:52 +00:00
});
}
2018-12-01 12:29:33 +00:00
2018-12-16 16:10:52 +00:00
UpdateMap('world_en');
2018-12-01 12:29:33 +00:00
< / script >
< / body >
< / html >