Tag Archives: imagemap

Onto yesterday’s GraphViz via PHP on AlmaLinux Dot Venn Diagram Editing Functionality Tutorial the improvements, today, are … user can control the Venn (or, it’s getting towards other uses) Diagram fill colour and opacity … circles can be ellipses also … the dot (or neat -n) shape option Box is coded for as far as diagram editing is concerned … which means some other Polygon shapes work too, except that changes (via two discrete click/taps) followed through on, turns Polygons without 4 sides into a Box with 4 sides user can add dot (or neat -n) generic node attributes via the Font Size textbox ( eg. 14 fontcolor=blue margin=0 ) Those Javascript functions of yesterday now look like … <?php echo ” 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(‘</g>’), 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(‘<polygon’) != -1) { eight=4; ynn=’cx’; mshape=’polygon’; shapeword=’polygon’; diameter=’width and height’; } if (eval(” + hashcs.length) > 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(‘<text’) == 0 && eval(” + hashcs.length) > 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(‘<text’) == 0) { 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]; } } 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) != (” + … Continue reading →