Top

HTML Code view of C:\gystdoit\jpg\FTDG_Gaffey_1.SVG

03/01/2016 01:16:49 PM
Legend
Javascript Function Definition function name
Javascript Function Call function name
Div Tag Definition or Call DIV ID
PickList Control Definition PickList name
PickList Control Call PickList name
< HTML Tag >
Image or External Javascript URL
URL
In-page link
Comments
Javascript Functions
popup
pop
Picklist Controls
Input Controls
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<svg viewBox="0 0 1500 1000" height="100%"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<!--
FTDFULL.prg produced this full Family Tree Diagram for one of following families FAM ID 1 - 7
ancestors and descendents are displayed the passed FAM _ID
follows format of FTD_100.SVG

SVG Document layout
Section 1 - Connecting Lines
Section 2 - Image links
Section 3 - Node Layouts
Section 4 - Node Text and Popup Family Detail
Section 5 - Other Text
-->
<image id="BGPic" xlink:href="Cemetary_Tree.jpg" x="0" y="0" height="1000" width="1500"/>


<!--
Section 3 - Connecting Lines
-->
<g stroke="yellow" >
<line x1="200" x2="200" y1="0" y2="800"
stroke-width="2" />
<line x1="400" x2="400" y1="0" y2="800"
stroke-width="2" />
<line x1="600" x2="600" y1="0" y2="800"
stroke-width="2" />
<line x1="800" x2="800" y1="0" y2="800"
stroke-width="2" />
<line x1="1000" x2="1000" y1="0" y2="800"
stroke-width="2" />
<line x1="1200" x2="1200" y1="0" y2="800"
stroke-width="2" />
</g>

<!--
Section 1 - Image links
-->
<!--
Section 2 - Node Layouts
-->
<g id="mainlayer"><desc>Family Tree - Draft SVG</desc>
<rect id="famrect" fill="red" stroke="white" x="190" y="0" height="30" width="220" rx="20" ry="20"/>
<rect fill="red" stroke="white" x="195" y="100" height="30" width="220" rx="20" ry="20"/>
<rect fill="red" stroke="white" x="220" y="200" height="30" width="220" rx="20" ry="20"/>
<rect fill="red" stroke="white" x="290" y="300" height="30" width="220" rx="20" ry="20"/>
<rect fill="red" stroke="white" x="650" y="150" height="30" width="220" rx="20" ry="20"/>
<rect fill="red" stroke="white" x="420" y="50" height="30" width="220" rx="20" ry="20"/>
<rect fill="red" stroke="white" x="470" y="250" height="30" width="220" rx="20" ry="20"/>
<rect id="famrect" fill="navy" stroke="white" x="340" y="400" height="30" width="220" rx="20" ry="20"/>
<rect fill="navy" stroke="white" x="480" y="450" height="30" width="220" rx="20" ry="20"/>
<rect fill="navy" stroke="white" x="555" y="650" height="30" width="220" rx="20" ry="20"/>
<rect fill="navy" stroke="white" x="285" y="500" height="30" width="220" rx="20" ry="20"/>
<rect fill="navy" stroke="white" x="435" y="600" height="30" width="220" rx="20" ry="20"/>
<rect fill="navy" stroke="white" x="430" y="700" height="30" width="220" rx="20" ry="20"/>
<rect fill="navy" stroke="white" x="670" y="550" height="30" width="220" rx="20" ry="20"/>
<rect id="famrect1" fill="purple" stroke="white" x="770" y="350" height="30" width="200" rx="20" ry="20"/>
<rect y="0" x="870" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="70" x="1050" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="140" x="1005" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="210" x="875" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="280" x="1075" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="350" x="1075" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="420" x="940" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="490" x="900" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="560" x="1025" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="630" x="1020" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="700" x="1045" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>
<rect y="770" x="-9000" fill="purple" stroke="white" height="30" width="220" rx="20" ry="20"/>

<!--
Section 4 - Node Text and Popup Family Detail
-->
<g font-size="20px" style="fill: white; stroke: none; font-size: 22px; font-weight: bold;">
<text y="375" x="780" onclick="document.location.href='Gaffey_1_portrait.SVG'"> 1 - Gaffey </text>

<text y="170" x="660" onclick="document.location.href='Gaffey_2_portrait.SVG'"> 2 - Gaffey </text>
<text y="575" x="680" onclick="document.location.href='Dunn_3_portrait.SVG'"> 3 - Dunn </text>

<text y="75" x="430" onclick="document.location.href='Gaffey_4_portrait.SVG'"> 4 - Gaffey </text>

<text y="275" x="480" onclick="document.location.href='Mulvaney_5_portrait.SVG'"> 5 - Mulvaney </text>
<text y="475" x="490" onclick="document.location.href='Dunn_6_portrait.SVG'"> 6 - Dunn </text>
<text y="675" x="565" onclick="document.location.href='Haley_7_portrait.SVG'"> 7 - Haley </text>

<text y="25" x="200" onclick="document.location.href='Gaffey_8_portrait.SVG'"> 8 - Gaffey </text>
<text y="125" x="205" onclick="document.location.href='Quinn_9_portrait.SVG'"> 9 - Quinn </text>
<text y="225" x="230" onclick="document.location.href='Mulvaney_10_portrait.SVG'">10 - Mulvaney </text>
<text y="325" x="300" onclick="document.location.href='Smith_11_portrait.SVG'">11 - Smith </text>
<text y="425" x="350" onclick="document.location.href='Dunn_12_portrait.SVG'">12 - Dunn </text>

<text y="525" x="295" onclick="document.location.href='Wells_13_portrait.SVG'">13 - Wells </text>
<text y="625" x="445" onclick="document.location.href='Haley_14_portrait.SVG'" >14 - Haley </text>
<text y="725" x="440" onclick="document.location.href='Bingham_15_portrait.SVG'">15 - Bingham </text>

</g>
<g font-size="20px" style="fill: gold; stroke: none; font-size: 22px; font-weight: bold;">
<text y="20" x="1020" > 1974</text>
<text y="90" x="1200" > 2010</text>
<text y="160" x="1155" > 2001</text>
<text y="230" x="1025" > 1975</text>
<text y="300" x="1225" > 2015</text>
<text y="370" x="1225" > 2015</text>
<text y="440" x="1090" > 1988</text>
<text y="510" x="1050" > 1980</text>
<text y="580" x="1175" > 2005</text>
<text y="650" x="1170" > 2004</text>
<text y="720" x="1195" > 2009</text>
<text y="790" x="-8850" > </text>
</g>
<g font-size="20px" style="fill: gold; stroke: none; font-size: 22px; font-weight: bold;">
<text y="375" x="910" onclick="document.location.href='Gaffey_1_portrait.SVG'">1954</text>

<text y="170" x="790" onclick="document.location.href='Gaffey_2_portrait.SVG'">1930</text>
<text y="575" x="810" onclick="document.location.href='Dunn_3_portrait.SVG'">1934</text>

<text y="75" x="560" onclick="document.location.href='Gaffey_4_portrait.SVG'">1884</text>

<text y="275" x="610" onclick="document.location.href='Mulvaney_5_portrait.SVG'">1894</text>
<text y="475" x="620" onclick="document.location.href='Dunn_6_portrait.SVG'">1896</text>
<text y="675" x="695" onclick="document.location.href='Haley_7_portrait.SVG'">1911</text>

<text y="25" x="330" onclick="document.location.href='Gaffey_8_portrait.SVG'">1838</text>
<text y="125" x="335" onclick="document.location.href='Quinn_9_portrait.SVG'">1839</text>
<text y="225" x="360" onclick="document.location.href='Mulvaney_10_portrait.SVG'">1844</text>
<text y="325" x="430" onclick="document.location.href='Smith_11_portrait.SVG'">1858</text>
<text y="425" x="480" onclick="document.location.href='Dunn_12_portrait.SVG'">1868</text>

<text y="525" x="425" onclick="document.location.href='Wells_13_portrait.SVG'">1857</text>
<text y="625" x="575" onclick="document.location.href='Haley_14_portrait.SVG'" >1887</text>
<text y="725" x="570" onclick="document.location.href='Bingham_15_portrait.SVG'">1886</text>
</g>
<g font-size="20px" style="fill: white; stroke: none; font-size: 22px; font-weight: bold;">
<text y="20" x="880" onclick="document.location.href='Gaffey_101_portrait.SVG' "> 101-Gaffey </text>
<text y="90" x="1060" onclick="document.location.href='Link_1011_portrait.SVG' "> 1011-Link </text>
<text y="160" x="1015" onclick="document.location.href='Gaffey_1012_portrait.SVG' "> 1012-Gaffey </text>
<text y="230" x="885" onclick="document.location.href='Hall_102_portrait.SVG' "> 102-Hall </text>
<text y="300" x="1085" onclick="document.location.href='Milliman_1021_portrait.SVG' "> 1021-Milliman </text>
<text y="370" x="1085" onclick="document.location.href='Hall_1022_portrait.SVG' "> 1022-Hall </text>
<text y="440" x="950" onclick="document.location.href='Gaffey_103_portrait.SVG' "> 103-Gaffey </text>
<text y="510" x="910" onclick="document.location.href='Gaffey_104_portrait.SVG' "> 104-Gaffey </text>
<text y="580" x="1035" onclick="document.location.href='Gaffey_1041_portrait.SVG' "> 1041-Gaffey </text>
<text y="650" x="1030" onclick="document.location.href='Gaffey_1043_portrait.SVG' "> 1043-Gaffey </text>
<text y="720" x="1055" onclick="document.location.href='Gaffey_1044_portrait.SVG' "> 1044-Gaffey </text>
<text y="790" x="-8990" onclick="document.location.href='Gaffey_105_portrait.SVG' "> 105-Gaffey </text>

</g>

<!--
Section 5 - Other Text
-->
<g style="fill: yellow; stroke: none; font-size: 22px;">
<text y="175" x="0">Paternal</text>
<text y="575" x="0">Maternal</text>
<text y="850" x="200">1840</text>
<text y="850" x="400">1880</text>
<text y="850" x="600">1920</text>
<text y="850" x="800">1960</text>
<text y="850" x="1000">2000</text>
<text y="850" x="1200">2040</text>

<text y="410" x="740">Root</text>

<text y="200" x="730">F</text>
<text y="100" x="500">FF</text>
<text y="50" x="270">FFF</text>
<text y="150" x="275">FFM</text>
<text y="300" x="550">FM</text>
<text y="250" x="300">FMF</text>
<text y="350" x="370">FMM</text>

<text y="605" x="750">M</text>
<text y="700" x="635">MM</text>
<text y="750" x="510">MMM</text>
<text y="650" x="515">MMF</text>
<text y="500" x="560">MF</text>
<text y="550" x="365">MFM</text>
<text y="450" x="420">MFF</text>
</g>
<g style="fill: blue; stroke: none; font-size: 22px; text-decoration: underline; ">
<a xlink:href="FAMILY_TREE_1.HTM" >
<text y="890" x="550"> Family Tree Start Diagram </text>
</a>
</g>
<g style="fill: black; stroke: none; font-size: 22px; text-decoration: underline; ">
<text y="920" x="550">Click on Family Numbers to drill to detail</text>

</g>
</g>
</svg >

</g>

<script type="text/javascript"><![CDATA[


function popup(url, name, height, width, scrollbars)
{ var popwin;
var opts = "toolbar=no,status=no,location=no,menubar=no,resizable=yes";
opts += ",height=" + height + ",width=" + width + ",scrollbars=" + scrollbars+ ",left=120";
popwin = window.open("", name, opts);
popwin.focus();
popwin.location = url; }

function pop(url)
{ popup(url,
'popupbox',600,1000,
'yes'); }

]]></script>

</svg >