Contenu | Rechercher | Menus

Annonce

Si vous rencontrez des soucis à rester connecté sur le forum (ou si vous avez perdu votre mot de passe) déconnectez-vous et reconnectez-vous depuis cette page, en cochant la case "Me connecter automatiquement lors de mes prochaines visites".
Test de l'ISO d'Ubuntu francophone : nous avons besoin de testeurs pour la version francophone d'Ubuntu 14.04. Liens et informations ici.

Attention, une faille de sécurité dans bash a récemment été rapportée, il est recommandé de mettre à jour son système (plus de détails) *** mise à jour 12/10/2014 ***

#1 Le 09/02/2014, à 17:51

mickey74

[Résolu] Utilisation de Sigma.js

Bonjour, étant débutant en informatique, j'ai quelques difficultées pour utiliser la librairie javascript sigma.js.

En effet je l'ai téléchargé sur le site sigmajs.org et je ne sais pas comment je peux utiliser cette librairie.

Je vous remercie d'avance pour votre aide.

Dernière modification par mickey74 (Le 11/02/2014, à 00:03)

Hors ligne

#2 Le 09/02/2014, à 22:50

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Salut,

Les explications sur le site que tu indiques me semblent plutôt claires...

Peux-tu dire ce que tu n'y comprends pas ?


Sébastien Maccagnoni-Munch - administrateur Linux depuis le XXe siècle
Consultant informatique indépendant - http://www.smm-informatique.fr
Geek et tout plein d'autres choses - http://www.tiramiseb.fr

Hors ligne

#3 Le 09/02/2014, à 23:12

mickey74

Re : [Résolu] Utilisation de Sigma.js

Mon problème c'est qu'une fois que j'ai téléchargé la bibliothèque, comment je fais pour l'utiliser.
Parceque dans l'archive, il y a plein de dossiers différents et je ne sais pas ce que je dois en faire.

Hors ligne

#4 Le 09/02/2014, à 23:28

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Tu dois mettre le contenu de l'archive dans un sous-répertoire de ton site web et les utiliser comme c'est indiqué dans la page dont tu as donné le lien...


Sébastien Maccagnoni-Munch - administrateur Linux depuis le XXe siècle
Consultant informatique indépendant - http://www.smm-informatique.fr
Geek et tout plein d'autres choses - http://www.tiramiseb.fr

Hors ligne

#5 Le 10/02/2014, à 00:18

mickey74

Re : [Résolu] Utilisation de Sigma.js

Je comprend mais dans le code que j'ai trouvé sur le site sigmajs.org ci-dessous

<html>
<head>
<style type="text/css">
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
</style>
</head>
<body>
<div id="container"></div>
<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>
<script>
  sigma.parsers.json('data.json', {
    container: 'container',
    settings: {
      defaultNodeColor: '#ec5148'
    }
  });
</script>
</body>
</html>

Je ne vois pas dans l'archive sigma où se trouvent sigma.min.js.
Quand j'essaye de lancer ma page html, en ayant mis le répertoire de l'archive dans le même répertoire que la page html et que la page json, la page html ne fonctionne pas.

Voila mon problème.

Hors ligne

#6 Le 10/02/2014, à 00:25

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Ah, voilà une question plus précise !

Dans toute l'archive  il n'y a aucun fichier portant ce nom ?


Sébastien Maccagnoni-Munch - administrateur Linux depuis le XXe siècle
Consultant informatique indépendant - http://www.smm-informatique.fr
Geek et tout plein d'autres choses - http://www.tiramiseb.fr

Hors ligne

#7 Le 10/02/2014, à 11:47

mickey74

Re : [Résolu] Utilisation de Sigma.js

Non, et c'est ça en fait mon problème donc si vous savez la solution je suis tout à vous.

Hors ligne

#8 Le 10/02/2014, à 12:03

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Quel fichier as-tu téléchargé ?
Sur la page de téléchargement, il y a
- la release (bouton vert), fichier nommé release-v1.0.0.zip, qui contient bien ce fichier ainsi que ses plugins
- le code source, fichier nommé sigma.js-1.0.0.zip ou sigma.js-1.0.0.tar.gz, qui contient tout ce qu'il te faut pour modifier ça et recréer ce fichier

Il va sans dire que ce qu'il te faut, c'est la release finalisée, pas le code source d'origine.
Tu as probablement téléchargé le second...


Sébastien Maccagnoni-Munch - administrateur Linux depuis le XXe siècle
Consultant informatique indépendant - http://www.smm-informatique.fr
Geek et tout plein d'autres choses - http://www.tiramiseb.fr

Hors ligne

#9 Le 10/02/2014, à 19:29

mickey74

Re : [Résolu] Utilisation de Sigma.js

Effectivement merci, j'ai donc téléchargé le bon fichier.
Cependant, mon code html ne fonctionne toujours pas, donc j'ai mis ci-dessous mon code html et json.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<style type="text/css">
  #container {
    max-width: 400px;
    height: 400px;
    margin: auto;
  }
</style>
</head>
<body>
<div id="container"></div>
<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>
<script>
  sigma.parsers.json('essaiGrapheProjet1.json', {
    container: 'container',
    settings: {
      defaultNodeColor: '#blue'
    }
  });
</script>
</body>
</html>

Json:

{
  "noeuds": [
    {
      "id": "n0",
      "label": "A",
      "x": 0,
      "y": 0,
      "size": 3
    },
    {
      "id": "n1",
      "label": "B",
      "x": 3,
      "y": 1,
      "size": 2
    },
    {
      "id": "n2",
      "label": "C",
      "x": 1,
      "y": 3,
      "size": 1
    }
  ],
  "liens": [
    {
      "id": "l0",
      "source": "n0",
      "target": "n1"
    },
    {
      "id": "l1",
      "source": "n1",
      "target": "n2"
    },
    {
      "id": "l2",
      "source": "n2",
      "target": "n0"
    }
  ]
}

Merci

Hors ligne

#10 Le 10/02/2014, à 21:13

tiramiseb

Re : [Résolu] Utilisation de Sigma.js

Dans le json, pourquoi as-tu traduit "nodes" en "noeuds" ?
Ça vient peut-être de là.

Dans tous les cas, quand quelque chose ne fonctionne pas en Javascript, il faut prendre l'habitude d'utiliser la console (F12)...

Dernière modification par tiramiseb (Le 10/02/2014, à 21:14)


Sébastien Maccagnoni-Munch - administrateur Linux depuis le XXe siècle
Consultant informatique indépendant - http://www.smm-informatique.fr
Geek et tout plein d'autres choses - http://www.tiramiseb.fr

Hors ligne

#11 Le 10/02/2014, à 23:57

mickey74

Re : [Résolu] Utilisation de Sigma.js

En erreur ça me met :

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied sigma.parsers.json.min.js:

Pourtant j'ai bien mis le fichier sigma.parsers.json.min.js dans le même répertoire que la page html.

Dernière modification par mickey74 (Le 10/02/2014, à 23:58)

Hors ligne

#12 Le 11/02/2014, à 00:01

mickey74

Re : [Résolu] Utilisation de Sigma.js

ça marche alors que j'ai rien changé. Je ne sais pas pourquoi en tout cas merci pour ton aide précieuse tiramiseb.

Hors ligne

Haut de page ↑