有2个父母的树:像familyecho一样建立一个家庭树HTML / javascript

时间:2012-06-14 09:42:56

标签: html family-tree

我想要显示没有闪光灯的家谱树。在HTML / javascript / css。

由于以下原因,显示我的树有一个大问题:

  • 难以在两位父母之间展示婚姻关系
  • 子节点

你知道一个可以建立家谱的api,如www.familyecho.com吗?我会疯了????

这是一个例子

 Father --- Mother
         |
|--------|------------|
Child1   Child2     Child3

由于

4 个答案:

答案 0 :(得分:1)

你可能想看一下http://www.myheritage.nl作为例子,familiecho与此相比是苍白的。对500个家庭成员来说是免费的,但不幸的是在Flash中制作,因此没有机会在那里借用一些代码或库。

如果你只是想使用HTML,那就是http://www.starkeffect.com/ged2html/,但有点过时了。

据我所知,javascript bun有几个绘图库是针对家谱的,任何想出一个的人都会感激不尽。 Raphael在http://raphaeljs.com/是最广为人知的矢量图形库,请参阅http://javascript.open-libraries.com/utilities/drawing/10-best-javascript-drawing-and-canvas-libraries/进行比较并查看此Javascript drawing library?问题。基本上你必须在矢量(例如SVG)方法和渲染图形(例如Canvas)之间做出选择,每个方法都有自己的优势,库和追随者。

答案 1 :(得分:1)

请参阅http://www.outten.org/?id=46

主要基于我喜欢的家庭式外观。

数据来自MySQL&可拖动页面gfx在javascript中本地构建。有点与桌子一起散列,但除了在移动设备上以外的方式工作。

亚历

答案 2 :(得分:0)

如果您正在寻找API作为Familyecho。 Familyecho.com已经支持一个API。您可以使用它,并且它们还提供了开发人员示例代码以进行快速集成。导航到他们的网站以获取更多信息。

  

以下是链接:https://www.familyecho.com/?page=api

答案 3 :(得分:-1)

是的,链接是指向嵌入了代码的页面,而不仅仅是输出示例。 数据从MySQL提取并转换为js对象(此处为https://www.outten.org/data.php?id=46)。

否则,javascript会在文档来源的底部进行自我说明,否则将使用标准的JS jQuery等。 此代码没有许可权,只有他人使用过的代码可以随意使用。有许多可以改进的地方。

顺便说一句,链接已更改并更新为: https://www.outten.org/newTree.html?id=46

几十年来,我一直在寻找一个可以执行此操作的JS模块,但是Node.js都没有。

致谢

Xander(Alex)失去了旧的堆栈交换登录名:(