' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'doctest-output' . DIRECTORY_SEPARATOR . 'my-twopi-vs-circo.gv.' . $fmt . ' '; $tw=''; $xone=''; $abl=['my_twopi_vs_circo','YoumightfindmeOne','YoumightfindmeTwo','YoumightfindmeThree,YoumightfindmeZeroThree']; $abl=['my_twopi_vs_circo',"digraph g1 { //layout=\"circo\"; layout=\"twopi\"; ranksep=3 // set radius, in inches root=CENTER // establish the (invisible) center node edge [style=invis] CENTER [style=invis] // set equidistance all nodes from CENTER CENTER -> { JB ML VS AM JR EL LL ML OO TK JJ PL VP } // now the actual edges edge [style=solid] node [shape = circle]; JB -> ML [label = \"1\"]; JB -> VS [label = \"2\"]; AM -> ML [label = \"2\"]; AM -> VS [label = \"2\"]; JR -> EL [label = \"2\"]; JR -> VS [label = \"2\"]; LL -> ML [label = \"1\"]; LL -> VS [label = \"1\"]; OO -> TK [label = \"2\"]; JJ -> PL [label = \"1\"]; VS -> JB [label = \"2\"]; VS -> JR [label = \"2\"]; VS -> VP [label = \"4\"]; }",'YoumightfindmeOne=YounowfindmeOne','YoumightfindmeTwo=YounowfindmeTwo,YoumightfindmeZeroTwo=YounowfindmeZeroTwo']; $newabl=['my-twopi-vs-circo',"digraph g1 { //layout=\"circo\"; layout=\"twopi\"; ranksep=3 // set radius, in inches root=CENTER // establish the (invisible) center node edge [style=invis] CENTER [style=invis] // set equidistance all nodes from CENTER CENTER -> { JB ML VS AM JR EL LL ML OO TK JJ PL VP } // now the actual edges edge [style=solid] node [shape = circle]; JB -> ML [label = \"1\"]; JB -> VS [label = \"2\"]; AM -> ML [label = \"2\"]; AM -> VS [label = \"2\"]; JR -> EL [label = \"2\"]; JR -> VS [label = \"2\"]; LL -> ML [label = \"1\"]; LL -> VS [label = \"1\"]; OO -> TK [label = \"2\"]; JJ -> PL [label = \"1\"]; VS -> JB [label = \"2\"]; VS -> JR [label = \"2\"]; VS -> VP [label = \"4\"]; }",'YoumightfindmeOne=YounowfindmeOne','YoumightfindmeTwo=YounowfindmeTwo,YoumightfindmeZeroTwo=YounowfindmeZeroTwo']; $tprefix='/tmp/'; $prefix=''; $suffix=''; $plus='-'; $minus='-'; $plus='-'; $minus='-'; $yes='n'; $mode='Graph'; $shape=''; $fsize=''; $bcol='lightblue2'; $bbcol='#aed8e8'; $newt=''; $newablzero='My%20Colour%20Wheel'; $outfn=''; $gv='.gv.'; $none='none'; $addimg=''; $suffile=''; if (isset($_POST['newablzero']) && isset($_POST['infile'])) { $sg=''; $infis=str_replace('+',' ',urldecode($_POST['infile'])); if (file_exists($infis)) { if (strpos($infis, 'doctest-output') !== false) { $suffile='/doctest-output' . explode('doctest-output', $infis)[1]; if (strlen($_POST['newablzero']) > 0) { //file_put_contents('x1.x1', '' . strlen($_POST['newablzero'])); $excont=file_get_contents($infis); //file_put_contents('x11.x11', '' . strlen($excont)); if (strpos($excont, '') !== false) { if (strpos($excont, '') !== false) { $sgs=explode('', $excont); $sg='' . $sgs[-1 + sizeof($sgs)]; } //file_put_contents('x111.x111', '' . strlen($excont)); $newcont=plusdata(str_replace('+',' ',urldecode($_POST['newablzero']))); //file_put_contents('x1111.x1111', '' . strlen($newcont)); if (strpos($excont, $newcont) === false) { //file_put_contents('x11111.x11111', '' . strlen($newcont)); $newercont=str_replace($sg, $newcont . $sg, $excont); //file_put_contents('x111111.x111111', '' . strlen($newercont)); $outfis=rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . str_replace('doctestoutput','doctest-output',str_replace('-','',$infis)); file_put_contents($outfis, $newercont); //file_put_contents('x1111112.x1111112', '' . strlen($newercont) . ' vs ' . $outfis . ' ' . strlen(file_get_contents($outfis))); echo ""; exit; } } } else { $excont=file_get_contents($infis); $outfis=rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . str_replace('doctestoutput','doctest-output',str_replace('-','',$infis)); file_put_contents($outfis, $excont); echo ""; exit; } } } exit; } function plusdata($aig) { $outig=$aig; $dlm='"'; $outgs=explode('data:', $aig); if (sizeof($outgs) > 1) { $outig=$outgs[0]; $dlm=substr($outig,-1,1); for ($iop=1; $iop" . str_replace(""); } if ($retv && strpos($infn, '.svg') !== false && 1 == 2) { exec('chmod 777 ' . $infn); exec('chown rjmprogr ' . $infn); exec('chgrp rjmprogr ' . $infn); $retc=file_get_contents($infn); $gv='.GV.'; $outfn=str_replace('.gv.','.GV.',$infn); file_put_contents($outfn, str_replace('Box "); $pyprefix=''; $pymidbit=''; $pysuffix=''; function doone() { global $xone, $pycont; if ($xone != '') { if (strpos($xone, ',') !== false && substr((' ' . $xone),-1,1) != '}') { $xsone=explode(',', $xone); for ($iij=0; $iij " . rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . "twopi_vs_circo.DOT"); $pycont=file_get_contents('./twopi_vs_circo.' . $codeext); doone(); $bits=explode('" [color = ', $pycont); for ($iy=(-1 + sizeof($bits)); $iy>=1; $iy--) { $thislab=explode('"', $bits[-1 + $iy])[-1 + sizeof(explode('"', $bits[-1 + $iy]))]; if (strpos($svghelp, '>' . $thislab . '') !== false) { $pycont=str_replace('"' . $thislab . '" [color = ', '"' . $thislab . '" [URL = "https://www.google.com/search?udm=2&sa=X&biw=1433&bih=739&dpr=2&q=' . urlencode($thislab) . str_replace('##','#','#' . urlencode(explode('"', explode(' fill="', explode('>' . $thislab . '', $svghelp)[1])[1])[0])) . '" color = ', $pycont); } else { $pycont=str_replace('"' . $thislab . '" [color = ', '"' . $thislab . '" [URL = "https://www.google.com/search?udm=2&sa=X&biw=1433&bih=739&dpr=2&q=' . urlencode($thislab) . '" color = ', $pycont); } $bits=explode('" [color = ', $pycont); } $bits=explode(' [height=', str_replace("\t"," ",$pycont)); for ($iy=(-1 + sizeof($bits)); $iy>=1; $iy--) { $thislab=explode(' ', $bits[-1 + $iy])[-1 + sizeof(explode(' ', $bits[-1 + $iy]))]; if (strpos($svghelp, '>' . $thislab . '') !== false) { $pycont=str_replace('' . $thislab . ' [height=', '' . $thislab . ' [URL = "https://www.google.com/search?udm=2&sa=X&biw=1433&bih=739&dpr=2&q=' . urlencode($thislab) . str_replace('##','#','#' . urlencode(explode('"', explode(' fill="', explode('>' . $thislab . '', $svghelp)[1])[1])[0])) . '" height=', $pycont); } else { $pycont=str_replace('' . $thislab . ' [height=', '' . $thislab . ' [URL = "https://www.google.com/search?udm=2&sa=X&biw=1433&bih=739&dpr=2&q=' . urlencode($thislab) . '" height=', $pycont); } $bits=explode(' [height=', str_replace("\t"," ",$pycont)); } file_put_contents('./twopi_vs_circo.' . strtoupper($codeext), $pycont); } if (file_exists('./twopi_vs_circo.' . strtoupper($codeext))) { $pycont=file_get_contents('./twopi_vs_circo.' . strtoupper($codeext)); doone(); } $prefstuff=''; if (file_exists('doctest-output/d.png')) { $prefstuff.="rm -f " . rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . "doctest-output" . DIRECTORY_SEPARATOR . "d.png ; "; } if (file_exists('doctest-output/d.map')) { $prefstuff.="rm -f " . rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . "doctest-output" . DIRECTORY_SEPARATOR . "d.map ; "; } exec($prefstuff . "/usr/bin/" . $verb . " " . rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . "twopi_vs_circo.DOT -Tpng -o " . rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . "doctest-output" . DIRECTORY_SEPARATOR . "d.png -Tcmapx -o " . rtrim(dirname(__FILE__), DIRECTORY_SEPARATOR) . DIRECTORY_SEPARATOR . "doctest-output" . DIRECTORY_SEPARATOR . "d.map"); } else { $pycont=file_get_contents('./twopi_vs_circo.' . $codeext); doone(); } if (trim($newt) != '') { $newablzero=str_replace('+','%20',urlencode(trim($newt))); $pycont=str_replace("My Circular Layout", trim($newt), $pycont); } if (strpos($pycont, 'u=u') !== false) { $pyprefix=explode('u.edge(', $pycont)[0]; $pysuffix='' . explode('u=u', $pycont)[1]; //$pysuffix='' . explode('u.view()', $pycont)[1]; $pycont=$pyprefix . "\n\n" . $pysuffix; } else if (strpos($pycont, 'u.view()') !== false) { $pyprefix=explode('u.edge(', $pycont)[0]; $pysuffix='u.view()' . explode('u.view()', $pycont)[1]; //$pysuffix='' . explode('u.view()', $pycont)[1]; $pycont=$pyprefix . "\n\n" . $pysuffix; } if ($bcol != 'lightblue2' && trim($bcol) != '') { $pycont=str_replace('lightblue2', $bcol, $pycont); } if ($shape != '') { $pycont=str_replace("shape=circle", "shape=" . $shape . "", $pycont); } if ($fsize != '') { $pycont=str_replace("fontsize = 12]", "fontsize = " . (explode(',',$fsize)[0] == '' ? '10' : explode(',',$fsize)[0]) . "]", $pycont); if (strpos($fsize, ',') !== false) { $pycont=str_replace("fontsize = 12]", "fontsize = " . (explode(',',$fsize)[1] == '' ? '20' : explode(',',$fsize)[1]) . "]", $pycont); } } //$xone=str_replace("\t","+", str_replace('~','', str_replace('+',' ',str_replace('+|','`|',str_replace('+;','`;',str_replace('+;','`;',str_replace('+,','`,',urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['one'])) . urlencode('~'))) ))) ))); //$xtwo=str_replace("\t","+", str_replace('~','', str_replace('+',' ',str_replace('+|','`|',str_replace('+;','`;',str_replace('+;','`;',str_replace('+,','`,',urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['two'])) . urlencode('~'))) ))) ))); //$xthree=str_replace("\t","+", str_replace('~','', str_replace('+',' ',str_replace('+|','`|',str_replace('+;','`;',str_replace('+;','`;',str_replace('+,','`,',urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['three'])) . urlencode('~'))) ))) ))); //$xone=str_replace("\t","+", str_replace('+',' ',(urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['one'])))))); //$xtwo=str_replace("\t","+", str_replace('+',' ',(urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['two'])))))); //$xthree=str_replace("\t","+", str_replace('+',' ',(urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['three'])))))); $xone=str_replace('+',' ',(urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['one']))))); $xtwo=str_replace('+',' ',(urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['two']))))); $xthree=str_replace('+',' ',(urldecode( str_replace("%2b","%0b",str_replace("%2B","%0b",$_POST['three']))))); if (strpos($xtwo, ',') !== false) { $xsone=explode(',', $xtwo); for ($iij=0; $iij> " . $prefix . "twopi_vs_circo.bad \nln -s " . $prefix . "doctest-output" . DIRECTORY_SEPARATOR . $newabl[0] . ".gv.pdf " . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . "doctest-output" . DIRECTORY_SEPARATOR . $newabl[0] . ".gv.pdf \nrm -f " . $prefix . "twopi_vs_circo_" . $suffix . "." . $codeext . $codeafters . " \nrm -f " . $prefix . "twopi_vs_circo_" . $suffix . ".ksh \nexit"); file_put_contents($prefix . 'twopi_vs_circo_' . $suffix . '.ksh', "#!/bin/ksh\n/usr/bin/" . $verb . $switch . " " . $tprefix . "twopi_vs_circo_" . $suffix . "." . $codeext . $codeafters . " 2>> " . $prefix . "twopi_vs_circo.bad \nsleep 5\n\n/usr/bin/" .$verb . $switch . $tprefix . "twopi_vs_circo_" . $suffix . "." . $codeext . $codeafters . " 2>> " . $prefix . "twopi_vs_circo.bad \n\nrm -f " . $tprefix . "twopi_vs_circo_" . $suffix . "." . $codeext . " \nrm -f " . $prefix . "twopi_vs_circo_" . $suffix . ".ksh \nexit"); file_put_contents($prefix . 'twopi_vs_circo0_' . $suffix . '.ksh', "#!/bin/ksh\n/usr/bin/" . $verb . $switch . " " . $tprefix . "twopi_vs_circo_" . $suffix . "." . $codeext . $codeafters . " 2>> " . $prefix . "twopi_vs_circo.bad \nsleep 5\n\n/usr/bin/" .$verb . $switch . $tprefix . "twopi_vs_circo_" . $suffix . "." . $codeext . $codeafters . " 2>> " . $prefix . "twopi_vs_circo.bad \n\nrm -f " . $tprefix . "twopi_vs_circo_" . $suffix . "." . $codeext . " \nrm -f " . $prefix . "twopi_vs_circo_" . $suffix . ".ksh \nexit"); exec('chmod 777 ' . $prefix . 'twopi_vs_circo_' . $suffix . '.ksh'); exec('chown root ' . $prefix . 'twopi_vs_circo_' . $suffix . '.ksh'); exec('chgrp root ' . $prefix . 'twopi_vs_circo_' . $suffix . '.ksh'); while (file_exists($prefix . 'twopi_vs_circo_' . $suffix . '.ksh')) { sleep(10); } } else { file_put_contents('/tmp/twopi_vs_circo.' . $codeext, $pycont); exec('chmod 777 ' . '/tmp/twopi_vs_circo.' . $codeext); exec('chown rjmprogr ' .'/tmp/twopi_vs_circo.' . $codeext); exec('chgrp rjmprogr ' . '/tmp/twopi_vs_circo.' . $codeext); //if (file_exists('doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.' . $fmt)) { //exec('rm -f ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.' . $fmt); //exec('rm -f ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . '.gv'); //unlink('doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.' . $fmt); //unlink('doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv'); //} //file_put_contents('x.x', '/usr/bin/' .$verb . $switch . '/tmp/twopi_vs_circo.' . $codeext . $codeafters . ' 2> twopi_vs_circo.bad'); exec('/usr/bin/' .$verb . $switch . '/tmp/twopi_vs_circo.' . $codeext . $codeafters . ' 2> twopi_vs_circo.bad'); sleep(8); //if (file_exists($prefix . 'doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.pdf')) { //exec('ln -s ' . $prefix . 'doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.pdf ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . 'doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.pdf'); //} } } else { //file_put_contents('xx.xx', '/usr/bin/' . $verb . $switch . ' twopi_vs_circo.' . $codeext . $codeafters); exec('/usr/bin/' . $verb . $switch . ' twopi_vs_circo.' . $codeext . $codeafters); sleep(8); } if (ourfile_exists($prefix . 'doctest-output' . DIRECTORY_SEPARATOR . $newabl[0] . '.gv.' . $fmt)) { exec('chmod 777 ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . $gv . $fmt); exec('chmod 777 ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . '.gv'); exec('chown rjmprogr ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . $gv . $fmt); exec('chown rjmprogr ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . '.gv'); exec('chgrp rjmprogr ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . $gv . $fmt); exec('chgrp rjmprogr ' . $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $newabl[0] . '.gv'); echo " Trying out Dot GraphViz hosted in PHP - RJM Programming - October, 2024 - Circular Layout var lasturl='', lasttext=null, gzero=null, gone=null, lastx=0, lasty=0, lastw=0, lasth=0, lastp='', wasfrom=null, relrec='', clickcnt=0, lastwoo=null, lastj=0, lssel='', zerodotsix='0.6', bconto=null, pos3=0, pos4=0, dbt='', ifrect=null, bigoh='', lastoh='', lasto=null, svgconto=null, ellfill='', ellfillop='', midpoint='', rxry='', lastiurl='', szero=null, aimg='', lastimgc='', lastsvggeo=null, uselast=false; String.prototype.toHtmlEntities = function() { return this.replace(/./gm, function(s) { return (s.match(/[a-z0-9\s]+/i)) ? s : '&#' + s.charCodeAt(0) + ';'; }); }; function onerecord(inoh, thepointx, thepointy, thepxx, thepxy) { var myax=0, myay=0; var mycx=0, mycy=0; var ptsare=[]; var ynn='youllneverfindthis'; var vsone=top.document.getElementById('one').value; var vsell=vsone.split('[height='); var outoh=inoh; if (outoh.indexOf(' fill=') == -1) { outoh=outoh.replace(' ','X '); outoh=' fill=' + outoh; } midpoint=''; rxry=''; switch ((inoh + ' ').substring(1).split(' ')[0].split('>')[0]) { case 'area': if (inoh.indexOf(' coords=\"') != -1) { myax=inoh.split(' coords=\"')[1].split(',')[0]; myay=inoh.split(' coords=\"')[1].split(',')[1]; lastoh+=',' + myax + ',' + myay; if (szero.outerHTML.indexOf(inoh) != -1) { lastoh+=',' + szero.outerHTML.split(inoh).split('')[0].split('')[0]) == -1) { //var sdf=prompt(inoh + ' not in ' + szero.outerHTML, inoh + ' not in ' + szero.outerHTML); lastoh+=',-0'; if (midpoint != '') { lastoh+=midpoint; } else if (eval('' + vsell.length) > 1) { lastoh+=',' + vsell[1].split(' pos=\"')[1].split('\"')[0]; } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } else if (szero.outerHTML.indexOf(outoh.split(' fill=')[1].split(' ' + ynn + '=')[0].split('/>')[0].split('')[0]) != -1) { if (ynn == 'cx') { lastoh+=',0000' + eval(-2 + eval('' + szero.outerHTML.split(outoh.split(' fill=')[1].split(' ' + ynn + '=')[0].split('/>')[0].split('')[0])[0].split('<' + (inoh + ' ').substring(1).split(' ')[0].split('>')[0] + ' ').length)); } else { lastoh+=',0000' + eval(-1 + eval('' + szero.outerHTML.split(outoh.split(' fill=')[1].split(' ' + ynn + '=')[0].split('/>')[0].split('')[0])[0].split('<' + (inoh + ' ').substring(1).split(' ')[0].split('>')[0] + ' ').length)); } if (eval('' + vsell.length) > eval('' + szero.outerHTML.split(inoh)[0].split('<' + (inoh + ' ').substring(1).split(' ')[0].split('>')[0]).length)) { vssel.push(''); lastoh+=',' + vsell[eval('' + szero.outerHTML.split(outoh.split(' fill=')[1].split(' ' + ynn + '=')[0].split('/>')[0].split('')[0])[0].split('<' + (inoh + ' ').substring(1).split(' ')[0].split('>')[0] + ' ').length)].split(' pos=\"')[1].split('\"')[0]; } else { if (midpoint != '') { lastoh+=midpoint; } else if (eval('' + vsell.length) > 1) { lastoh+=',' + vsell[1].split(' pos=\"')[1].split('\"')[0]; } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } } break; case 'text': var myx=inoh.split(' x=')[1].substring(1).split(inoh.split(' x=')[1].substring(0,1))[0]; var myy=inoh.split(' y=')[1].substring(1).split(inoh.split(' y=')[1].substring(0,1))[0]; lastoh+=',' + myx + ',' + myy; //lastoh+=',' + Math.round(eval(mycx * 3.0 / 4.0)) + ',' + Math.round(eval(288 - eval(mycy * 3.0 / 4.0))); if (szero.outerHTML.indexOf(outoh.split(' x=')[1].split('/>')[0].split('')[0]) == -1) { lastoh+=',-0'; if (vsone.indexOf(' xlabel=\"' + inoh.split('>')[1].split('<')[0] + '\" xlp=\"') != -1) { lastoh+=',' + vsone.split(' xlabel=\"' + inoh.split('>')[1].split('<')[0] + '\" xlp=\"')[1].split('\"')[0]; } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } else if (szero.outerHTML.indexOf(outoh.split(' x=')[1].split('/>')[0].split('')[0]) != -1) { lastoh+=',0000' + eval(-1 + eval('' + szero.outerHTML.split(outoh.split(' x=')[1].split('/>')[0].split('')[0])[0].split('')[1].split('<')[0] + '\" xlp=\"') != -1) { lastoh+=',' + vsone.split(' xlabel=\"' + inoh.split('>')[1].split('<')[0] + '\" xlp=\"')[1].split('\"')[0]; } else if (vsone.indexOf(' ' + inoh.split('>')[1].split('<')[0] + '[height=') != -1) { if (xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].indexOf(' xlp=\"') == -1 && xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].indexOf(' pos=\"') != -1) { lastoh+=',' + xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].split(' pos=\"')[1].split('\"')[0]; } else if (xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].indexOf(' xlp=\"') != -1) { lastoh+=',' + xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].split(' xlp=\"')[1].split('\"')[0]; } else { lastoh+=',0,0'; } } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } break; default: break; } return inoh; } function fixgraph(osel) { var vone=document.getElementById('one').value; if (vone.indexOf('graph ') != -1 && osel.value != '') { if (document.getElementById('one').value.indexOf('digraph ') != -1 && osel.value.toLowerCase() == 'graph') { document.getElementById('one').value=vone.replace('digraph ', 'graph '); } else if (document.getElementById('one').value.indexOf('digraph ') == -1 && osel.value.toLowerCase() == 'digraph') { document.getElementById('one').value=vone.replace('graph ', 'digraph '); } } } function fixshape(osel) { var vone=document.getElementById('one').value; if (vone.indexOf('shape=') != -1 && osel.value != '') { document.getElementById('one').value=vone.replace('shape=' + document.getElementById('one').value.split('shape=')[1].split(' ')[0].split(']')[0], 'shape=' + osel.value); } } function fixfont(oin) { var vone=document.getElementById('one').value; if (vone.indexOf('fontsize=') != -1 && oin.value != '') { document.getElementById('one').value=vone.replace('fontsize=' + document.getElementById('one').value.split('fontsize=')[1].split(' ')[0].split(']')[0], 'fontsize=' + oin.value); if (eval('' + oin.value.indexOf(' ')) > 0) { oin.value=oin.value.split(' ')[0]; } } } function hwize(whcom) { var whs=whcom.split(','); if (whcom.indexOf(',') != -1) { //alert('relrec=' + relrec + ' and wasfrom=' + wasfrom + ' and ' + whs[1] + ' width=' + whs[0]); return '' + whs[1] + ' width=' + whs[0]; } //alert('Relrec=' + relrec + ' and wasfrom=' + wasfrom + ' ' + whcom); return '' + whcom; } function reshape(cshape, oit, polygono, centx, centy, widthd, heightd) { // points='198,-198 144,-198 144,-126 198,-126 198,-198' var outshape=cshape; if (outshape.indexOf(' rx=\"') != -1) { outshape=outshape.replace(' rx=\"' + outshape.replace(' rx=\"')[1].split('\"')[0] + '\"', ' rx=\"' + Math.round(eval('' + widthd)) + '\"'); } if (outshape.indexOf(' ry=\"') != -1) { outshape=outshape.replace(' ry=\"' + outshape.replace(' ry=\"')[1].split('\"')[0] + '\"', ' ry=\"' + Math.round(eval('' + heightd)) + '\"'); } if (outshape.indexOf(' cx=\"') != -1) { outshape=outshape.replace(' cx=\"' + outshape.replace(' cx=\"')[1].split('\"')[0] + '\"', ' cx=\"' + Math.round(eval('' + centx)) + '\"'); } if (outshape.indexOf(' cy=\"') != -1) { outshape=outshape.replace(' cy=\"' + outshape.replace(' cy=\"')[1].split('\"')[0] + '\"', ' cy=\"' + Math.round(eval('' + centy)) + '\"'); } if (('' + oit).indexOf('1') == 0) { polygono.setAttribute('rx', '' + Math.round(eval('' + widthd))); polygono.setAttribute('ry', '' + Math.round(eval('' + heightd))); polygono.setAttribute('cx', '' + Math.round(eval('' + centx))); polygono.setAttribute('cy', '' + Math.round(eval('' + centy))); } var cpts=''; cpts=''; cpts+='' + Math.round(eval('' + centx) + eval(eval('' + widthd) / 2)) + ','; cpts+='' + Math.round(eval('' + centy) - eval(eval('' + heightd) / 2)) + ' '; cpts+='' + Math.round(eval('' + centx) - eval(eval('' + widthd) / 2)) + ','; cpts+='' + Math.round(eval('' + centy) - eval(eval('' + heightd) / 2)) + ' '; cpts+='' + Math.round(eval('' + centx) - eval(eval('' + widthd) / 2)) + ','; cpts+='' + Math.round(eval('' + centy) + eval(eval('' + heightd) / 2)) + ' '; cpts+='' + Math.round(eval('' + centx) + eval(eval('' + widthd) / 2)) + ','; cpts+='' + Math.round(eval('' + centy) + eval(eval('' + heightd) / 2)) + ' '; cpts+='' + Math.round(eval('' + centx) + eval(eval('' + widthd) / 2)) + ','; cpts+='' + Math.round(eval('' + centy) - eval(eval('' + heightd) / 2)) + ''; if (('' + oit).indexOf('1') == 0) { polygono.setAttribute('points', cpts); } outshape=outshape.replace(cshape.split(' points=\"')[1].split('\"')[0], cpts); //alert(oit + ' ' + outshape + ' ' + cshape); return outshape; } function movethis(xprevlastoh, xpos3, xpos4, xptx, xpty, firsttime) { var mshape='ellipse'; var mxpts=0, mypts=0, mx=0, my=0, mxnew=0, mynew=0, wasto=null, szeroouterHTML='', newr=0, newry=0, svgindexofinterest=0; var ynft='youllneverfindthis', ynftw='youllneverfindthis'; var yntxtft='youllneverfindthis', yntxtftw='youllneverfindthis'; var yncolft='youllneverfindthis', yncolftw=''; var zncolft='youllneverfindthis', zncolftw=''; var ges=szero.outerHTML.split(''), gess=[], dotx=0, doty=0, dotdx=0, dotdy=0; var hashbit=(xprevlastoh + '##').split('##')[1]; var hashcs=hashbit.split(','); var precursor='[height='; var defcol='#90806090'; var atoz='0123456789abcdef'; var partsof=document.getElementById('one').value.split('[height='); var eight=8; var ynn='youllneverfindthis'; relrec=''; wasfrom=null; var wh=[]; var sets=[]; var cpts=''; var shapeword='circle'; var diameter='diameter (or use comma for ellipse width,height)'; ellfill=''; ellfillop=''; if (xprevlastoh.indexOf(' 6) { dotdx=eval(1 * eval(eval('' + xptx) - eval('' + hashcs[0]))); dotdy=eval(1 * eval(eval('' + xpty) - eval('' + hashcs[1]))); svgindexofinterest=eval('' + ('' + hashcs[6].replace(/^0000/g, '').replace('-',''))); } if (eval('' + partsof.length) > eval('' + svgindexofinterest)) { //alert(xprevlastoh); if (eval('' + svgindexofinterest) == 0) { relrec=partsof[svgindexofinterest]; if (xprevlastoh.indexOf(' 1) { if (relrec.indexOf(' xlp=\"') == -1 && relrec.indexOf(' pos=\"') == -1) { relrec+=precursor + partsof[1].split(']')[0] } } else { if ((partsof[eval(-1 + eval('' + svgindexofinterest))] + '~').indexOf(' ' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).outerHTML.split('>')[1].split('<')[0] + ' ~') != -1) { precursor=' ' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).outerHTML.split('>')[1].split('<')[0] + ' [height='; } relrec=precursor + partsof[svgindexofinterest].split(']')[0]; } } else { if (xprevlastoh.indexOf('')[1].split('<')[0] + ' ~') != -1) { precursor=' ' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).outerHTML.split('>')[1].split('<')[0] + ' [height='; } } relrec=precursor + partsof[svgindexofinterest].split(']')[0]; } } console.log('31:' + xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]); // lastoh ##pointx,pointy,pxx,pxy,cx,cy,svgindexofinterest,dotx,doty,svgid if (svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)])) { //alert('found'); if (xprevlastoh.indexOf('<' + mshape) != -1) { console.log('1:' + xprevlastoh.split('##')[1]); if (('' + xpos3) != ('' + xprevlastoh.split('##')[1].split(',')[2]) || ('' + xpos4) != ('' + xprevlastoh.split('##')[1].split(',')[3])) { mx=eval(1.0 * eval(eval('' + xpos3) - eval('' + xprevlastoh.split('##')[1].split(',')[2]))); my=eval(1.0 * eval(1.0 * eval(eval('' + xpos4) - eval('' + xprevlastoh.split('##')[1].split(',')[3])))); //alert('mxy=' + mx + ',' + my + ' ... ' + xprevlastoh); //mxnew=eval(eval('' + xprevlastoh.split('##')[1].split(',')[4]) + mx); //mynew=eval(eval('' + xprevlastoh.split('##')[1].split(',')[5]) + my); //if (xprevlastoh.indexOf('')[0].split('>')[0] + '>').replace(svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx'), '' + xpos3).replace(svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy'), '' + xpos4)); if (firsttime) { document.getElementById('myif').style.width='291pt'; document.getElementById('myif').style.height='210pt'; document.getElementById('bltd').innerHTML=szero.outerHTML; document.getElementById('bltd').style.display='block'; document.getElementById('bltd').style.visibility='visible'; if (mshape == 'polygon') { cpts=document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('points'); sets=cpts.split(' '); for (var klj=0; klj' + ges[eval(-1 + ges.length)], (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"') + '') + '' + ges[eval(-1 + ges.length)]) + ')'; setTimeout(function(){ movethis(xprevlastoh, xpos3, xpos4, xptx, xpty, false); }, 3000); return ''; } if (mshape == 'polygon') { wasfrom='' + eval(eval(eval('' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('rx')) * 8 / 3) / 96) + ',' + eval(eval(eval('' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('ry')) * 8 / 3) / 96); //'1'; //svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).innerHTML; } else { wasfrom='' + eval(eval(eval('' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('rx')) * 8 / 3) / 96); //'1'; //svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).innerHTML; } wasto=prompt('If you want the ' + shapeword + ' ' + diameter + ' not be as suggested (in inches), enter different ' + diameter.split(' (or use comma')[0] + ' (in inches) now, where for any non-initial ' + shapeword + 's a value of 0 makes them invisible. Prefix + to your answer means an independent new ' + shapeword + ' is created. Suffix with hash (#) followed by 6 or 8 character length fill colour. Cancel withdraws proposed changes that are positionally shown below.', wasfrom); //wasto=prompt('If you want the circle diameter not be as suggested (in inches), enter different diameter (in inches) now. Cancel withdraws proposed changes that are positionally shown below.', wasfrom); if (wasto == null) { wasto=''; document.getElementById('bltd').style.visibility='hidden'; } else { wh=wasto.split(','); if (relrec != '') { if ((' ' + wasto).slice(-9).substring(0,1) == '#') { yncolftw=' fillcolor=\"' + wasto.slice(-9) + '\"'; ellfill='' + wasto.slice(-9).substring(0,7); defcol=wasto.slice(-9); ellfillop='' + eval(eval(eval(eval('' + atoz.split(wasto.slice(-2).substring(0,1).toLowerCase())[0].length) * 16) + eval(eval('' + atoz.split(wasto.slice(-1).substring(0,1).toLowerCase())[0].length) * 1)) / 256); wasto=wasto.replace(wasto.slice(-9), ''); } else if ((' ' + wasto).slice(-7).substring(0,1) == '#') { yncolftw=' fillcolor=\"' + wasto.slice(-7) + '\"'; defcol=wasto.slice(-7); ellfill='' + wasto.slice(-7).substring(0,7); ellfillop='1.0'; wasto=wasto.replace(wasto.slice(-7), ''); } //alert('relrec=' + relrec); if (relrec.indexOf('[height=') != -1) { if (relrec.indexOf(' fillcolor=') != -1 && yncolftw != '') { yncolft=' fillcolor=\"' + relrec.split(' fillcolor=\"')[1].split('\"')[0] + '\"'; } //alert('Relrec=' + relrec); if (relrec.indexOf(' pos=\"') != -1) { ynft=' pos=\"' + relrec.split(' pos=\"')[1].split('\"')[0] + '\"'; dotx=eval('' + relrec.split(' pos=\"')[1].split('\"')[0].split(',')[0]); doty=eval('' + relrec.split(' pos=\"')[1].split('\"')[0].split(',')[1]); //alert('ynft=' + ynft + ' and dotxy=' + dotx + ',' + doty + ' and dotdxy=' + dotdx + ',' + dotdy); dotx+=dotdx; doty+=dotdy; ynftw=' pos=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\"'; //ynftw=' pos=\"' + Math.round(xptx) + ',' + Math.round(xpty) + '\"'; //alert('ynftw=' + ynftw + ' ... ' + document.getElementById('one').value.replace(relrec, relrec.replace('' + relrec.substring(0).split(' ')[0] + ' ', '[height=' + hwize(wasto.replace(/^\+/g,'')) + ' ').replace(ynft, ynftw).replace(yncolft, yncolftw).replace(zncolft, zncolftw))); } if (wasto.trim() == '') { wasto='0'; } else if (wasto.trim() == '+') { wasto='+0'; } if ((wasto + ' ').substring(0,1) != '+') { document.getElementById('one').value=document.getElementById('one').value.replace(relrec, relrec.replace('' + relrec.substring(0).split(' ')[0] + ' ', '[height=' + hwize(wasto.replace(/^\+/g,'')) + ' ').replace(ynft, ynftw).replace(yncolft, yncolftw).replace(zncolft, zncolftw)); } else { partsof=document.getElementById('one').value.split('[height='); document.getElementById('one').value=document.getElementById('one').value.replace('[height=' + partsof[eval(-1 + partsof.length)].split(']')[0] + ']', '[height=' + partsof[eval(-1 + partsof.length)].split(']')[0] + ']' + String.fromCharCode(10) + ' ' + clickcnt + ' [height=' + hwize(wasto.replace(/^\+/g,'')) + ' fillcolor=\"' + defcol + '\" style=\"filled\" pos=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\" label=\"\" xlabel=\"\"]'); } } } wh=wasto.split(','); if (wasto != wasfrom) { if (wasto.substring(0,1) == '+') { wh=wasto.substring(1).split(','); if (wasto.substring(1) != wasfrom) { newr='' + eval(eval(wasto.substring(1).split(',')[0] * 96 * 3 / eight)); if (eval('' + wh.length) > 1) { newry='' + eval(eval(wasto.replace(/^\+/g,'').split(',')[1] * 96 * 3 / eight)); } else { newry=newr; } //alert('here ' + (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=newel' + clickcnt + '>').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('rx') + '\"', '\"' + newr + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('ry') + '\"', '\"' + newry + '\"')); if (mshape == 'polygon') { xprevlastoh=reshape(xprevlastoh, '0.0', svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]), mxnew, mynew, newr, newry); //gone.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('rx') + '\"', '\"' + newr + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('ry') + '\"', '\"' + newry + '\"'); gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('rx') + '\"', '\"' + newr + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('ry') + '\"', '\"' + newry + '\"'); } else { gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('rx') + '\"', '\"' + newr + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('ry') + '\"', '\"' + newry + '\"'); } if (ellfill != '') { setTimeout(function(){ svgconto.document.getElementById('newel' + clickcnt).setAttribute('fill', '' + ellfill); }, 1000); //alert('111:' + ellfill + ' ' + ellfillop); } if (ellfillop != '') { setTimeout(function(){ svgconto.document.getElementById('newel' + clickcnt).setAttribute('fill-opacity', '' + ellfillop); }, 1100); } } else { //alert('There ' + (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=newel' + clickcnt + '>').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"')); if (mshape == 'polygon') { xprevlastoh=reshape(xprevlastoh, '0.1', svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]), mxnew, mynew, newr, newry); //gone.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"'); gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"'); } else { gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"'); } if (ellfill != '') { setTimeout(function(){ svgconto.document.getElementById('newel' + clickcnt).setAttribute('fill', '' + ellfill); }, 1000); //alert('11:' + ellfill + ' ' + ellfillop); } if (ellfillop != '') { setTimeout(function(){ svgconto.document.getElementById('newel' + clickcnt).setAttribute('fill-opacity', '' + ellfillop); }, 1100); } } } else { if (mshape == 'polygon') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('cx', '' + mxnew); svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('cy', '' + mynew); xprevlastoh=reshape(xprevlastoh, '1.0', svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]), svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx'), svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy'), newr, newry); } else { wh=wasto.replace(/^\+/g,'').split(','); newr='' + eval(eval(wasto.replace(/^\+/g,'').split(',')[0] * 96 * 3 / eight)); if (eval('' + wh.length) > 1) { newry='' + eval(eval(wasto.replace(/^\+/g,'').split(',')[1] * 96 * 3 / eight)); } else { newry=newr; } svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('rx', '' + Math.round(newr)); svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('ry', '' + Math.round(newry)); } if (ellfill != '') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('fill', '' + ellfill); } if (ellfillop != '') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('fill-opacity', '' + ellfillop); } } } if (5 == 5) { if ((wasto + ' ').substring(0,1) != '+') { newr='' + eval(eval(wasto.substring(0).split(',')[0] * 96 * 3 / eight)); if (wasto.indexOf(',') != -1) { newry='' + eval(eval(wasto.substring(0).split(',')[1] * 96 * 3 / eight)); } else { newry=newr; } if (mshape == 'polygon') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('cx', '' + mxnew); svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('cy', '' + mynew); xprevlastoh=reshape(xprevlastoh, '1.1', svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]), svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx'), svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy'), newr, newry); } else { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('cx', '' + mxnew); svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('cy', '' + mynew); } if (ellfill != '') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('fill', '' + ellfill); } if (ellfillop != '') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('fill-opacity', '' + ellfillop); } } } else { newr='' + eval(eval(wasto.replace(/^\+/g,'').substring(0).split(',')[0] * 96 * 3 / eight)); if (wasto.indexOf(',') != -1) { newry='' + eval(eval(wasto.replace(/^\+/g,'').substring(0).split(',')[1] * 96 * 3 / eight)); } else { newry=newr; } if (mshape == 'polygon') { xprevlastoh=reshape(xprevlastoh, '0.4', svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]), mxnew, mynew, newr, newry); //gone.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=newel' + clickcnt + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"'); gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=newel' + clickcnt + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"'); } else { gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=newel' + clickcnt + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"'); } if (ellfill != '') { setTimeout(function(){ svgconto.document.getElementById('newel' + clickcnt).setAttribute('fill', '' + ellfill); }, 1000); //alert('1:' + ellfill + ' ' + ellfillop); } if (ellfillop != '') { setTimeout(function(){ svgconto.document.getElementById('newel' + clickcnt).setAttribute('fill-opacity', '' + ellfillop); }, 1100); } svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).style.visibility='hidden'; //var woox=window.open('','_blank','top=50,left=50,width=500,height=500'); //var ges=szero.outerHTML.split(''); //woox.document.write(szero.outerHTML.replace('' + ges[eval(-1 + ges.length)], (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"') + '') + '' + ges[eval(-1 + ges.length)]); } } } } else if (xprevlastoh.indexOf('')[0].split('>')[0] + '>').replace(svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('x'), '' + xpos3).replace(svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('y'), '' + xpos4)); if (firsttime) { //document.getElementById('ltd').style.backgroundRepeat='no-repeat'; //document.getElementById('ltd').style.backgroundPosition='right bottom'; //alert(1); szeroouterHTML=szero.outerHTML; while (szeroouterHTML.indexOf(String.fromCharCode(10)) != -1) { szeroouterHTML=szeroouterHTML.replace(String.fromCharCode(10),' '); } //alert(11); gess=szeroouterHTML.split('') //document.getElementById('ltd').style.backgoundImage=\"URL('data:image/svg+xml;utf8,\" + (szeroouterHTML.replace('' + gess[eval(-1 + gess.length)], (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('x') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('y') + '\"', '\"' + mynew + '\"') + '') + '' + gess[eval(-1 + ges.length)]) + \"')\"; //alert(111); document.getElementById('myif').style.width='291pt'; document.getElementById('myif').style.height='210pt'; document.getElementById('bltd').innerHTML=szero.outerHTML; document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('x', '' + mxnew); document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('y', '' + mynew); //document.getElementById('ltd').style.backgroundRepeat='no-repeat'; //document.getElementById('ltd').style.backgroundPosition='right bottom'; //document.getElementById('ltd').style.backgoundImage='URL(data:image/svg+xml;base64,' + window.btoa(szero.outerHTML.replace('' + ges[eval(-1 + ges.length)], (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cx') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('cy') + '\"', '\"' + mynew + '\"') + '') + '' + ges[eval(-1 + ges.length)]) + ')'; //alert(1111); document.getElementById('bltd').style.display='block'; document.getElementById('bltd').style.visibility='visible'; setTimeout(function(){ movethis(xprevlastoh, xpos3, xpos4, xptx, xpty, false); }, 3000); //alert(11111); return ''; } wasfrom=svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).innerHTML; wasto=prompt('If you want the words not to be as suggested, enter different wording now. Prefix + to your answer means an independent new text (without the prefixing text showing) is created. Cancel withdraws proposed changes that are positionally shown below.', wasfrom); //wasto=prompt('If you want the words not to be as suggested, enter different wording now. Cancel withdraws proposed changes that are positionally shown below.', wasfrom); if (wasto == null) { wasto=''; document.getElementById('bltd').style.visibility='hidden'; } else { if (relrec != '') { //alert('relrec=' + relrec + ' ' + xprevlastoh); if (relrec.indexOf(' xlp=') != -1 || relrec.indexOf(' pos=') != -1) { //alert('RelRec=' + relrec + ' and xprevlastoh=' + xprevlastoh); if (relrec.indexOf(' xlp=\"') == -1 && relrec.indexOf(' pos=\"') != -1) { // label= xlabel=W xlp=144,144 ynft=' pos=\"' + relrec.split(' pos=\"')[1].split('\"')[0] + '\"'; dotx=eval('' + relrec.split(' pos=\"')[1].split('\"')[0].split(',')[0]); doty=eval('' + relrec.split(' pos=\"')[1].split('\"')[0].split(',')[1]); //alert('Ynft=' + ynft + ' and dotxy=' + dotx + ',' + doty + ' and dotdxy=' + dotdx + ',' + dotdy); dotx+=dotdx; doty+=dotdy; ynftw=' pos=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\"'; //ynftw=' pos=\"' + Math.round(xptx) + ',' + Math.round(xpty) + '\"'; //alert('with=' + (relrec + ' label=\"\" xlabel=\"' + wasto.replace(/^\+/g,'') + '\" xlp=\"' + dotx + ',' + doty + '\"')); if ((wasto + ' ').substring(0,1) != '+') { document.getElementById('one').value=document.getElementById('one').value.replace(relrec, (relrec + ' label=\"\" xlabel=\"' + wasto.replace(/^\+/g,'') + '\" xlp=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\"').replace(' ' + wasfrom + ' [height=', ' ' + wasto.replace(/^\+/g,'') + ' [height=').replace(' xlabel=\"' + wasfrom + '\"', ' xlabel=\"' + wasto.replace(/^\+/g,'') + '\"').replace(' xlabel=\"\"', ' xlabel=\"' + wasto.replace(/^\+/g,'') + '\"')); } else { document.getElementById('one').value=document.getElementById('one').value.replace('}', ' ' + wasto.replace(/^\+/g,'') + ' [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"' + wasto.replace(/^\+/g,'') + '\" xlp=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\"]' + String.fromCharCode(10) + '}'); } } else if (relrec.indexOf(' xlp=\"') != -1) { ynft=' xlp=\"' + relrec.split(' xlp=\"')[1].split('\"')[0] + '\"'; dotx=eval('' + relrec.split(' xlp=\"')[1].split('\"')[0].split(',')[0]); doty=eval('' + relrec.split(' xlp=\"')[1].split('\"')[0].split(',')[1]); //alert('ynft=' + ynft + ' and dotxy=' + dotx + ',' + doty + ' and dotdxy=' + dotdx + ',' + dotdy); dotx+=dotdx; doty+=dotdy; ynftw=' xlp=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\"'; //ynftw=' pos=\"' + Math.round(xptx) + ',' + Math.round(xpty) + '\"'; //alert('ynftw=' + ynftw + ' ... ' + document.getElementById('one').value.replace(relrec, relrec.replace('' + relrec.substring(0).split(' ')[0] + ' ', '[height=' + hwize(wasto.replace(/^\+/g,'')) + ' ').replace(ynft, ynftw).replace(yncolft, yncolftw).replace(zncolft, zncolftw).replace(' xlabel=\"' + wasfrom + '\"', ' xlabel=\"' + wasto.replace(/^\+/g,'') + '\"').replace(' xlabel=\"\"', ' xlabel=\"' + wasto.replace(/^\+/g,'') + '\"'))); if ((wasto + ' ').substring(0,1) != '+') { document.getElementById('one').value=document.getElementById('one').value.replace(relrec, relrec.replace(' ' + wasfrom + ' [height=', ' ' + wasto.replace(/^\+/g,'') + ' [height=').replace(ynft, ynftw).replace(yncolft, yncolftw).replace(zncolft, zncolftw).replace(' xlabel=\"' + wasfrom + '\"', ' xlabel=\"' + wasto.replace(/^\+/g,'') + '\"').replace(' xlabel=\"\"', ' xlabel=\"' + wasto.replace(/^\+/g,'') + '\"')); } else { document.getElementById('one').value=document.getElementById('one').value.replace('}', ' ' + wasto.replace(/^\+/g,'') + ' [shape=plaintext pos=\"0,0\" label=\"\" xlabel=\"' + wasto.replace(/^\+/g,'') + '\" xlp=\"' + Math.round(dotx) + ',' + Math.round(doty) + '\"]' + String.fromCharCode(10) + '}'); } } } } if (wasto != wasfrom) { if (wasto.substring(0,1) == '+') { //alert('adding ' + (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>' + wasto.replace(/^\+/g,'') + '').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('x') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('y') + '\"', '\"' + mynew + '\"')); gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + ' id=\"newel' + clickcnt + '\">' + wasto.replace(/^\+/g,'') + '').replace('>' + wasfrom + '<', '>' + wasto.substring(1) + '<').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('x') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('y') + '\"', '\"' + mynew + '\"'); } else { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).innerHTML=wasto; } } if (5 == 5) { if ((wasto + ' ').substring(0,1) != '+') { svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('x', '' + mxnew); svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).setAttribute('y', '' + mynew); } } else { gzero.innerHTML+=(xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('x') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('y') + '\"', '\"' + mynew + '\"'); svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).style.visibility='hidden'; //var woox=window.open('','_blank','top=50,left=50,width=500,height=500'); //var ges=szero.outerHTML.split(''); //woox.document.write(szero.outerHTML.replace('' + ges[eval(-1 + ges.length)], (xprevlastoh.split(' id=')[0].split(' ID=')[0].split(' ' + ynn + '=')[0].split('/>')[0].split('>')[0] + '>').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('x') + '\"', '\"' + mxnew + '\"').replace('\"' + svgconto.document.getElementById(xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]).getAttribute('y') + '\"', '\"' + mynew + '\"') + '') + '' + ges[eval(-1 + ges.length)]); } } } } } lastoh=''; document.getElementById('bltd').style.visibility='hidden'; } function clickreg(evt) { // lastoh ##pointx,pointy,pxx,pxy,cx,cy,svgindexofinterest,dotx,doty,svgid //alert(evt.target.outerHTML); var ptx=0, pty=0, ptfromx=0, ptfromy=0; var prevlastoh=lastoh; if (evt.touches) { //if (evt.touches[0].screenX) { pos3 = evt.touches[0].screenX; pos4 = evt.touches[0].screenY; } else if (evt.touches[0].pageX) { pos3 = evt.touches[0].pageX; pos4 = evt.touches[0].pageY; } else { pos3 = evt.touches[0].clientX; pos4 = evt.touches[0].clientY; } // // console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4); //} else if (evt.screenX) { pos3 = evt.screenX; pos4 = evt.screenY; } else if (evt.clientX || evt.clientY) { pos3 = evt.clientX; pos4 = evt.clientY; // console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4); } else { pos3 = evt.pageX; pos4 = evt.pageY; // console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4); } if (lastoh.indexOf(',' + pos3 + ',' + pos4 + ',') == -1) { if (document.getElementById('pointsx') && document.getElementById('pointsy')) { ptx=eval(document.getElementById('pointsx').innerHTML); pty=eval(document.getElementById('pointsy').innerHTML); } else { ptx=eval(pos3 * 3.0 / 4.0); pty=eval(288 - eval(pos4 * 3.0 / 4.0)); } if (lastoh.indexOf('##') != -1) { console.log('6:' + lastoh.split('##')[1]); ptfromx=eval('' + lastoh.split('##')[1].split(',')[0]); ptfromy=eval('' + lastoh.split('##')[1].split(',')[1]); if (lastoh.split('##')[0].split(' id=')[0] == evt.target.outerHTML.split(' id=')[0] && lastoh.split('##')[0] != bigoh) { try { var xm=ptx; xm-=ptfromx; var ym=pty; ym-=ptfromy; //alert('xm=' + xm + ' and ym=' + ym); if (eval('' + eval(Math.abs(xm) + Math.abs(ym))) > 6) { lastoh=lastoh.replace(' id=', ' ID=').replace('>##', '##'); } } catch(exer) { alert('bad ' + lastoh); alert('bAd ' + ptx); alert('bAd ' + pty); alert('bAd ' + ptfromx); alert('bAd ' + ptfromy); } } } //if (lastoh.split('##')[0].split(' id=')[0] == evt.target.outerHTML.split(' id=')[0]) { // alert('why ' + bigoh + ' ? ' + evt.target.outerHTML + ' ... ' + lastoh.split('##')[0].split(' id=')[0]); //} if (lastoh.split('##')[0].split(' id=')[0] != evt.target.outerHTML.split(' id=')[0]) { //lastoh=evt.target.outerHTML + '##' + Math.round(eval('' + (document.getElementById('pointsx') ? document.getElementById('pointsx').innerHTML : '0'))) + ',' + Math.round(eval('' + (document.getElementById('pointsy') ? document.getElementById('pointsy').innerHTML : '0'))) + ',' + pos3 + ',' + pos4; //lastoh=evt.target.outerHTML + '##' + (eval('' + (document.getElementById('pointsx') ? document.getElementById('pointsx').innerHTML : '0'))) + ',' + (eval('' + (document.getElementById('pointsy') ? document.getElementById('pointsy').innerHTML : '0'))) + ',' + pos3 + ',' + pos4; lastoh=evt.target.outerHTML + '##' + ptx + ',' + pty + ',' + pos3 + ',' + pos4; clickcnt++; //alert('467:' + clickcnt + ' ' + evt.target.outerHTML + ' ... ' + lastoh.split('##')[0].split(' id=')[0]); if (lastoh.split('##')[0].split(' id=')[0] == bigoh.split(' id=')[0]) { if (eval(clickcnt % 2) == 0) { if (top.document.URL.indexOf('nofix=') == -1) { document.getElementById('myh4').innerHTML+='' + clickcnt + ': YesMoveTo' + ptx + ',' + pty + ''; //setTimeout(function(){ movethis(prevlastoh, pos3, pos4, ptx, pty); }, 2100); //alert(98); movethis(prevlastoh, pos3, pos4, ptx, pty, true); } lastoh=''; } else { clickcnt--; } } else { if (lastoh.split('##')[0].split(' id=')[0] == bigoh.split(' id=')[0] && eval(clickcnt % 2) == 1) { clickcnt--; } else { if (eval(clickcnt % 2) == 0) { if (top.document.URL.indexOf('nofix=') == -1) { document.getElementById('myh4').innerHTML+='' + clickcnt + ': ' + evt.target.outerHTML.substring(1).split(' ')[0].split('>')[0] + '-yesMoveTo' + ptx + ',' + pty + ''; //setTimeout(function(){ movethis(prevlastoh, pos3, pos4, ptx, pty); }, 2100); //alert(298); movethis(prevlastoh, pos3, pos4, ptx, pty, true); } } else { if (top.document.URL.indexOf('nofix=') == -1) { document.getElementById('myh4').innerHTML+='' + clickcnt + ': ' + onerecord(evt.target.outerHTML,ptx,pty,pos3,pos4).substring(1).split(' ')[0].split('>')[0] + ''; //alert('LASTOH=' + lastoh); } if (evt.target.outerHTML.indexOf(' id=') == -1) { //alert('LAStOH=' + lastoh); evt.target.id='svgel' + clickcnt; lastoh+=',svgel' + clickcnt; lasto=evt.target; //alert('lastoh=' + lastoh); if (midpoint != '' && rxry != '') { evt.target.setAttribute('cx', '' + midpoint.replace(/^\,/g,'').split(',')[0]); evt.target.setAttribute('cy', '' + midpoint.replace(/^\,/g,'').split(',')[1]); evt.target.setAttribute('rx', '' + rxry.replace(/^\,/g,'').split(',')[0]); evt.target.setAttribute('ry', '' + rxry.replace(/^\,/g,'').split(',')[1]); lastoh.replace('/>', '>'); lastoh.replace('>', ' cx=\"' + midpoint.replace(/^\,/g,'').split(',')[0] + '\" cy=\"' + midpoint.replace(/^\,/g,'').split(',')[1] + '\" rx=\"' + midpoint.replace(/^\,/g,'').split(',')[0] + '\" ry=\"' + rxry.replace(/^\,/g,'').split(',')[1] + '\">'); midpoint=''; rxry=''; } //alert('67:' + clickcnt); } else { lastoh+=',' + evt.target.id; lasto=evt.target; //alert('Lastoh=' + lastoh); if (midpoint != '' && rxry != '') { evt.target.setAttribute('cx', '' + midpoint.replace(/^\,/g,'').split(',')[0]); evt.target.setAttribute('cy', '' + midpoint.replace(/^\,/g,'').split(',')[1]); evt.target.setAttribute('rx', '' + rxry.replace(/^\,/g,'').split(',')[0]); evt.target.setAttribute('ry', '' + rxry.replace(/^\,/g,'').split(',')[1]); lastoh.replace('/>', '>'); lastoh.replace('>', ' cx=\"' + midpoint.replace(/^\,/g,'').split(',')[0] + '\" cy=\"' + midpoint.replace(/^\,/g,'').split(',')[1] + '\" rx=\"' + midpoint.replace(/^\,/g,'').split(',')[0] + '\" ry=\"' + rxry.replace(/^\,/g,'').split(',')[1] + '\">'); midpoint=''; rxry=''; } //alert('267:' + clickcnt); } } } } } } } function plusdata(aig) { var outig=aig, dlm='\"'; var outgs=aig.split('data:'); if (eval('' + outgs.length) > 1) { outig=outgs[0]; dlm=outig.slice(-1); for (var iop=1; iop') != -1) { toe=prompt('Please enter email address or SMS number to share ' + document.getElementById('sells').innerHTML.split(inu + '\">')[1].split('<')[0].replace('Email or SMS ','') + ' with.', ''); } else { toe=prompt('Please enter email address or SMS number to share with.', ''); } if (toe == null) { toe=''; } if (toe.indexOf('@') != -1) { if (document.getElementById('sells').innerHTML.indexOf(inu + '\">') != -1) { document.getElementById('myaemailsms').href='mailto:' + toe.trim() + '?subject=' + encodeURIComponent(document.getElementById('sells').innerHTML.split(inu + '\">')[1].split('<')[0].replace('Email or SMS ','')) + '&body=' + encodeURIComponent(inu.replace('HttP','http').split('#')[0].replace(/\-/g,'').replace('doctestoutput','doctest-output')); document.getElementById('myaemailsms').click(); } else { document.getElementById('myaemailsms').href='mailto:' + toe.trim() + '?subject=' + encodeURIComponent('Circular Layout') + '&body=' + encodeURIComponent(inu.replace('HttP','http').split('#')[0].replace(/\-/g,'').replace('doctestoutput','doctest-output')); document.getElementById('myaemailsms').click(); } } else if (toe.trim() != '') { if (toe.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'') == '') { document.getElementById('myaemailsms').href='sms:' + toe.trim() + '&body=' + encodeURIComponent(inu.replace('HttP','http').split('#')[0].replace(/\-/g,'').replace('doctestoutput','doctest-output')); document.getElementById('myaemailsms').click(); } } document.getElementById('sells').value=''; } else if (inu.indexOf('HTTP') == 0) { //alert('2:' + inu); if (inu.indexOf('#saved_twopi_vs_circo_') != -1) { //alert('22:' + inu.split('#')[eval(-1 + inu.split('#').length)]); deleteAVal(inu.split('#')[eval(-1 + inu.split('#').length)], encodeURIComponent(inu.replace('#' + inu.split('#')[eval(-1 + inu.split('#').length)], '').replace('HTTP','http'))); //alert('222:' + inu.split('#')[eval(-1 + inu.split('#').length)]); cookieAVal('saved_twopi_vs_circo_', true); //alert('2222:' + inu.split('#')[eval(-1 + inu.split('#').length)]); } } else { //woo=window.open(inu, '_blank', 'top=50,left=50,width=800,height=800'); woo=window.open(inu.replace(/\-/g,'').replace('doctestoutput','doctest-output').replace('http:','').replace('https:',''), '_blank', 'top=50,left=50,width=800,height=800'); } } } function rework(what) { var outw=what; if (what.toLowerCase().indexOf('doctest output ') != -1 && what.toLowerCase().indexOf('.gv.') != -1) { outw=what.toLowerCase().split('doctest output ')[1].split('.gv.')[0]; var outwds=outw.split(' '); outw=outwds[0].substring(0,1).toUpperCase() + (outwds[0] + ' ').substring(1).toLowerCase().trim(); for (var io=1; io', '' + '' + '' + ''); } } if (lssel != '') { document.getElementById('ssel').innerHTML=lssel.trim(); } } if (cName.indexOf('saved_twopi_vs_circo_') == 0) { if (window.localStorage) { if (decodeURIComponent(('' + localStorage.getItem(cName)).replace(/^undefined/g,'').replace(/^null/g,'')) != '') { return decodeURIComponent(localStorage.getItem(cName)); } if (decodeURIComponent(('' + sessionStorage.getItem(cName)).replace(/^undefined/g,'').replace(/^null/g,'')) != '') { return decodeURIComponent(sessionStorage.getItem(cName)); } } return ''; } return ''; } function phv(tao) { if (('' + tao.value) == '') { tao.value=tao.placeholder; } } function various(indi) { var outdi=indi; return outdi; } function contentfix(inid) { document.getElementById('ititle').value=document.getElementById('ititle').value.replace(/\+/g,'-').replace(/\=/g,'-').replace(/\ /g,'-'); //document.getElementById('one').value=document.getElementById('one').value.replace(/\+/g,'`'); //document.getElementById('two').value=document.getElementById('two').value.replace(/\+/g,'`'); //document.getElementById('three').value=document.getElementById('three').value.replace(/\+/g,'`'); document.getElementById('none').value=various(document.getElementById('one').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('ntwo').value=various(document.getElementById('two').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('nthree').value=various(document.getElementById('three').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('mysub').style.border='3px dotted green'; //alert(document.getElementById('none').value); return inid; } function emailit(inais) { event.stopPropagation(); var em=null; window.focus(); em=prompt('Please enter email address to send output ' + document.getElementById('fmt').value + ' URL link to. ', ''); if (em == null) { em=''; } if (em.indexOf('@') != -1) { document.getElementById('ititle').value=document.getElementById('ititle').value.replace(/\+/g,'-').replace(/\=/g,'-').replace(/\ /g,'-'); document.getElementById('none').value=various(document.getElementById('one').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('ntwo').value=various(document.getElementById('two').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('nthree').value=various(document.getElementById('three').value.replace(/\+/g,String.fromCharCode(9))); //alert(document.getElementById('addimg').value); em+='?subject=' + document.getElementById('newablzero').value + '&body=' + encodeURIComponent( (document.URL.split('?')[0].split('#')[0] + '?rand=' + Math.floor(Math.random() * 19897865) + '#title=' + encodeURIComponent(document.getElementById('ititle').value) + '#back=' + encodeURIComponent(document.getElementById('back').value.replace('#','')) + '#fsize=' + encodeURIComponent(document.getElementById('fsize').value) + '#shape=' + encodeURIComponent(document.getElementById('shape').value) + '#mode=' + encodeURIComponent(document.getElementById('mode').value) + '#fmt=' + encodeURIComponent(document.getElementById('fmt').value) + '#one=' + encodeURIComponent(document.getElementById('none').value) + '#two=' + encodeURIComponent(document.getElementById('ntwo').value) + '#three=' + encodeURIComponent(document.getElementById('nthree').value) + '#addimg=' + encodeURIComponent(document.getElementById('addimg').value)).replace('#fmt=svg#one=#','#fmt=pdf#one=#') ); document.getElementById('dimap').innerHTML=''; document.getElementById('theaemail').click(); } return false; } function svghost(svgheo, imgc) { if (9 == 8) { if (gzero) { gzero.innerHTML+=\"\"; } else { svgheo.innerHTML+=\"\"; } } } function animbord() { var bcolsare=['green','#F0F8FF','#F0FFFF','#F0F0E0','#F0FFF0','#FFFFF0','#FFF0E0','#FFFFE0','#F0FFF0','#FFFFFF','#F0F0F0','#F0F7FF','#FFF8F0','#FFF0F0','#E0FFFF','#FFFFE0']; document.getElementById('mysub').style.border='3px dotted ' + bcolsare[lastj]; lastj++; if (lastj >= eval('' + bcolsare.length)) { lastj=0; } setTimeout(animbord, 200); } function psvgit() { svgit(lastsvgeo, lastimgc); } function hsvtorgb(hsbh, hsbs, hsbb) { // thanks to https://stackoverflow.com/questions/17242144/javascript-convert-hsb-hsv-color-to-rgb-accurately var rgb = { }; var h = Math.round(hsbh * 255); var s = Math.round(hsb.s * 255 / 100); var v = Math.round(hsb.b * 255 / 100); if (s == 0) { rgb.r = rgb.g = rgb.b = v; } else { var t1 = v; var t2 = (255 - s) * v / 255; var t3 = (t1 - t2) * (h % 60) / 60; if (h == 360) h = 0; if (h < 60) { rgb.r = t1; rgb.b = t2; rgb.g = t2 + t3 } else if (h < 120) { rgb.g = t1; rgb.b = t2; rgb.r = t1 - t3 } else if (h < 180) { rgb.g = t1; rgb.r = t2; rgb.b = t2 + t3 } else if (h < 240) { rgb.b = t1; rgb.r = t2; rgb.g = t1 - t3 } else if (h < 300) { rgb.b = t1; rgb.g = t2; rgb.r = t2 + t3 } else if (h < 360) { rgb.r = t1; rgb.g = t2; rgb.b = t1 - t3 } else { rgb.r = 0; rgb.g = 0; rgb.b = 0 } } return 'rgb(' + Math.round(rgb.r) + ',' + Math.round(rgb.g) + ',' + Math.round(rgb.b) + ')'; } function svgit(svgeo, imgc) { var pres=''; lastsvgeo=svgeo; lastimgc=imgc; if (('' + svgeo.outerHTML).indexOf('\"; } else { lastiurl=\"\"; } window.focus(); pres=null; try { if (lastp.indexOf('Regarding ' + svgeo.innerHTML + ' ') == -1) { //alert(szero.innerHTML.split(svgeo.innerHTML + '')[1].substring(0,300)); if (bconto) { document.getElementById('hidecol').value=szero.innerHTML.split('>' + svgeo.innerHTML + '')[1].split(' fill=\"')[1].split('\"')[0]; bconto.setlhifto(szero.innerHTML.split(svgeo.innerHTML + '')[1].split(' fill=\"')[1].split('\"')[0]); } //pres=prompt('Regarding ' + svgeo.innerHTML + ' please see the whole node ' + svgeo.outerHTML.substring(0,1) + ' .+. ' + szero.innerHTML.split(svgeo.innerHTML + '')[1].split(' fill=\"')[1].split('\"')[0] + '', ''); pres=''; } } catch(exc) { console.log('error'); } if (pres == null) { console.log('err'); pres=''; if (uselast) { setTimeout(psvgit, 2000); } } else { uselast=false; lastp='Regarding ' + svgeo.innerHTML + ' please enter an optional image URL'; } if (pres != '') { if (pres.indexOf('#') == -1) { zerodotsix='0.6'; } else if (pres.indexOf('#') != -1) { zerodotsix=pres.split('#')[1]; pres=pres.split('#')[0].trim(); if ((zerodotsix + 'z').substring(0,1) < '0' || (zerodotsix + 'z').substring(0,1) > '9') { zerodotsix='0.6'; } } if (pres != '') { uselast=false; lastp='Regarding ' + svgeo.innerHTML + ' please see the whole node ' + svgeo.outerHTML + ''; lastiurl=lastiurl.replace(\" href=''\", \" href='\" + pres + \"'\"); if (gzero) { //alert(\"SMS'; if (!document.getElementById('theasms') && document.getElementById('psms')) { document.getElementById('psms').click(); } else { document.getElementById('theasms').click(); } } } return false; } function sz(inum) { var uni='px'; if (szero) { if (('' + szero.getAttribute('width')).indexOf('pt') != -1) { uni='pt'; } else if (('' + szero.getAttribute('width')).indexOf('%') != -1) { uni='%'; } szero.setAttribute('width', '' + ('' + eval(eval('' + szero.getAttribute('width').split(uni)[0])) * eval('' + inum)) + uni); szero.setAttribute('height', '' + ('' + eval(eval('' + szero.getAttribute('height').split(uni)[0])) * eval('' + inum)) + uni); } } function domore(hm) { var rectis=document.getElementById('myif').getBoundingClientRect(); if (('' + hm) == '1') { document.getElementById('rtd').style.width='20%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(1.1)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 1.1) + 'px'; } else if (('' + hm) == '-1') { document.getElementById('rtd').style.width='50%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(0.9)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 0.9) + 'px'; } else if (('' + hm) == '-2') { document.getElementById('rtd').style.width='50%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(0.8)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 0.8) + 'px'; } else { document.getElementById('rtd').style.width='20%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(1.2)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 1.2) + 'px'; } } function prechecksvg() { checksvg(lastwoo); } function checki(iois) { bconto = (iois.contentWindow || iois.contentDocument); } function checksvg(iiois) { var gs=[]; var iois=iiois; if (lastwoo) { iois=lastwoo.document.childNodes[0]; //.getSVGDocument(); console.log('lAstwoo ' + lastwoo); } else if (('' + iiois.src).toLowerCase().indexOf('.svg') == -1 && lastwoo != null) { iois=lastwoo.document.childNodes[0]; //.getSVGDocument(); console.log('lastwoo ' + lastwoo); } if (iois != null) { // check out window.svgDocument console.log('lastwoo2'); var aconto = (iois.contentWindow || iois.contentDocument); svgconto=aconto; console.log('lastwoo3a ' + iois.document); console.log('lastwoo3 ' + aconto); if (aconto != null) { //alert(1); console.log('lastwoo4 ' + aconto); if (aconto.document) { console.log('lastwoo5 ' + aconto); aconto = aconto.document; gs=aconto.getElementsByTagName('g'); if (eval('' + gs.length) > 0) { gzero=gs[0]; gone=gs[0]; for (var sd=0; sd 0) { szero=gs[0]; szero.addEventListener('mousedown', function(event){ parent.clickreg(event); }); szero.addEventListener('touchdown', function(event){ parent.clickreg(event); }); szero.addEventListener('mousemove', function(){ if (event.touches) { //if (event.touches[0].screenX) { pos3 = event.touches[0].screenX; pos4 = event.touches[0].screenY; } else if (event.touches[0].pageX) { pos3 = event.touches[0].pageX; pos4 = event.touches[0].pageY; } else { pos3 = event.touches[0].clientX; pos4 = event.touches[0].clientY; } // // console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4); //} else if (event.screenX) { pos3 = event.screenX; pos4 = event.screenY; } else if (event.clientX || event.clientY) { pos3 = event.clientX; pos4 = event.clientY; // console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4); } else { pos3 = event.pageX; pos4 = event.pageY; // console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4); } if (event.target.outerHTML.indexOf('' + eval(pos3 * 3.0 / 4.0).toPrecision(5) + ',' + eval(288 - eval(pos4 * 3.0 / 4.0)).toPrecision(5) + ''; }); for (var sd=0; sd' + eval(pos3 * 3.0 / 4.0).toPrecision(5) + ',' + eval(288 - eval(pos4 * 3.0 / 4.0)).toPrecision(5) + ''; }); } } if (gzero) { gzero=gzero; " . (strlen($addimg) == 0 ? $addimg : ' gzero.innerHTML+="' . $addimg . '"') . " if (aimg != '') { eval(' gzero.innerHTML+=\"' + aimg + '\"'); } } } }

Trying out Dot GraphViz hosted in PHP " . $plus . " Circular Layout  

RJM Programming " . $minus . " October, 2024

Thanks to https://stackoverflow.com/questions/72531363/how-to-create-a-graph-with-a-circular-layout-in-graphviz

<" . $outel . " onload='checksvg(this);' id=myif style='width:95%;height:500px;' type=application/" . $fmt . " src='/doctest-output" . DIRECTORY_SEPARATOR . $newabl[0] . $gv . $fmt . "?rand=" . rand(13456,6789056) . "'>

Title ...


     

Circular Layout Names ...






     
Canvas Drawing With Clicked Colour to Top and Left As Revealed Below ...
"; } else { echo " Trying out Dot GraphViz hosted in PHP - RJM Programming - October, 2024 - Circular Layout var lasturl='', lasttext=null, gone=null, gzero=null, lastx=0, lasty=0, lastw=0, lasth=0, lastp='', clickcnt=0, lastwoo=null, lastj=0, lssel='', zerodotsix='0.6', bconto=null, pos3=0, pos4=0, dbt='', ifrect=null, bigoh='', lastoh='', lasto=null, svgconto=null, ellfill='', ellfillop='', midpoint='', rxry='', lastiurl='', szero=null, aimg='', lastimgc='', lastsvggeo=null, uselast=false; String.prototype.toHtmlEntities = function() { return this.replace(/./gm, function(s) { return (s.match(/[a-z0-9\s]+/i)) ? s : '&#' + s.charCodeAt(0) + ';'; }); }; function oldclickreg(evt) { if (evt.touches) { //if (evt.touches[0].screenX) { pos3 = evt.touches[0].screenX; pos4 = evt.touches[0].screenY; } else if (evt.touches[0].pageX) { pos3 = evt.touches[0].pageX; pos4 = evt.touches[0].pageY; } else { pos3 = evt.touches[0].clientX; pos4 = evt.touches[0].clientY; } // // console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4); //} else if (evt.screenX) { pos3 = evt.screenX; pos4 = evt.screenY; } else if (evt.clientX || evt.clientY) { pos3 = evt.clientX; pos4 = evt.clientY; // console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4); } else { pos3 = evt.pageX; pos4 = evt.pageY; // console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4); } if (lastoh.split(' id=')[0] != evt.target.outerHTML.split(' id=')[0]) { lastoh=evt.target.outerHTML; clickcnt++; if (lastoh.split(' id=')[0] == bigoh.split(' id=')[0]) { //document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': svg'; } else { //document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': ' + evt.target.outerHTML.substring(1).split(' ')[0].split('>')[0]; } } } function youngerclickreg(evt) { var ptx=0, pty=0, ptfromx=0, ptfromy=0; if (evt.touches) { //if (evt.touches[0].screenX) { pos3 = evt.touches[0].screenX; pos4 = evt.touches[0].screenY; } else if (evt.touches[0].pageX) { pos3 = evt.touches[0].pageX; pos4 = evt.touches[0].pageY; } else { pos3 = evt.touches[0].clientX; pos4 = evt.touches[0].clientY; } // // console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4); //} else if (evt.screenX) { pos3 = evt.screenX; pos4 = evt.screenY; } else if (evt.clientX || evt.clientY) { pos3 = evt.clientX; pos4 = evt.clientY; // console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4); } else { pos3 = evt.pageX; pos4 = evt.pageY; // console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4); } ptx=eval(pos3 * 3.0 / 4.0); pty=eval(288 - eval(pos4 * 3.0 / 4.0)); if (lastoh.indexOf('##') != -1) { console.log('7:' + lastoh.split('##')[1]); ptfromx=eval('' + lastoh.split('##')[1].split(',')[0]); ptfromy=eval('' + lastoh.split('##')[1].split(',')[1]); if (lastoh.split('##')[0].split(' id=')[0] == evt.target.outerHTML.split(' id=')[0] && lastoh.split('##')[0] != bigoh) { if (eval('' + Math.abs(eval(ptx - ptfromx)) + Math.abs(eval(pty - ptfromy))) > 6) { lastoh=lastoh.replace(' id=', ' ID=').replace('>##', '##'); } } } if (lastoh.split('##')[0].split(' id=')[0] != evt.target.outerHTML.split(' id=')[0]) { //lastoh=evt.target.outerHTML + '##' + (document.getElementById('pointsx') ? document.getElementById('pointsx').innerHTML : '0') + ',' + (document.getElementById('pointsy') ? document.getElementById('pointsy').innerHTML : '0'); lastoh=evt.target.outerHTML + '##' + ptx + ',' + pty; clickcnt++; if (lastoh.split('##')[0].split(' id=')[0] == bigoh.split(' id=')[0]) { if (eval(clickcnt % 2) == 0) { //document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': YesMoveTo' + ptx + ',' + pty; lastoh=''; } else { clickcnt--; } } else { if (lastoh.split('##')[0].split(' id=')[0] == bigoh.split(' id=')[0] && eval(clickcnt % 2) == 1) { clickcnt--; } else { if (eval(clickcnt % 2) == 0) { //document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': ' + evt.target.outerHTML.substring(1).split(' ')[0].split('>')[0] + '-yesMoveTo' + ptx + ',' + pty; } else { //document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': ' + evt.target.outerHTML.substring(1).split(' ')[0].split('>')[0]; } } } } } function onerecord(inoh, thepointx, thepointy, thepxx, thepxy) { var vsone=top.document.getElementById('one').value; var vsell=vsone.split('[height='); switch ((inoh + ' ').substring(1).split(' ')[0].split('>')[0]) { case 'ellipse': var mycx=inoh.split(' cx=')[1].substring(1).split(inoh.split(' cx=')[1].substring(0,1))[0]; var mycy=inoh.split(' cy=')[1].substring(1).split(inoh.split(' cy=')[1].substring(0,1))[0]; lastoh+=',' + mycx + ',' + mycy; if (szero.outerHTML.indexOf(inoh) == -1) { lastoh+=',-0'; if (eval('' + vsell.length) > 1) { lastoh+=',' + vsell[1].split(' pos=\"')[1].split('\"')[0]; } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } else if (szero.outerHTML.indexOf(inoh) != -1) { lastoh+=',0000' + szero.outerHTML.split(inoh)[0].split(' eval('' + szero.outerHTML.split(inoh)[0].split(' 1) { lastoh+=',' + vsell[1].split(' pos=\"')[1].split('\"')[0]; } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } } break; case 'text': var myx=inoh.split(' x=')[1].substring(1).split(inoh.split(' x=')[1].substring(0,1))[0]; var myy=inoh.split(' y=')[1].substring(1).split(inoh.split(' y=')[1].substring(0,1))[0]; lastoh+=',' + myx + ',' + myy; if (szero.outerHTML.indexOf(inoh) == -1) { lastoh+=',-0'; if (vsone.indexOf(' xlabel=\"' + inoh.split('>')[1].split('<')[0] + '\" xlp=\"') != -1) { lastoh+=',' + vsone.split(' xlabel=\"' + inoh.split('>')[1].split('<')[0] + '\" xlp=\"')[1].split('\"')[0]; } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } else if (szero.outerHTML.indexOf(inoh) != -1) { lastoh+=',0000' + szero.outerHTML.split(inoh)[0].split('')[1].split('<')[0] + '\" xlp=\"') != -1) { lastoh+=',' + vsone.split(' xlabel=\"' + inoh.split('>')[1].split('<')[0] + '\" xlp=\"')[1].split('\"')[0]; } else if (vsone.indexOf(' ' + inoh.split('>')[1].split('<')[0] + '[height=') != -1) { if (xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].indexOf(' xlp=\"') == -1 && xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].indexOf(' pos=\"') != -1) { lastoh+=',' + xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].split(' pos=\"')[1].split('\"')[0]; } else if (xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].indexOf(' xlp=\"') != -1) { lastoh+=',' + xsone.split(' ' + inoh.split('>')[1].split('<')[0] + '[height=')[1].split(']')[0].split(' xlp=\"')[1].split('\"')[0]; } else { lastoh+=',0,0'; } } else { lastoh+=',' + vsone.split(' pos=\"')[1].split('\"')[0]; } } break; default: break; } return inoh; } function fixgraph(osel) { var vone=document.getElementById('one').value; if (vone.indexOf('graph ') != -1 && osel.value != '') { if (document.getElementById('one').value.indexOf('digraph ') != -1 && osel.value.toLowerCase() == 'graph') { document.getElementById('one').value=vone.replace('digraph ', 'graph '); } else if (document.getElementById('one').value.indexOf('digraph ') == -1 && osel.value.toLowerCase() == 'digraph') { document.getElementById('one').value=vone.replace('graph ', 'digraph '); } } } function fixshape(osel) { var vone=document.getElementById('one').value; if (vone.indexOf('shape=') != -1 && osel.value != '') { document.getElementById('one').value=vone.replace('shape=' + document.getElementById('one').value.split('shape=')[1].split(' ')[0].split(']')[0], 'shape=' + osel.value); } } function fixfont(oin) { var vone=document.getElementById('one').value; if (vone.indexOf('fontsize=') != -1 && oin.value != '') { document.getElementById('one').value=vone.replace('fontsize=' + document.getElementById('one').value.split('fontsize=')[1].split(' ')[0].split(']')[0], 'fontsize=' + oin.value); if (eval('' + oin.value.indexOf(' ')) > 0) { oin.value=oin.value.split(' ')[0]; } } } function movethis(xprevlastoh, xpos3, xpos4, xptx, xpty) { alert('2:' + xprevlastoh.split(',')[eval(-1 + xprevlastoh.split(',').length)]); } function clickreg(evt) { // lastoh ##pointx,pointy,pxx,pxy,cx,cy,svgindexofinterest,dotx,doty,svgid var ptx=0, pty=0, ptfromx=0, ptfromy=0; var prevlastoh=lastoh; if (evt.touches) { //if (evt.touches[0].screenX) { pos3 = evt.touches[0].screenX; pos4 = evt.touches[0].screenY; } else if (evt.touches[0].pageX) { pos3 = evt.touches[0].pageX; pos4 = evt.touches[0].pageY; } else { pos3 = evt.touches[0].clientX; pos4 = evt.touches[0].clientY; } // // console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4); //} else if (evt.screenX) { pos3 = evt.screenX; pos4 = evt.screenY; } else if (evt.clientX || evt.clientY) { pos3 = evt.clientX; pos4 = evt.clientY; // console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4); } else { pos3 = evt.pageX; pos4 = evt.pageY; // console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4); } ptx=eval(pos3 * 3.0 / 4.0); pty=eval(288 - eval(pos4 * 3.0 / 4.0)); if (lastoh.indexOf('##') != -1) { console.log('8:' + lastoh.split('##')[1]); ptfromx=eval('' + lastoh.split('##')[1].split(',')[0]); ptfromy=eval('' + lastoh.split('##')[1].split(',')[1]); if (lastoh.split('##')[0].split(' id=')[0] == evt.target.outerHTML.split(' id=')[0] && lastoh.split('##')[0] != bigoh) { if (eval('' + Math.abs(eval(ptx - ptfromx)) + Math.abs(eval(pty - ptfromy))) > 6) { lastoh=lastoh.replace(' id=', ' ID=').replace('>##', '##'); } } } if (lastoh.split('##')[0].split(' id=')[0] != evt.target.outerHTML.split(' id=')[0]) { lastoh=evt.target.outerHTML + '##' + (document.getElementById('pointsx') ? document.getElementById('pointsx').innerHTML : '0') + ',' + (document.getElementById('pointsy') ? document.getElementById('pointsy').innerHTML : '0') + ',' + pos3 + ',' + pos4; clickcnt++; if (lastoh.split('##')[0].split(' id=')[0] == bigoh.split(' id=')[0]) { if (eval(clickcnt % 2) == 0) { if (top.document.URL.indexOf('nofix=') == -1) { document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': YesMoveTo' + ptx + ',' + pty; movethis(prevlastoh, pos3, pos4, ptx, pty); } lastoh=''; } else { clickcnt--; } } else { if (lastoh.split('##')[0].split(' id=')[0] == bigoh.split(' id=')[0] && eval(clickcnt % 2) == 1) { clickcnt--; } else { if (eval(clickcnt % 2) == 0) { if (top.document.URL.indexOf('nofix=') == -1) { document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': ' + evt.target.outerHTML.substring(1).split(' ')[0].split('>')[0] + '-yesMoveTo' + ptx + ',' + pty; movethis(prevlastoh, pos3, pos4, ptx, pty); } } else { if (top.document.URL.indexOf('nofix=') == -1) { document.getElementById('myh4').innerHTML+=' ' + clickcnt + ': ' + onerecord(evt.target.outerHTML,ptx,pty,pos3,pos4).substring(1).split(' ')[0].split('>')[0]; } if (evt.target.outerHTML.indexOf(' id=') == -1) { evt.target.id='svgel' + clickcnt; lastoh+=',svgel' + clickcnt; lasto=evt.target; } else { lastoh+=',' + evt.target.id; lasto=evt.target; } } } } } } function plusdata(aig) { var outig=aig, dlm='\"'; var outgs=aig.split('data:'); if (eval('' + outgs.length) > 1) { outig=outgs[0]; dlm=outig.slice(-1); for (var iop=1; iop') != -1) { toe=prompt('Please enter email address or SMS number to share ' + document.getElementById('sells').innerHTML.split(inu + '\">')[1].split('<')[0].replace('Email or SMS ','') + ' with.', ''); } else { toe=prompt('Please enter email address or SMS number to share with.', ''); } if (toe == null) { toe=''; } if (toe.indexOf('@') != -1) { if (document.getElementById('sells').innerHTML.indexOf(inu + '\">') != -1) { document.getElementById('myaemailsms').href='mailto:' + toe.trim() + '?subject=' + encodeURIComponent(document.getElementById('sells').innerHTML.split(inu + '\">')[1].split('<')[0].replace('Email or SMS ','')) + '&body=' + encodeURIComponent(inu.replace('HttP','http').split('#')[0].replace(/\-/g,'').replace('doctestoutput','doctest-output')); document.getElementById('myaemailsms').click(); } else { document.getElementById('myaemailsms').href='mailto:' + toe.trim() + '?subject=' + encodeURIComponent('Circular Layout') + '&body=' + encodeURIComponent(inu.replace('HttP','http').split('#')[0].replace(/\-/g,'').replace('doctestoutput','doctest-output')); document.getElementById('myaemailsms').click(); } } else if (toe.trim() != '') { if (toe.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'') == '') { document.getElementById('myaemailsms').href='sms:' + toe.trim() + '&body=' + encodeURIComponent(inu.replace('HttP','http').split('#')[0].replace(/\-/g,'').replace('doctestoutput','doctest-output')); document.getElementById('myaemailsms').click(); } } document.getElementById('sells').value=''; } else if (inu.indexOf('HTTP') == 0) { //alert('2:' + inu); if (inu.indexOf('#saved_twopi_vs_circo_') != -1) { //alert('22:' + inu.split('#')[eval(-1 + inu.split('#').length)]); deleteAVal(inu.split('#')[eval(-1 + inu.split('#').length)], encodeURIComponent(inu.replace('#' + inu.split('#')[eval(-1 + inu.split('#').length)], '').replace('HTTP','http'))); //alert('222:' + inu.split('#')[eval(-1 + inu.split('#').length)]); cookieAVal('saved_twopi_vs_circo_', true); //alert('2222:' + inu.split('#')[eval(-1 + inu.split('#').length)]); } } else { //woo=window.open(inu, '_blank', 'top=50,left=50,width=800,height=800'); woo=window.open(inu.replace(/\-/g,'').replace('doctestoutput','doctest-output').replace('http:','').replace('https:',''), '_blank', 'top=50,left=50,width=800,height=800'); } } } function rework(what) { var outw=what; if (what.toLowerCase().indexOf('doctest output ') != -1 && what.toLowerCase().indexOf('.gv.') != -1) { outw=what.toLowerCase().split('doctest output ')[1].split('.gv.')[0]; var outwds=outw.split(' '); outw=outwds[0].substring(0,1).toUpperCase() + (outwds[0] + ' ').substring(1).toLowerCase().trim(); for (var io=1; io', '' + '' + '' + ''); } } if (lssel != '') { document.getElementById('ssel').innerHTML=lssel.trim(); } } if (cName.indexOf('saved_twopi_vs_circo_') == 0) { if (window.localStorage) { if (decodeURIComponent(('' + localStorage.getItem(cName)).replace(/^undefined/g,'').replace(/^null/g,'')) != '') { return decodeURIComponent(localStorage.getItem(cName)); } if (decodeURIComponent(('' + sessionStorage.getItem(cName)).replace(/^undefined/g,'').replace(/^null/g,'')) != '') { return decodeURIComponent(sessionStorage.getItem(cName)); } } return ''; } return ''; } function contentfix(inid) { document.getElementById('ititle').value=document.getElementById('ititle').value.replace(/\+/g,'-').replace(/\=/g,'-').replace(/\ /g,'-'); document.getElementById('none').value=various(document.getElementById('one').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('ntwo').value=various(document.getElementById('two').value.replace(/\+/g,String.fromCharCode(9))); document.getElementById('nthree').value=various(document.getElementById('three').value.replace(/\+/g,String.fromCharCode(9))); //alert('2:' + document.getElementById('none').value); document.getElementById('mysub').style.border='3px dotted green'; return inid; } function various(indi) { var outdi=indi; return outdi; } function svghost(svgheo, imgc) { if (9 == 8) { if (gzero) { gzero.innerHTML+=\"\"; } else { svgheo.innerHTML+=\"\"; } } } function psvgit() { svgit(lastsvgeo, lastimgc); } function hsvtorgb(hsbh, hsbs, hsbb) { // thanks to https://stackoverflow.com/questions/17242144/javascript-convert-hsb-hsv-color-to-rgb-accurately var rgb = { }; var h = Math.round(hsbh * 255); var s = Math.round(hsb.s * 255 / 100); var v = Math.round(hsb.b * 255 / 100); if (s == 0) { rgb.r = rgb.g = rgb.b = v; } else { var t1 = v; var t2 = (255 - s) * v / 255; var t3 = (t1 - t2) * (h % 60) / 60; if (h == 360) h = 0; if (h < 60) { rgb.r = t1; rgb.b = t2; rgb.g = t2 + t3 } else if (h < 120) { rgb.g = t1; rgb.b = t2; rgb.r = t1 - t3 } else if (h < 180) { rgb.g = t1; rgb.r = t2; rgb.b = t2 + t3 } else if (h < 240) { rgb.b = t1; rgb.r = t2; rgb.g = t1 - t3 } else if (h < 300) { rgb.b = t1; rgb.g = t2; rgb.r = t2 + t3 } else if (h < 360) { rgb.r = t1; rgb.g = t2; rgb.b = t1 - t3 } else { rgb.r = 0; rgb.g = 0; rgb.b = 0 } } return 'rgb(' + Math.round(rgb.r) + ',' + Math.round(rgb.g) + ',' + Math.round(rgb.b) + ')'; } function animbord() { var bcolsare=['green','#F0F8FF','#F0FFFF','#F0F0E0','#F0FFF0','#FFFFF0','#FFF0E0','#FFFFE0','#F0FFF0','#FFFFFF','#F0F0F0','#F0F7FF','#FFF8F0','#FFF0F0','#E0FFFF','#FFFFE0']; document.getElementById('mysub').style.border='3px dotted ' + bcolsare[lastj]; lastj++; if (lastj >= eval('' + bcolsare.length)) { lastj=0; } setTimeout(animbord, 200); } function svgit(svgeo, imgc) { var pres=''; lastsvgeo=svgeo; lastimgc=imgc; if (('' + svgeo.outerHTML).indexOf('\"; } else { lastiurl=\"\"; } window.focus(); pres=null; try { if (lastp.indexOf('Regarding ' + svgeo.innerHTML + ' ') == -1) { if (bconto) { document.getElementById('hidecol').value=szero.innerHTML.split('>' + svgeo.innerHTML + '')[1].split(' fill=\"')[1].split('\"')[0]; bconto.setlhifto(szero.innerHTML.split(svgeo.innerHTML)[1].split(' fill=\"')[1].split('\"')[0]); } //pres=prompt('Regarding ' + svgeo.innerHTML + ' please see the whole node ' + svgeo.outerHTML + ' ... ' + szero.outerHTML.split('>' + svgeo.innerHTML + '')[1].substring(0,200) + '', ''); pres=''; } } catch(exc) { console.log('error'); } if (pres == null) { console.log('err'); pres=''; if (uselast) { setTimeout(psvgit, 2000); } } else { uselast=false; lastp='Regarding ' + svgeo.innerHTML + ' please enter an optional image URL'; } if (pres != '') { if (pres.indexOf('#') == -1) { zerodotsix='0.6'; } else if (pres.indexOf('#') != -1) { zerodotsix=pres.split('#')[1]; pres=pres.split('#')[0].trim(); if ((zerodotsix + 'z').substring(0,1) < '0' || (zerodotsix + 'z').substring(0,1) > '9') { zerodotsix='0.6'; } } if (pres != '') { uselast=false; lastp='Regarding ' + svgeo.innerHTML + ' please see the whole node ' + svgeo.outerHTML + '' lastiurl=lastiurl.replace(\" href=''\", \" href='\" + pres + \"'\"); if (gzero) { //alert(\"Email'; document.getElementById('theaemail').click(); } return false; } function naz(intvo) { var intv=intvo.value; if (intv.replace(' ','-').replace('_','-').indexOf('-') == -1 && intv.trim() != '') { intvo.value='a-' + intv; intv=intvo.value; } var retval='My%20%Colour%20Wheel'; var jntv=intv.replace(/\ /g,'-').replace(/\_/g,'-'); var jst=jntv.split('-'); if (jntv.indexOf('iagram') != -1) { retval=jst[0].substring(0,1).toUpperCase() + jst[0].substring(1).toLowerCase() + ' '; for (var ij=1; ijSMS'; if (!document.getElementById('theasms') && document.getElementById('psms')) { document.getElementById('psms').click(); } else { document.getElementById('theasms').click(); } } } return false; } function sz(inum) { var uni='px'; if (szero) { if (('' + szero.getAttribute('width')).indexOf('pt') != -1) { uni='pt'; } else if (('' + szero.getAttribute('width')).indexOf('%') != -1) { uni='%'; } szero.setAttribute('width', '' + ('' + eval(eval('' + szero.getAttribute('width').split(uni)[0])) * eval('' + inum)) + uni); szero.setAttribute('height', '' + ('' + eval(eval('' + szero.getAttribute('height').split(uni)[0])) * eval('' + inum)) + uni); } } function domore(hm) { var rectis=document.getElementById('myif').getBoundingClientRect(); if (('' + hm) == '1') { document.getElementById('rtd').style.width='20%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(1.1)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 1.1) + 'px'; } else if (('' + hm) == '-1') { document.getElementById('rtd').style.width='50%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(0.9)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 0.9) + 'px'; } else if (('' + hm) == '-2') { document.getElementById('rtd').style.width='50%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(0.8)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 0.8) + 'px'; } else { document.getElementById('rtd').style.width='20%'; document.getElementById('myif').style.width='' + eval(eval('' + rectis.width) * sz(1.2)) + 'px'; document.getElementById('myif').style.height='' + eval(eval('' + rectis.height) * 1.2) + 'px'; } } function prechecksvg() { checksvg(lastwoo); } function checki(iois) { bconto = (iois.contentWindow || iois.contentDocument); } function checksvg(iiois) { var gs=[]; var iois=iiois; if (('' + iiois.src).toLowerCase().indexOf('.svg') == -1 && lastwoo != null) { iois=lastwoo; //alert(1); console.log('lastWoo'); } if (iois != null) { // check out window.svgDocument console.log('lastWoo2'); var aconto = (iois.contentWindow || iois.contentDocument); svgconto=aconto; console.log('lastWoo3 ' + aconto); if (aconto != null) { //alert(1); console.log('lastWoo4 ' + aconto); if (aconto.document) { console.log('lastWoo5 ' + aconto); aconto = aconto.document; gs=aconto.getElementsByTagName('g'); if (eval('' + gs.length) > 0) { gzero=gs[0]; for (var sd=0; sd 0) { szero=gs[0]; szero.addEventListener('mousedown', function(event){ parent.clickreg(event); }); szero.addEventListener('touchdown', function(event){ parent.clickreg(event); }); szero.addEventListener('mousemove', function(){ if (event.touches) { //if (event.touches[0].screenX) { pos3 = event.touches[0].screenX; pos4 = event.touches[0].screenY; } else if (event.touches[0].pageX) { pos3 = event.touches[0].pageX; pos4 = event.touches[0].pageY; } else { pos3 = event.touches[0].clientX; pos4 = event.touches[0].clientY; } // // console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4); //} else if (event.screenX) { pos3 = event.screenX; pos4 = event.screenY; } else if (event.clientX || event.clientY) { pos3 = event.clientX; pos4 = event.clientY; // console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4); } else { pos3 = event.pageX; pos4 = event.pageY; // console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4); } pos4+=140; pos3-=40; parent.document.getElementById('pos').innerHTML=' ... ' + pos3 + ',' + pos4 + ' ... inches ... ' + eval(pos3 / 96).toPrecision(5) + ',' + eval(eval(288 - pos4) / 96).toPrecision(5) + ' ... points ... ' + '' + eval(pos3 * 3.0 / 4.0).toPrecision(5) + ',' + eval(288 - eval(pos4 * 3.0 / 4.0)).toPrecision(5) + ''; }); for (var sd=0; sd' + eval(pos3 * 3.0 / 4.0).toPrecision(5) + ',' + eval(288 - eval(pos4 * 3.0 / 4.0)).toPrecision(5) + ''; }); } } if (gzero) { gzero=gzero; " . (strlen($addimg) == 0 ? $addimg : ' gzero.innerHTML+="' . $addimg . '"') . " if (aimg != '') { eval(' gzero.innerHTML+=\"' + aimg + '\"'); } } } } function waschecksvg(iois) { if (iois != null) { var aconto = (iois.contentWindow || iois.contentDocument); if (aconto != null) { //alert(2); if (aconto.document) { aconto = aconto.document; gs=aconto.getElementsByTagName('g'); if (eval('' + gs.length) > 0) { gzero=gs[0]; for (var sd=0; sd 0) { for (var sd=0; sd

Trying out Dot GraphViz hosted in PHP " . $plus . " Circular Layout  

RJM Programming " . $minus . " October, 2024

Thanks to https://stackoverflow.com/questions/72531363/how-to-create-a-graph-with-a-circular-layout-in-graphviz

<" . $outel . " onload='checksvg(this);' id=myif style='width:95%;height:500px;' type=application/" . $fmt . " src='/doctest-output" . DIRECTORY_SEPARATOR . $newabl[0] . $gv . $fmt . "?rand=" . rand(13456,6789056) . "'>

Title ...


     

Circular Layout Names ...






     
Canvas Drawing With Clicked Colour to Top and Left As Revealed Below ...
"; } ?>