{"id":67558,"date":"2025-03-17T03:01:00","date_gmt":"2025-03-16T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=67558"},"modified":"2025-03-17T10:00:04","modified_gmt":"2025-03-17T00:00:04","slug":"making-of-clickaround-maps-google-chart-geo-chart-mobile-integration-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/making-of-clickaround-maps-google-chart-geo-chart-mobile-integration-tutorial\/","title":{"rendered":"Making of Clickaround Maps Google Chart Geo Chart Mobile Integration Tutorial"},"content":{"rendered":"
\"Making<\/a>

Making of Clickaround Maps Google Chart Geo Chart Mobile Integration Tutorial<\/p><\/div>\n

As far as CSS styling goes with our web application work, personally speaking, it is one of …<\/p>\n

\nGive it a bit of oompha!\n<\/p><\/blockquote>\n

… moments in coding we think we learn more from, than reading about CSS. That, and, usually StackOverflow<\/a>, thanks, where examples of achieving some styling ambition teach us a lot too.<\/p>\n

Yesterday, with Clickaround Maps Google Chart Geo Chart Mobile Integration Tutorial<\/a>, we decided to “put a bit of oompha” into that “two bell emoji” ( ie. 🔔🔔 ) link “double buzzer” sound “production number”, and wanted to break down what we ended up with, for readers …<\/p>\n\n\n\n
Our first try … okay for non-mobile … not as good for mobile …<\/th>\n<\/tr>\n
\n
\n<a id=\"aja\" target=\"myja\" title=\"\" onmouseover=\"if (!navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i)) { this.title=' '; this.target='myja'; } \" onclick=\"if (!navigator.userAgent.match(\/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile\/i) && this.title == '') { this.title=' '; this.target='myja'; document.getElementById('myja').src=this.href; } setTimeout(function(){ document.getElementById('aja').target='_blank'; },100);\" href=\"\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_youtube_api.htm?youtubeid=7XMW6Z_Oq38&jusJUNKtaudio=&youtube_duration=2.000&email=&email=&emoji=on&c0=on&i0=0&j0=2&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=\" rel=\"noopener\">&#128276;&#128276;<\/a>
\n