{"id":74152,"date":"2026-08-02T03:01:00","date_gmt":"2026-08-01T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=74152"},"modified":"2026-08-01T19:29:22","modified_gmt":"2026-08-01T09:29:22","slug":"experimental-drag-and-drop-game-suite-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/experimental-drag-and-drop-game-suite-tutorial\/","title":{"rendered":"Experimental Drag and Drop Game Suite Tutorial"},"content":{"rendered":"
\"Experimental<\/a>

Experimental Drag and Drop Game Suite Tutorial<\/p><\/div>\n

We started on Drag and Drop games here with Experimental Drag and Drop Game Tutorial<\/a> and it came a long way with “variations on a theme” all with that Drag and Drop commonality (thanks to https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/DataTransfer\/setData<\/a> here).<\/p>\n

We even wrote a PHP web application<\/a> to look for these Drag and Drop web application variations and place them in a dropdown to reach other suite peers. But we never made that obvious back at each peer in the suite, and that is today’s (primarily) PHP work to do.<\/p>\n

All we are after is for a link near the top of the webpage be able to show that PHP menu web application in an iframe revealed and navigated to (and navigatable back from) at the bottom of the webpage. There were little quirks here and there doing this but basically the change was<\/font> …<\/p>\n


\n echo str_replace(\"<h1>\", \"<h1 id=toph1>\",str_replace(\"1>Experimental Drag and Drop\", \"1>Experimental Drag <span title=\\\"More Drag and Drop web applications\\\" style=cursor:pointer;text-decoration:underline; onclick=\\\"document.getElementById('preifmenu').style.display='block'; document.getElementById('ifmenu').style.display='block'; location.href='#preifmenu';\\\">and<\/span> Drop\", str_replace('<\/body>', '<br><a id=preifmenu style=cursor:pointer;text-decoration:underline; href=#toph1 onclick=window.scrollTo(0,0);>Back to top ...<\/a><br><iframe src=\".\/experimental_peers_drag_and_drop.php\" style=display:none;width:98%;height:800px; id=ifmenu><\/iframe><\/body>',<\/font> $templategame)))<\/font>;
\n<\/code><\/p>\n

… to make this happen in each peer …<\/p>\n