{"id":47479,"date":"2019-12-24T03:01:28","date_gmt":"2019-12-23T17:01:28","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=47479"},"modified":"2019-12-23T18:21:25","modified_gmt":"2019-12-23T08:21:25","slug":"user-controlled-dynamic-javascript-youtube-embedded-api-ajax-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/user-controlled-dynamic-javascript-youtube-embedded-api-ajax-tutorial\/","title":{"rendered":"User Controlled Dynamic Javascript YouTube Embedded API Ajax Tutorial"},"content":{"rendered":"
\"User<\/a>

User Controlled Dynamic Javascript YouTube Embedded API Ajax Tutorial<\/p><\/div>\n

Around here we have our favourite Javascript and PHP function names. And in that list, the Javascript “ajaxit([argument1])” features strongly and commonly. After reaching below the sink <\/strike>After talking excitedly to the kitchen taps about my plans … oddly, receiving no reply <\/font>… probably because it’s a Monday here <\/font>… we expect …<\/font> we use that Javascript client Ajax approach that can do for you what you would often call on a serverside language, like PHP, to do?! Anyone, anyone?<\/a> No, Barbara Woodhouse<\/a>, we do not w<\/strike>release the tap dancing dogs<\/a> on Mondays … ever … any more serious suggestions please? Yes, Jesse James Garrett<\/a> it’s interesting your blurtings include …<\/p>\n

\nthe asynchronous technology behind emerging services like Google Maps and Google Suggest, as well as the resulting user experience which made it possible to browse without interruption by eliminating the reloading of the whole page\n<\/p><\/blockquote>\n

… though I’d like you to run a plagorism checker on all “blurtings” and “lerts” for the next lesson please.<\/p>\n

Yes, under certain conditions, Ajax<\/a> (methodologies) can retrieve information and not have to leave what you are interacting with on the current webpage, to do this.<\/p>\n

Can you imagine how we might apply this with our current project? Yes, patently not everyone is in the mood for “Disco”, especially on the first draft way back when, when we allowed sound to happen before a decently “flagged” button press to forewarn … a fairly big “Internet sin”, since fixed. And so, we now add HTML input textbox (ie.type=text) element, with onblur<\/i> event “ajaxit([argument1])” logic (passing across the textbox’s value) as per …<\/p>\n


\nvar zhr=null;
\nvar url='';
\nvar zok=0;
\n
\nfunction ajaxit(qsel) {
\n if (qsel != '') {
\n url=\"\/\/www.rjmprogramming.com.au\/HTMLCSS\/legend_via_map.php?url=\" + encodeURIComponent(\"http:\/\/www.youtube.com\/results?search_query=\" + encodeURIComponent(qsel));
\n if (!zhr) {
\n zhr = getXMLHttpRequest();
\n }
\n
\n if (zhr != null) {
\n zhr = zhr;
\n } else {
\n try {
\n zhr = new ActiveXObject(\"Msxml2.XMLHTTP\");
\n } catch (othermicrosoft) {
\n try {
\n zhr = new ActiveXObject(\"Microsoft.XMLHTTP\");
\n } catch (failed) {
\n zhr = false;
\n }
\n }
\n }
\n

\n if (zhr) {
\n if (url != '') {
\n zok=0;
\n zhr.open(\"GET\", url, true);
\n zhr.onreadystatechange = showStuff;
\n zhr.send(null);
\n url='';
\n }
\n } else {
\n zok = 1; \/\/alert(\"Sorry ... no XMLHttpRequest possible\");
\n }
\n }
\n}
\n<\/code><\/p>\n

… to add new concepts into the mix of option (sub)elements offered off that aforesaid mentioned (multiple selection mode) dropdown (of YouTube videos). As an optional “off default workflow” piece of functionality we show it prominently (above the fold) now, as well as “below the fold” where the dropdown is positioned on the webpage of the Ajax changed<\/a> disco_version.html<\/a>‘s live run<\/a>.<\/p>\n

Adding to yesterday’s User Controlled Dynamic Javascript YouTube Embedded API Ordered Tutorial<\/a> …<\/p>\n

\n

\n

Previous relevant User Controlled Dynamic Javascript YouTube Embedded API Ordered Tutorial<\/a> is shown below.<\/p>\n

\"User<\/a>

User Controlled Dynamic Javascript YouTube Embedded API Ordered Tutorial<\/p><\/div>\n

We think that whenever you …<\/p>\n