18,19d17
<   $jflist="";
<   $jflistd="";
33,43d30
<   $bittransitionhtml="";
<   $btransitionhtml="&nbsp;<input style='background-color:lightgreen;display:none;' type=submit value='Process with keyframe Transition CSS Animation' name=transition></input>";
<   $transitionhtml="";
<   if (file_exists("keyframes_test.html")) {
<    $transitionhtml=file_get_contents("keyframes_test.html");;
<   } else if (file_exists("keyframes/keyframes_test.html")) {
<    $transitionhtml=file_get_contents("keyframes/keyframes_test.html");;
<   } else if (file_exists("../HTMLCSS/keyframes/keyframes_test.html")) {
<    $transitionhtml=file_get_contents("../HTMLCSS/keyframes/keyframes_test.html");;
<   }
<   if ($transitionhtml != "") {  $btransitionhtml=str_replace("display:none;","display:INLINE-BLOCK;",$btransitionhtml); }
189,216d175
<  function new_transition($posturl) {
<     global $transitionhtml, $jflist, $jflistd;
<     if ($posturl == "") { $posturl=$jflist; } 
<     $jsct="
<     var parlist=['" . str_replace(",", "','", $posturl) . "'];
<     var divo=null; 
<     var iparlist=0; 
<     function workit() {
<       if (divo == null) { 
<         divo=document.getElementsByTagName('div')[0]; 
<       } 
<       if (iparlist >= parlist.length) iparlist=0; 
<       divo.style.backgroundRepeat='no-repeat'; 
<       divo.style.backgroundPosition=' ' + parent.document.getElementById('lefttop').value.split(',')[eval(iparlist * 2)] + 'px ' + parent.document.getElementById('lefttop').value.split(',')[eval(iparlist * 2 + 1)] + 'px'; 
<       divo.style.backgroundImage=\"url('\" + parent.document.getElementById(parlist[iparlist]).src + \"')\"; 
<       iparlist++; 
<       setTimeout(workit, 6000); 
<     } 
<     setTimeout(workit, 500);  
<     ";
<     if (strpos($transitionhtml, "</scr" . "ipt>") !== false) {
<     $transitionhtml=str_replace("</scr" . "ipt>", $jsct . "</scr" . "ipt>", str_replace("background:","border:", str_replace("height:","height:1",  str_replace("width:","width:10", str_replace("width:100px","width:99px",   str_replace("<p>","<!--p>", str_replace("</p>","</p-->",  str_replace("animation-delay:", "background-position: 20px 20px; \n animation-iteration-count: infinite; \n animation-delay:", $transitionhtml))))))));
<     } else {
<     $transitionhtml=str_replace("</head>", "<scr" . "ipt type='text/javascript'> " . $jsct . "</scr" . "ipt></head>", str_replace("background:","border:", str_replace("height:","height:1",  str_replace("width:","width:10", str_replace("width:100px","width:99px",   str_replace("<p>","<!--p>", str_replace("</p>","</p-->",  str_replace("animation-delay:", "animation-iteration-count: infinite; \n animation-delay:", $transitionhtml))))))));
<     }
<     file_put_contents('gimp_guillotine.html', $transitionhtml);
<  }
< 
367,369d325
< 
<   if (isset($_GET['transition'])) { $bimg=" document.getElementById(\"transitionw\").src=\"gimp_guillotine.html?rand=\" + Math.floor(Math.random() * 5465564); document.getElementById(\"transitiona\").click(); "; $atransition=" or <a id=transitiona onclick='doopen(this);' href='#transitiond' title='CSS keyframes Transition Animation'>CSS keyframes Transition Animation</a>"; $bittransition="<hr><details id=transitiond><summary id=transitions>CSS keyframes Transition Animation view <a href=#canvasb title=Top>...</a></summary><iframe style='width:100%;height:800px;' id=transitionw src='gimp_guillotine.html?rand=" . rand() . "'></iframe></details>"; }
<   if (isset($_POST['transition'])) { $bimg=" document.getElementById(\"transitionw\").src=\"gimp_guillotine.html?rand=\" + Math.floor(Math.random() * 5465564); document.getElementById(\"transitiona\").click(); ";  $atransition=" or <a id=transitiona onclick='doopen(this);' href='#transitiond' title='CSS keyframes Transition Animation'>CSS keyframes Transition Animation</a>";  $bittransition="<hr><details id=transitiond><summary id=transitions>CSS keyframes Transition Animation view <a href=#canvasb title=Top>...</a></summary><iframe style='width:100%;height:800px;' id=transitionw src='gimp_guillotine.html?rand=" . rand() . "'></iframe></details>"; }
404c360
<           if ($below == "Image") $below="<a id=tablea onclick='doopen(this);' href='#tabled' title='Table Use'>Table</a> or <a id=mapa onclick='doopen(this);' href='#mapd' title='Map Use'>Map</a>" . $affmpeg . $aconvert . $ainhouseslideshow . $atransition . " or <a id=dmargina onclick='doopen(this); dodur();' href='#" . less($filename) . "' title='Div Margin Use'>Image</a> (or in <a style=text-decoration:underline;cursor:pointer; onclick=' intonew(); dodur();' title='Show in Div Margin Use in New Window'>New Window</a> or <a id=canvasa style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(true);' title='Background Image via Canvas'>Background Image via Canvas</a> (<a id=canvasz style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(false);' title='Background Image via Canvas'>no-repeat</a>) (<a id=canvasn style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Progressive Animation'>Progressive Animation</a> (<a id=canvasm style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Progressive Animation'>no-repeat</a>)) (<a id=canvask style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Animation'>Animation</a> (<a id=canvasl style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Animation'>no-repeat</a>)))";
---
>           if ($below == "Image") $below="<a id=tablea onclick='doopen(this);' href='#tabled' title='Table Use'>Table</a> or <a id=mapa onclick='doopen(this);' href='#mapd' title='Map Use'>Map</a>" . $affmpeg . $aconvert . $ainhouseslideshow . " or <a id=dmargina onclick='doopen(this); dodur();' href='#" . less($filename) . "' title='Div Margin Use'>Image</a> (or in <a style=text-decoration:underline;cursor:pointer; onclick=' intonew(); dodur();' title='Show in Div Margin Use in New Window'>New Window</a> or <a id=canvasa style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(true);' title='Background Image via Canvas'>Background Image via Canvas</a> (<a id=canvasz style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(false);' title='Background Image via Canvas'>no-repeat</a>) (<a id=canvasn style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Progressive Animation'>Progressive Animation</a> (<a id=canvasm style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Progressive Animation'>no-repeat</a>)) (<a id=canvask style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Animation'>Animation</a> (<a id=canvasl style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Animation'>no-repeat</a>)))";
432,433d387
<           $jflist.=$jflistd . less($filename);
<           $jflistd=",";
459d412
<         if (isset($_GET['transition']) || isset($_POST['transition'])) { new_transition("");   }
488c441
<           if ($below == "Image") $below="<a id=tablea onclick='doopen(this);' href='#tabled' title='Table Use'>Table</a> or <a id=mapa onclick='doopen(this);' href='#mapd' title='Map Use'>Map</a>" . $affmpeg . $aconvert . $ainhouseslideshow . $atransition . " or <a id=dmargina onclick='doopen(this); dodur();' href='#" . less($filename) . "' title='Div Margin Use'>Image</a> (or in <a style=text-decoration:underline;cursor:pointer; onclick=' intonew(); dodur();' title='Show in Div Margin Use in New Window'>New Window</a> or <a id=canvasa style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(true);' title='Background Image via Canvas'>Background Image via Canvas</a> (<a id=canvasz style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(false);' title='Background Image via Canvas'>no-repeat</a>) (<a id=canvasn style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Progressive Animation'>Progressive Animation</a> (<a id=canvasm style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Progressive Animation'>no-repeat</a>)) (<a id=canvask style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Animation'>Animation</a> (<a id=canvasl style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Animation'>no-repeat</a>)))";
---
>           if ($below == "Image") $below="<a id=tablea onclick='doopen(this);' href='#tabled' title='Table Use'>Table</a> or <a id=mapa onclick='doopen(this);' href='#mapd' title='Map Use'>Map</a>" . $affmpeg . $aconvert . $ainhouseslideshow . " or <a id=dmargina onclick='doopen(this); dodur();' href='#" . less($filename) . "' title='Div Margin Use'>Image</a> (or in <a style=text-decoration:underline;cursor:pointer; onclick=' intonew(); dodur();' title='Show in Div Margin Use in New Window'>New Window</a> or <a id=canvasa style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(true);' title='Background Image via Canvas'>Background Image via Canvas</a> (<a id=canvasz style=text-decoration:underline;cursor:pointer; onclick='doopen(this); bimg(false);' title='Background Image via Canvas'>no-repeat</a>) (<a id=canvasn style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Progressive Animation'>Progressive Animation</a> (<a id=canvasm style=text-decoration:underline;cursor:pointer; onclick='clearalot=false; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Progressive Animation'>no-repeat</a>)) (<a id=canvask style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(true); canvasanimation();' title='Background Image via Canvas Animation'>Animation</a> (<a id=canvasl style=text-decoration:underline;cursor:pointer; onclick='clearalot=true; precanvasanimation(false); canvasanimation();' title='Background Image via Canvas Animation'>no-repeat</a>)))";
517,518d469
<           $jflist.=$jflistd . less($filename);
<           $jflistd=",";
544d494
<         if (isset($_GET['transition']) || isset($_POST['transition'])) { new_transition("");   }
772,776d721
<                  if (canvascset.length == 0) {
<                  document.getElementById('lefttop').value+='' + eval(20 + left) + ',' + eval(20 + top);
<                  } else {
<                  document.getElementById('lefttop').value+=',' + eval(20 + left) + ',' + eval(20 + top);
<                  }
786,790d730
<                  if (canvascset.length == 0) {
<                  document.getElementById('lefttop').value+='' + eval(20 + left) + ',' + eval(20 + top);
<                  } else {
<                  document.getElementById('lefttop').value+=',' + eval(20 + left) + ',' + eval(20 + top);
<                  }
864,865c804,805
< <input name=include id=include value='' type=hidden></input><input style='background-color:lightgreen;' type=submit value=Process... id=isubmit></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Top Div Margin Use' name=divmarginuse></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Repeat' name=canvas></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image No Repeat' name=canvasnorepeat></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation Repeat' name=canvaspa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation No Repeat' name=canvasnorepeatpa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation Repeat' name=canvasa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation No Repeat' name=canvasnorepeata></input>" . $bffmpeg . $bconvert . $binhouseslideshow . $btransitionhtml . "
< </form><input type=hidden id=lefttop value=''></input>
---
> <input name=include id=include value='' type=hidden></input><input style='background-color:lightgreen;' type=submit value=Process... id=isubmit></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Top Div Margin Use' name=divmarginuse></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Repeat' name=canvas></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image No Repeat' name=canvasnorepeat></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation Repeat' name=canvaspa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation No Repeat' name=canvasnorepeatpa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation Repeat' name=canvasa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation No Repeat' name=canvasnorepeata></input>" . $bffmpeg . $bconvert . $binhouseslideshow . "
> </form>
867c807
< <h4>HTML Use of Input " . $below . " List Below</h4>" . $secondbit . $ifm . "<iframe id='postit' name='postit' style='display:none;' src='./gimp_guillotine_followup.php?donothing=y'></iframe><hr><details id=canvasd><summary id=canvass>Canvas (and animations) view <a href=#canvasb title=Top>...</a></summary><canvas onclick=dodur(); id=mycanvas width=" . $cwidth . " height=" . $cheight . " style=display:INLINE-BLOCK;></canvas></details>" . rettb($thirdbit) . "<div id=dhuh style=display:none;'></div>" . $tablebit . $mapbit . $bitffmpeg . $bitconvert . $bitinhouseslideshow . $bittransition . "</body></html>";
---
> <h4>HTML Use of Input " . $below . " List Below</h4>" . $secondbit . $ifm . "<iframe id='postit' name='postit' style='display:none;' src='./gimp_guillotine_followup.php?donothing=y'></iframe><hr><details id=canvasd><summary id=canvass>Canvas (and animations) view <a href=#canvasb title=Top>...</a></summary><canvas onclick=dodur(); id=mycanvas width=" . $cwidth . " height=" . $cheight . " style=display:INLINE-BLOCK;></canvas></details>" . rettb($thirdbit) . "<div id=dhuh style=display:none;'></div>" . $tablebit . $mapbit . $bitffmpeg . $bitconvert . $bitinhouseslideshow . "</body></html>";
1082,1086d1021
<                  if (canvascset.length == 0) {
<                  document.getElementById('lefttop').value+='' + eval(20 + left) + ',' + eval(20 + top);
<                  } else {
<                  document.getElementById('lefttop').value+=',' + eval(20 + left) + ',' + eval(20 + top);
<                  }
1096,1100d1030
<                  if (canvascset.length == 0) {
<                  document.getElementById('lefttop').value+='' + eval(20 + left) + ',' + eval(20 + top);
<                  } else {
<                  document.getElementById('lefttop').value+=',' + eval(20 + left) + ',' + eval(20 + top);
<                  }
1175,1176c1105,1106
< <input name=include id=include value='' type=hidden></input><input style='background-color:lightgreen;' type=submit value=Process... id=isubmit></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Top Div Margin Use' name=divmarginuse></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Repeat' name=canvas></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image No Repeat' name=canvasnorepeat></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation Repeat' name=canvaspa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation No Repeat' name=canvasnorepeatpa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation Repeat' name=canvasa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation No Repeat' name=canvasnorepeata></input>" . $bffmpeg . $bconvert . $binhouseslideshow . $btransitionhtml . "
< </form><input type=hidden id=lefttop value=''></input>
---
> <input name=include id=include value='' type=hidden></input><input style='background-color:lightgreen;' type=submit value=Process... id=isubmit></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Top Div Margin Use' name=divmarginuse></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Repeat' name=canvas></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image No Repeat' name=canvasnorepeat></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation Repeat' name=canvaspa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Progressive Animation No Repeat' name=canvasnorepeatpa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation Repeat' name=canvasa></input>&nbsp;<input style='background-color:lightgreen;' type=submit value='Process with Canvas Background Image Animation No Repeat' name=canvasnorepeata></input>" . $bffmpeg . $bconvert . $binhouseslideshow . "
> </form>
1178c1108
< <h4>HTML Use of Input " . $below . " List Below</h4>" . $secondbit . $ifm . "<iframe id='donothing' style='display:none;' src='./gimp_guillotine_followup.php?donothing=y'></iframe><iframe id='postit' name='postit' style='display:none;' src='./gimp_guillotine_followup.php?donothing=y'></iframe><hr><details id=canvasd><summary id=canvass>Canvas (and animations) view <a href=#canvasb title=Top>...</a></summary><canvas onclick=dodur(); id=mycanvas width=" . $cwidth . " height=" . $cheight . " style=display:INLINE-BLOCK;></canvas></details>" . rettb($thirdbit) . "<div id=dhuh style=display:none;'></div>" . $tablebit . $mapbit . $bitffmpeg . $bitconvert . $bitinhouseslideshow . $bittransition . " </body></html>";
---
> <h4>HTML Use of Input " . $below . " List Below</h4>" . $secondbit . $ifm . "<iframe id='donothing' style='display:none;' src='./gimp_guillotine_followup.php?donothing=y'></iframe><iframe id='postit' name='postit' style='display:none;' src='./gimp_guillotine_followup.php?donothing=y'></iframe><hr><details id=canvasd><summary id=canvass>Canvas (and animations) view <a href=#canvasb title=Top>...</a></summary><canvas onclick=dodur(); id=mycanvas width=" . $cwidth . " height=" . $cheight . " style=display:INLINE-BLOCK;></canvas></details>" . rettb($thirdbit) . "<div id=dhuh style=display:none;'></div>" . $tablebit . $mapbit . $bitffmpeg . $bitconvert . $bitinhouseslideshow . " </body></html>";