bill-auger
/
lctv-badges


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
							<html><head><title>LCTV Online Status Badge - SVG v2</title></head>
<body><link rel="stylesheet" type="text/css" href="lctv-badges-repo.css" />

  <p>LCTV Online Status Badge - SVG v2</p>

  Type an LCTV channel name here --> <input id="channel-name-input" type="text" />
  then press "Gimme"             --> <input id="submit-input" type="button" value="Gimme" />
                                 --> <a id="lctv-badge-a"></a>

  <script type="text/javascript">

var BADGE_A_ID       = 'lctv-badge-a' ;
var CHANNEL_INPUT_ID = 'channel-name-input' ;
var SUBMIT_INPUT_ID  = 'submit-input' ;
var LCTV_URL         = "https://www.livecoding.tv/" ;
var JOHNQ_URL        = "http://designdouble.com/" ; // LCTV user johnq
var STATUS_SVG_URL   = JOHNQ_URL + "lctv-online-status.php?style=online-status-v2&channel=" ;

var BadgeA       = document.getElementById(BADGE_A_ID      ) ;
var ChannelInput = document.getElementById(CHANNEL_INPUT_ID) ;
var SubmitInput  = document.getElementById(SUBMIT_INPUT_ID ) ;
var BadgeImg     = document.createElement('img') ;

BadgeImg.style.width      = '100px' ;
BadgeImg.style.height     = '24px' ;
BadgeImg.style.visibility = 'hidden' ;
SubmitInput.onclick       = function()
{
  var channel_name          = ChannelInput.value
  BadgeA  .href             = LCTV_URL + channel_name ;
  BadgeImg.src              = STATUS_SVG_URL + channel_name ;
  BadgeImg.style.visibility = 'visible' ;
} ;

BadgeA.appendChild(BadgeImg) ;

  </script>

  <p>to use this badge on your website:
    <ol>
      <li>add this A and IMG tag to your HTML
        <pre>&lt;a href="https://www.livecoding.tv/MY_LCTV_CHANNEL_NAME"&gt;
  &lt;img width="100" height="24" src="http://designdouble.com/lctv-online-status.php?channel=MY_LCTV_CHANNEL_NAME&style=online-status-v2" /&gt;
&lt;/a&gt;</pre>
      </li>
    </ol>
  </p>

</body></html>