<html>
<head>
<meta charset="UTF-8"/>
<title>Using event.stopPropagation() or not ... RJM Programming ... January, 2025</title>
<script type=text/javascript>
var issueoid=[], gwhat='', backiurl='', lastlet='', lastlev='', lastta='', mode='', radioscr='';
var songlistblurb='', songlistdef='', lastid='';

var lhids=['Klh7sAv9hu4','fx2ns6fC4nw','k4V3Mo61fJM','-p6OH7FoWoQ','AIOAlaACuv4','HTzGMEfbnAw','CW_ZiojrkVY','FtE3hoR_Nvo'];
var lhdur=['214.000','273.000','313.000','263.000','161.000','233.000','224.000','239.000'];
var lhtit=["Emmylou Harris - Boulder to Birmingham","Eurythmics, Annie Lennox, Dave Stewart - Miracle of Love (Video Remastered)","Coldplay - Fix You (Official Video)","Ruthie Henshall - I Dreamed A Dream (Les Miserables 10th Anniversary Concert - Royal Albert Hall)","Tracy Chapman - Fast Car (Official Music Video)","Juice Newton - Angel Of The Morning (Official Music Video)","Lily Allen - Somewhere Only We Know - Live du Grand Journal","Morricone - Gabriel's Oboe from The Mission, Maja Łagowska - oboe, conducted by Andrzej Kucybała"];

var offonstodo=[];

function upd(inone, intwo, inthree) {
if (lhids.indexOf(inone) == -1 && inthree.indexOf('Karaoke via ') != 0) {
lhids.unshift('' + inone);
lhdur.unshift('' + intwo);
lhtit.unshift('' + inthree);
for (var ijkh=0; ijkh<offonstodo.length; ijkh++) {
if (offonstodo[ijkh].indexOf("'" + lastid + "'") != -1) {
offonstodo[ijkh]='';
}
}
} else if (lhids.indexOf(inone) == -1 && inthree.indexOf('Karaoke via ') == 0) {
offonstodo.push(" document.getElementById('" + lastid + "').src=document.getElementById('" + lastid + "').src.replace('c0=off','c0=on'); ");
}
}

function sumeqif() {
var sums=document.getElementsByTagName('summary');
var ifs=document.getElementsByTagName('iframe');

backiurl=document.getElementById('karit').src;
setTimeout(function(){ lastta=document.getElementById('tacode').value; }, 3000);

if (ifs.length == sums.length) {
for (var jj=0; jj<ifs.length; jj++) {
if (sums[jj].outerHTML.indexOf(' id=') == -1 && ifs[jj].outerHTML.indexOf(' id=') != -1) {
sums[jj].id=('' + ifs[jj].id).replace('if','sum');
}
}
} else if (eval(-1 + eval('' + ifs.length)) == sums.length) {
for (var jj=1; jj<ifs.length; jj++) {
if (sums[eval(-1 + jj)].outerHTML.indexOf(' id=') == -1 && ifs[jj].outerHTML.indexOf(' id=') != -1) {
sums[eval(-1 + jj)].id=('' + ifs[jj].id).replace('if','sum');
}
}
}

if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
document.getElementById('selo').innerHTML+='<option value=Yes>Yes to Using event.stopPropagation() ... and ask about Radio or One At a Time</option>';
document.getElementById('selo').size=3;
}
}

function rewrite(tao) {
if (lastta.replace(/c0\=off/g,'c0=on') != tao.value.replace(/c0\=off/g,'c0=on')) {
//alert('' + lastta.replace(/c0\=off/g,'c0=on').length + ' vs ' + tao.value.replace(/c0\=off/g,'c0=on').length);
lastta=tao.value;
document.getElementById('tdleft').innerHTML=tao.value;
}
}

function myoneit(seloo) {
}

function doalways() {
var dets=[], jdets=0;
if (('' + location.hash).replace(/^\#/g,'').toLowerCase().indexOf('oneatatime') == 0 || ('' + location.hash).replace(/^\#/g,'').toLowerCase().indexOf('radio') == 0) {
dets=document.getElementsByTagName('details');
for (jdets=0; jdets<dets.length; jdets++) {
if (('' + dets[jdets].id).indexOf('bnine') == -1) {
dets[jdets].style.visibility='hidden';
}
}
}
}

function preregit(what) {
var dets=[], jdets=0, xcv=null;
if (document.getElementById(what)) {
if (document.getElementById(what).outerHTML.indexOf('<detail') != -1 && ('' + location.hash).replace(/^\#/g,'').toLowerCase().indexOf('oneatatime') == 0) {
dets=document.getElementsByTagName('details');
for (jdets=0; jdets<dets.length; jdets++) {
if (('' + dets[jdets].id).indexOf('bnine') == -1) {
dets[jdets].style.visibility='hidden';
} else if (('' + dets[jdets].id) == what) {
dets[jdets].style.visibility='visible';
} else {
dets[jdets].style.visibility='hidden';
}
}
setTimeout(doalways, 5000);
setTimeout(doalways, 15000);
} else if (document.getElementById(what).outerHTML.indexOf('<detail') != -1 && ('' + location.hash).replace(/^\#/g,'').toLowerCase().indexOf('radio') == 0) {
dets=document.getElementsByTagName('details');
for (jdets=0; jdets<dets.length; jdets++) {
if (('' + dets[jdets].id).indexOf('bnine') == -1) {
dets[jdets].style.visibility='hidden';
} else if (('' + dets[jdets].id) != what) {
try {
dets[jdets].open=false;
} catch(xcv) { }
try {
dets[jdets].setAttribute('open', fals);
} catch(xcv) { }
}
}
setTimeout(doalways, 5000);
setTimeout(doalways, 15000);
}
}
return what;
}

function regit(what) {
if (issueoid.indexOf(what) == -1) {
gwhat=what;
if (document.getElementById(gwhat.replace('if','sum')).innerHTML.indexOf(' ... ') == -1) {
document.getElementById(gwhat.replace('if','sum')).innerHTML+='<font size=1 color=blue> ... is in play</font>';
}
setTimeout(function(){ issueoid.push(gwhat); }, 9000);
}
return what;
}

function divit(divo) {
for (var ii=0; ii<issueoid.length; ii++) {
if (1 == 1) {
document.getElementById(issueoid[ii]).click();
}
}
}


function lhfind() {
var prevdelay=0, detbit='', karbit='', ijk=0, iijk=0, kji=0, randis=Math.floor(Math.random() * 1987865);
var lhparts=[], nextclose='', randiss=[randis], jjkk=0;
var detidtoclick='';
if (mode != '' && mode == mode.trim()) {
if (('' + location.hash).replace(/^\#/g,'').indexOf('#') != -1) {
mode+=' ';
lhparts=('' + location.hash).replace(/^\#/g,'').split('#');
switch (lhparts[0].toLowerCase()) {
case 'radio':
radioscr='';
//document.title='' + (lhparts.length);
//alert(lhparts.length);
for (ijk=1; ijk<lhparts.length; ijk+=3) {
if (lhparts[eval(2 + ijk)].trim() == '') { lhparts[eval(2 + ijk)]=lhparts[eval(0 + ijk)]; }
if (detidtoclick == '') {
detidtoclick='detbtobnine' + randis;
//issueoid.push('ifbtobnine' + randis);
radioscr=" document.getElementById(preregit('" + detidtoclick + "')).setAttribute('open',true); document.getElementById('" + detidtoclick.replace('det','if') + "').src= document.getElementById(regit('" + detidtoclick.replace('det','if') + "')).src.replace('c0=off','c0=on'); document.getElementById('" + detidtoclick.replace('det','if') + "').click(); ";
nextclose=" document.getElementById('" + detidtoclick + "').setAttribute('open', false); document.getElementById('" + detidtoclick + "').open=false; ";
prevdelay+=Math.round(eval(1000 * eval('' + lhparts[eval(1 + ijk)])));
} else {
//issueoid.push('ifbtobnine' + randis);
radioscr+=" setTimeout(function(){ " + nextclose + " document.getElementById(preregit('" + 'detbtobnine' + randis + "')).setAttribute('open',true); document.getElementById('" + 'ifbtobnine' + randis + "').src=document.getElementById(regit('" + 'ifbtobnine' + randis + "')).src.replace('c0=off','c0=on'); document.getElementById('" + 'ifbtobnine' + randis + "').click(); }, " + prevdelay + "); ";
nextclose=" document.getElementById('" + 'detbtobnine' + randis + "').setAttribute('open', false); document.getElementById('" + 'detbtobnine' + randis + "').open=false; ";
prevdelay+=Math.round(eval(1000 * eval('' + lhparts[eval(1 + ijk)])));
if (eval(3 + ijk) >= eval('' + lhparts.length)) {
for (kji=0; kji<200; kji++) {
jjkk=0;
for (iijk=1; iijk<lhparts.length; iijk+=3) {
radioscr+=" setTimeout(function(){ " + nextclose + " document.getElementById(preregit('" + 'detbtobnine' + randiss[eval(0 + jjkk)] + "')).setAttribute('open',true); document.getElementById('" + 'ifbtobnine' + randiss[eval(0 + jjkk)] + "').src=document.getElementById(regit('" + 'ifbtobnine' + randiss[eval(0 + jjkk)] + "')).src.replace('c0=off','c0=on'); document.getElementById('" + 'ifbtobnine' + randiss[eval(0 + jjkk)] + "').click(); }, " + prevdelay + "); ";
nextclose=" document.getElementById('" + 'detbtobnine' + randiss[eval(0 + jjkk)] + "').setAttribute('open', false); ";
prevdelay+=Math.round(eval(1000 * eval('' + lhparts[eval(1 + iijk)])));
jjkk++;
}
}
}
}
if (detbit == ' ') {
detbit+='<details onclick="document.getElementById(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ').src=document.getElementById(regit(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ')).src.replace(' + String.fromCharCode(39) + 'c0=off' + String.fromCharCode(39) + ',' + String.fromCharCode(39) + 'c0=on' + String.fromCharCode(39) + '); " id=detbtobnine' + randis + '><summary id=sumbtobnine' + randis + '><font size=2>' + decodeURIComponent(decodeURIComponent(lhparts[eval(2 + ijk)])) + '</font></summary><p><iframe onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobnine' + randis + '" onload=" cif(this); if (top.document.URL.indexOf(' + String.fromCharCode(39) + 'showit=' + String.fromCharCode(39) + ') != -1) { document.getElementById(' + String.fromCharCode(39) + 'divsp' + String.fromCharCode(39) + ').style.display=' + String.fromCharCode(39) + 'block' + String.fromCharCode(39) + '; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + lhparts[eval(0 + ijk)] + '&youtube_duration=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '.000&email=&email=&emoji=on&c0=on&i0=0&j0=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br></p></details>';
} else {
detbit+='<details onclick="document.getElementById(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ').src=document.getElementById(regit(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ')).src.replace(' + String.fromCharCode(39) + 'c0=off' + String.fromCharCode(39) + ',' + String.fromCharCode(39) + 'c0=on' + String.fromCharCode(39) + '); " id=detbtobnine' + randis + '><summary id=sumbtobnine' + randis + '><font size=2>' + decodeURIComponent(decodeURIComponent(lhparts[eval(2 + ijk)])) + '</font></summary><p><iframe onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobnine' + randis + '" onload=" cif(this); if (top.document.URL.indexOf(' + String.fromCharCode(39) + 'showit=' + String.fromCharCode(39) + ') != -1) { document.getElementById(' + String.fromCharCode(39) + 'divsp' + String.fromCharCode(39) + ').style.display=' + String.fromCharCode(39) + 'block' + String.fromCharCode(39) + '; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + lhparts[eval(0 + ijk)] + '&youtube_duration=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '.000&email=&email=&emoji=on&c0=off&i0=0&j0=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br></p></details>';
}
karbit=backiurl.replace('rand=', 'rand=' + Math.floor(Math.random() * 1987865));
randis=Math.floor(Math.random() * 1987865);
randiss.push(randis);
}
break;

case 'oneatatime':
radioscr='';
//document.title='' + (lhparts.length);
//alert(lhparts.length);
for (ijk=1; ijk<lhparts.length; ijk+=3) {
if (lhparts[eval(2 + ijk)].trim() == '') { lhparts[eval(2 + ijk)]=lhparts[eval(0 + ijk)]; }
if (detidtoclick == '') {
detidtoclick='detbtobnine' + randis;
//issueoid.push('ifbtobnine' + randis);
radioscr=" document.getElementById(preregit('" + detidtoclick + "')).setAttribute('open',true); document.getElementById('" + detidtoclick.replace('det','if') + "').src= document.getElementById(regit('" + detidtoclick.replace('det','if') + "')).src.replace('c0=off','c0=on'); document.getElementById('" + detidtoclick.replace('det','if') + "').click(); ";
nextclose=" document.getElementById('" + detidtoclick + "').setAttribute('open', false); document.getElementById('" + detidtoclick + "').open=false; ";
prevdelay+=Math.round(eval(1000 * eval('' + lhparts[eval(1 + ijk)])));
} else {
//issueoid.push('ifbtobnine' + randis);
radioscr+=" setTimeout(function(){ " + nextclose + " document.getElementById(preregit('" + 'detbtobnine' + randis + "')).setAttribute('open',true); document.getElementById('" + 'ifbtobnine' + randis + "').src=document.getElementById(regit('" + 'ifbtobnine' + randis + "')).src.replace('c0=off','c0=on'); document.getElementById('" + 'ifbtobnine' + randis + "').click(); }, " + prevdelay + "); ";
nextclose=" document.getElementById('" + 'detbtobnine' + randis + "').setAttribute('open', false); document.getElementById('" + 'detbtobnine' + randis + "').open=false; ";
prevdelay+=Math.round(eval(1000 * eval('' + lhparts[eval(1 + ijk)])));
if (eval(3 + ijk) >= eval('' + lhparts.length)) {
for (kji=0; kji<200; kji++) {
jjkk=0;
for (iijk=1; iijk<lhparts.length; iijk+=3) {
radioscr+=" setTimeout(function(){ " + nextclose + " document.getElementById(preregit('" + 'detbtobnine' + randiss[eval(0 + jjkk)] + "')).setAttribute('open',true); document.getElementById('" + 'ifbtobnine' + randiss[eval(0 + jjkk)] + "').src=document.getElementById(regit('" + 'ifbtobnine' + randiss[eval(0 + jjkk)] + "')).src.replace('c0=off','c0=on'); document.getElementById('" + 'ifbtobnine' + randiss[eval(0 + jjkk)] + "').click(); }, " + prevdelay + "); ";
nextclose=" document.getElementById('" + 'detbtobnine' + randiss[eval(0 + jjkk)] + "').setAttribute('open', false); ";
prevdelay+=Math.round(eval(1000 * eval('' + lhparts[eval(1 + iijk)])));
jjkk++;
}
}
}
}
if (detbit == ' ') {
detbit+='<details onclick="document.getElementById(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ').src=document.getElementById(regit(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ')).src.replace(' + String.fromCharCode(39) + 'c0=off' + String.fromCharCode(39) + ',' + String.fromCharCode(39) + 'c0=on' + String.fromCharCode(39) + '); " id=detbtobnine' + randis + '><summary id=sumbtobnine' + randis + '><font size=2>' + decodeURIComponent(decodeURIComponent(lhparts[eval(2 + ijk)])) + '</font></summary><p><iframe onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobnine' + randis + '" onload=" cif(this); if (top.document.URL.indexOf(' + String.fromCharCode(39) + 'showit=' + String.fromCharCode(39) + ') != -1) { document.getElementById(' + String.fromCharCode(39) + 'divsp' + String.fromCharCode(39) + ').style.display=' + String.fromCharCode(39) + 'block' + String.fromCharCode(39) + '; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + lhparts[eval(0 + ijk)] + '&youtube_duration=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '.000&email=&email=&emoji=on&c0=on&i0=0&j0=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br></p></details>';
} else {
detbit+='<details onclick="document.getElementById(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ').src=document.getElementById(regit(' + String.fromCharCode(39) + 'ifbtobnine' + randis + String.fromCharCode(39) + ')).src.replace(' + String.fromCharCode(39) + 'c0=off' + String.fromCharCode(39) + ',' + String.fromCharCode(39) + 'c0=on' + String.fromCharCode(39) + '); " id=detbtobnine' + randis + '><summary id=sumbtobnine' + randis + '><font size=2>' + decodeURIComponent(decodeURIComponent(lhparts[eval(2 + ijk)])) + '</font></summary><p><iframe onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobnine' + randis + '" onload=" cif(this); if (top.document.URL.indexOf(' + String.fromCharCode(39) + 'showit=' + String.fromCharCode(39) + ') != -1) { document.getElementById(' + String.fromCharCode(39) + 'divsp' + String.fromCharCode(39) + ').style.display=' + String.fromCharCode(39) + 'block' + String.fromCharCode(39) + '; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + lhparts[eval(0 + ijk)] + '&youtube_duration=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '.000&email=&email=&emoji=on&c0=off&i0=0&j0=' + ('' + lhparts[eval(1 + ijk)]).split('.')[0] + '&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br></p></details>';
}
karbit=backiurl.replace('rand=', 'rand=' + Math.floor(Math.random() * 1987865));
randis=Math.floor(Math.random() * 1987865);
randiss.push(randis);
}
break;

default:
break;
}

if (detbit != '') {
document.getElementById('predivsp').innerHTML='';
document.getElementById('postdivsp').innerHTML=detbit;
if (karbit != '') { document.getElementById('karit').src=karbit; } //document.getElementById('karit').src.split('rand=')[0] + 'rand=' + Math.floor(Math.random() * 1987865);
document.getElementById('tacode').value=document.getElementById('divsp').outerHTML;
setTimeout(function(){ lastta=document.getElementById('tacode').value; }, 2000);
if (radioscr != '') {
//var xx=prompt(radioscr,radioscr);
setTimeout(function(){ eval('' + radioscr); }, 1000);
}
}
}
}
}

function seloit(seloo) {
var wasmode=mode, doworry=false;
var ourmodesuffix='', asongs=[], jsng=0;

if (seloo.value == 'Yes') {
for (var ijkh=0; ijkh<offonstodo.length; ijkh++) {
if (offonstodo[ijkh].trim() != '') {
doworry=true;
eval('' + offonstodo[ijkh]);
offonstodo[ijkh]='';
}
}
if (doworry) {
setTimeout(function(){ seloit(document.getElementById('selo')); }, 8000);
return '';
}
songlistdef='';
songlistblurb='Radio defaults as answer but Oneatatime is another choice regarding (you can reorder, or leave out entries, as required) ... ' + String.fromCharCode(10) + String.fromCharCode(10);
for (var iop=0; iop<lhids.length; iop++) {
songlistdef+='#' + eval(1 + iop);
songlistblurb+='' + eval(1 + iop) + ' for ' + (lhtit[iop].indexOf(' ') != -1 ? lhtit[iop].split(' (')[0] : (lhtit[iop] == '' ? lhids[iop] : decodeURIComponent(lhtit[iop]))) + ' ... '; //String.fromCharCode(10);
}
mode=prompt(songlistblurb, 'Radio' + songlistdef);
if (mode == null) { mode=''; }
if (mode.trim() != '' && mode.indexOf('#') != -1) {
mode=mode.trim();
if (wasmode.trim() == '') {
asongs=mode.replace(/^\#/g, '').split('#');
ourmodesuffix=encodeURIComponent(mode.replace(/^\#/g, '').split('#')[0]);
for (jsng=1; jsng<asongs.length; jsng++) {
ourmodesuffix+='#' + encodeURIComponent(lhids[eval(-1 + eval('' + asongs[jsng]))]);
ourmodesuffix+='#' + encodeURIComponent(lhdur[eval(-1 + eval('' + asongs[jsng]))]);
ourmodesuffix+='#' + encodeURIComponent(lhtit[eval(-1 + eval('' + asongs[jsng]))]);
}
location.hash='#' + ourmodesuffix; //(mode.replace(/^\#/g, ''));
document.getElementById('sminus').innerHTML="<a target=_self href='/esp_ornot_esp.html' title='Reset this webpage after Radio or Oneatatime mode'>🛑</a> <a style='border:1px solid blue;' target=_blank href='/esp_ornot_esp.html' title='New window'>🛑</a>";
setTimeout(lhfind, 1000);
}
}
}
if (seloo.value.substring(0,1).toLowerCase() == 'y') {
if (document.getElementById('tdleft').innerHTML.indexOf(' data-onclick="event.stopPropagation(') != -1) {
document.getElementById('tdleft').innerHTML=document.getElementById('tdleft').innerHTML.replace(/\ data\-onclick\=\"event\.stopPropagation\(/g, ' onclick="event.stopPropagation(');
document.getElementById('tacode').value=document.getElementById('tdleft').innerHTML;
}
} else {
if (document.getElementById('tdleft').innerHTML.indexOf(' onclick="event.stopPropagation(') != -1) {
document.getElementById('tdleft').innerHTML=document.getElementById('tdleft').innerHTML.replace(/\ onclick\=\"event\.stopPropagation\(/g, ' data-onclick="event.stopPropagation(');
document.getElementById('tacode').value=document.getElementById('tdleft').innerHTML;
}
}
}

function postcif() {
backiurl=backiurl.replace('rand=', 'rand=' + Math.floor(Math.random() * 23));
//alert(backiurl);
if (lastlet != document.getElementById('list_eleven').title || lastlev != document.getElementById('list_eleven').value) {
if (document.getElementById('list_eleven').title == ' ' && document.getElementById('list_eleven').value.trim() != '') {
lastlet=document.getElementById('list_eleven').title;
lastlev=document.getElementById('list_eleven').value;
setTimeout(postcif, 20000);
}
} else {
lastlet='';
lastlev='';
document.getElementById('list_eleven').title='';
document.getElementById('list_eleven').value='';
document.getElementById('karit').src=backiurl;
}
}

function acif(iois) {
if (iois != null) {
aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
//issueoid.push(('' + iois.id));
setTimeout(postcif, 30000); //alert('oopS');
if (('' + iois.id) != 'karit') {
lastid='' + iois.id;
}
if (('' + aconto.getElementById('myh1').innerHTML).indexOf('Karaoke via ') == 0) {
if (!aconto.getElementById('youtubeid')) {
if (iois.src.indexOf('c0=on') != -1) {
setTimeout(postcif, 30000); //alert('oopS');
}
} else if (eval(('' + aconto.getElementById('youtubeid').value).length) == 11) {
if (iois.src.indexOf('c0=on') != -1) {
aconto.getElementById('youtubeid').onblur();
}
} else {
setTimeout(postcif, 30000); //alert('oopS');
}
setTimeout(tryagain, 6000);
} else if (aconto.getElementById('myh1') && aconto.getElementById('youtubeid') && aconto.getElementById('youtube_duration')) {
if (('' + iois.id) != 'karit') {
upd(aconto.getElementById('youtubeid').value, aconto.getElementById('youtube_duration').value, aconto.getElementById('myh1').innerHTML);
}
} else {
setTimeout(tryagain, 6000);
}
}
}
}
}

function tryagain() {
if (aconto.getElementById('myh1') && aconto.getElementById('youtubeid') && aconto.getElementById('youtube_duration')) {
upd(aconto.getElementById('youtubeid').value, aconto.getElementById('youtube_duration').value, aconto.getElementById('myh1').innerHTML);
}
}

function cif(iois) {
if (iois != null) {
aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
if (iois.src.indexOf('c0=on') != -1) {
lastlet='';
lastlev='';
document.getElementById('list_eleven').title='';
document.getElementById('list_eleven').value='';
}
if (('' + iois.id) != 'karit') {
lastid='' + iois.id;
}
if (('' + aconto.getElementById('myh1').innerHTML).indexOf('Karaoke via ') == 0) {
if (!aconto.getElementById('youtubeid')) {
if (iois.src.indexOf('c0=on') != -1) {
if (1 == 2) { setTimeout(postcif, 30000); } //alert('oopS');
}
} else if (eval(('' + aconto.getElementById('youtubeid').value).length) == 11) {
if (iois.src.indexOf('c0=on') != -1) {
aconto.getElementById('youtubeid').onblur();
}
} else {
if (1 == 2) { setTimeout(postcif, 30000); } //alert('oopS');
}
setTimeout(tryagain, 6000);
} else if (aconto.getElementById('myh1') && aconto.getElementById('youtubeid') && aconto.getElementById('youtube_duration')) {
if (('' + iois.id) != 'karit') {
upd(aconto.getElementById('youtubeid').value, aconto.getElementById('youtube_duration').value, aconto.getElementById('myh1').innerHTML);
}
} else {
setTimeout(tryagain, 6000);
}
}
}
}
}

</script>
<style>
td { vertical-align: top; }
select { background-color: lightblue; }
option:not(:checked) { background-color: yellow; opacity: 0.5; }
textarea { background-color: #f0f0f0; }
</style>
</head>
<body onload="sumeqif(); document.getElementById('tacode').innerHTML=document.getElementById('divsp').outerHTML;">
<div id=list_eleven style=display:none; title=''></div>
<h1 id=myh1>Using event.stopPropagation() or not</h1>
<h3>RJM Programming <span id=sminus>-</span> January, 2025</h3>
<h4>Without it, if you have revealed multiple songs below, and have them all on pause, but then restart one via click up the top, can you stop it playing multiple songs again?</h4>
<br>
<select onchange=seloit(this); size=2 id=selo style="display:inline-block;background-color:yellow;"><option value='no' selected>No to Using event.stopPropagation() ...</option><option value='yes'>Yes to Using event.stopPropagation() ...</option></select><br>   <table style="width:150%;display:inline-block;padding-left:20px;" border=1>
<tr><td id=tdleft>
<div onmousedown="divit(this);" ontouchdown="divit(this);" data-onclick="event.stopPropagation();" id="divsp" style="display:block;">
<p>Can you guess the musical connections? And/or add your own YouTube ID or search ... <span id=nlmaybe><br></span><iframe onload=acif(this); id=karit style='display:inline-block;width:100%;height:50px;overflow:hidden;' src='/HTMLCSS/karaoke_youtube_api.htm?minimize=Y&rand=rand8675876#youtubeid=++++++++++++Djibouti%2C%20Djibouti&youtube_duration=&email=&emoji=on&ir=140972061'></iframe><input id=myone onblur=myoneit(this); style=background-color:pink;display:NONE; type=text value=''></input></p>
<div id=predivsp></div>
<div id=postdivsp>
<details onclick="document.getElementById('ifbtob').src=document.getElementById(regit('ifbtob')).src.replace('c0=off','c0=on');">
<summary>B2B</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtob" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=Klh7sAv9hu4&youtube_duration=214.000&email=&email=&emoji=on&c0=off&i0=0&j0=214&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
<details onclick="document.getElementById('ifbtobtwo').src=document.getElementById(regit('ifbtobtwo')).src.replace('c0=off','c0=on');">
<summary>Tmol</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobtwo" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=fx2ns6fC4nw&youtube_duration=273.000&email=&email=&emoji=on&c0=off&i0=0&j0=273&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
<details onclick="document.getElementById('ifbtobthree').src=document.getElementById(regit('ifbtobthree')).src.replace('c0=off','c0=on');">
<summary>Glue</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobthree" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=k4V3Mo61fJM&youtube_duration=313.000&email=&email=&emoji=on&c0=off&i0=0&j0=313&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
<details onclick="document.getElementById('ifbtobpostthree').src=document.getElementById(regit('ifbtobpostthree')).src.replace('c0=off','c0=on');">
<summary>IHad</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobpostthree" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=-p6OH7FoWoQ&youtube_duration=263.000&email=&email=&emoji=on&c0=off&i0=0&j0=263&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
<details onclick="document.getElementById('ifbtobfour').src=document.getElementById(regit('ifbtobfour')).src.replace('c0=off','c0=on');">
<summary>F1</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobfour" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=AIOAlaACuv4&youtube_duration=161.000&email=&email=&emoji=on&c0=off&i0=0&j0=161&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
<details onclick="document.getElementById('ifbtobfive').src=document.getElementById(regit('ifbtobfive')).src.replace('c0=off','c0=on');">
<summary>90am</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobfive" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=HTzGMEfbnAw&youtube_duration=233.000&email=&email=&emoji=on&c0=off&i0=0&j0=233&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
<details onclick="document.getElementById('ifbtobpresix').src=document.getElementById(regit('ifbtobpresix')).src.replace('c0=off','c0=on');">
<summary>Sshh</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobpresix" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=CW_ZiojrkVY&youtube_duration=224.000&email=&email=&emoji=on&c0=off&i0=0&j0=224&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe>
</p>
</details>
<details onclick="document.getElementById('ifbtobsix').src=document.getElementById(regit('ifbtobsix')).src.replace('c0=off','c0=on');">
<summary>Faith</summary>
<p><iframe data-onclick="event.stopPropagation();" style="width:100%;height:900px;" id="ifbtobsix" onload=" cif(this); if (top.document.URL.indexOf('showit=') != -1) { document.getElementById('divsp').style.display='block'; } " src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=FtE3hoR_Nvo&youtube_duration=239.000&email=&email=&emoji=on&c0=off&i0=0&j0=239&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29="></iframe><br>
</p></details>
</div>
</div>
</td><td id=tdright style="width:50%;height:900px;"><textarea onblur=rewrite(this); style="width:100%;height:100%;" id=tacode></textarea></td></tr></table>
</body>
</html>