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><a href="https://www.livecoding.tv/MY_LCTV_CHANNEL_NAME">
- <img width="100" height="24" src="http://designdouble.com/lctv-online-status.php?channel=MY_LCTV_CHANNEL_NAME&style=online-status-v2" />
- </a></pre>
- </li>
- </ol>
- </p>
- </body></html>
|