{"id":72001,"date":"2026-02-07T03:01:00","date_gmt":"2026-02-06T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=72001"},"modified":"2026-02-07T06:51:27","modified_gmt":"2026-02-06T20:51:27","slug":"landing-page-byline-emojis-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/landing-page-byline-emojis-tutorial\/","title":{"rendered":"Landing Page Byline Emojis Tutorial"},"content":{"rendered":"
\"Landing<\/a>

Landing Page Byline Emojis Tutorial<\/p><\/div>\n

Here at RJM Programming we have the byline …<\/p>\n

\nSoftware Need Not Be Hard!\n<\/p><\/blockquote>\n

… appearing on our changed<\/a> index.php<\/a> Landing Page<\/a>. Today, we’ve decided to animate this byline by allowing it to receive varying amounts of emoji input to add some variety.<\/p>\n

This was achieved just with additional Javascript (DOM, that is<\/a>), written into the PHP, as per …<\/p>\n

<?php echo ”
\n
\n var gbyline='', mredon=false, sarttarget='', sarthref='';
\n
\n function well(evt) {
\n evt.stopPropagation();
\n window.open('\/\/www.rjmprogramming.com.au\/HTMLCSS\/karaoke_youtube_api.htm?youtubeid=hMPbipfgQ2c&youtube_duration=41.808&email=&email=&emoji=on&c0=on&i0=9&j0=11&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=&rand=','_blank','top=50,left=50,width=800,height=800');
\n }
\n

\n function vs(togmode) {
\n if (togmode != mredon) {
\n if (togmode) {
\n document.getElementById('sart').target='_self';
\n document.getElementById('sart').href='#';
\n } else {
\n document.getElementById('sart').target=sarttarget;
\n document.getElementById('sart').href=sarthref;
\n }
\n }
\n return togmode;
\n }
\n

\n function bylineemojis() {
\n var lastcfrom='ed', lastcto='';
\n var inideas=['Soft','Hard','Hard','Soft','Not','Be','wa','ware','!','|','Nee','ed','Need','No','So','ar','war','war','war','Ha','Software','Software'];
\n var ideas=['&#x1F366;','&#x1F4A0;',String.fromCodePoint(0x26CF,0xFE0F),'&#x1FAE0;','&#x1FAA2;','&#x1F41D;','&#x1F62D;','&#x1F3FA;','&#x2757;','&#x1F4E3;','&#x1F9B4;','<a id=amred style=z-index:156; href=# onclick=well(event); title=\\\"Hello, I' + \\\"'\\\" + 'm Mr Ed\\\"><\/img><\/a>','&#x266D;','&#x26D4;','&#x1FAA1;','&#x1F62E;','&#x1FA96;',String.fromCodePoint(0x2694,0xFE0F),'&#x1FAE1;','&#x1F602;', String.fromCodePoint(0x1F469,0x200D,0x1F4BB), String.fromCodePoint(0x1F468,0x200D,0x1F4BB)];
\n if (gbyline == '') { gbyline=document.getElementById('byline').innerHTML; sarttarget=document.getElementById('sart').target; sarthref=document.getElementById('sart').href; }
\n var outideas=gbyline;
\n var lenideas=eval('' + ideas.length);
\n var howmany=Math.floor(Math.random() * lenideas), thatone=0;
\n for (var ii=0; ii<howmany; ii++) {
\n thatone=Math.floor(Math.random() * howmany);
\n if (inideas[thatone] == 'ed') {
\n lastcto=ideas[thatone];
\n } else {
\n outideas=outideas.replace(inideas[thatone], ideas[thatone]);
\n }
\n }
\n if (lastcto != '') { if (outideas.indexOf('ed') != -1) { mredon=vs(true); } else { mredon=vs(false); } outideas=outideas.replace(lastcfrom, lastcto); } else { mredon=vs(false); }
\n document.getElementById('byline').innerHTML=outideas;
\n }
\n
\n setInterval(bylineemojis, 5000);
\n<\/code>
\n“; ?><\/p>\n

As usual, whenever we deal with emojis we find Emojipedia<\/a> just great, thanks. Also helpful with today’s work was this link<\/a>.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n