Advertisement
agentsix1

Just a example

May 10th, 2016
36,435
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.93 KB | None | 0 0
  1. <style>
  2. .button {
  3. background:    #3d85c6;
  4. background:    -webkit-linear-gradient(#3d85c6, #073763);
  5. background:    linear-gradient(#3d85c6, #073763);
  6. border-radius: 5px;
  7. color:         #fff;
  8. display:       inline-block;
  9. padding:       3px 8px;
  10. font:          normal 700 14px/1 "Calibri", sans-serif;
  11. text-align:    center;
  12. text-shadow:   1px 1px 0 #000;
  13. }
  14. </style>
  15.  
  16. <title>SSL Live | Chaser Wall</title>
  17. <center><b><font color=red>WE ARE NOT THE OFFICIAL STORMSCAPELIVE/SERVERE STUDIOS</font></b></center><br />
  18. <table width=100% style="border: none">
  19.     <tr>
  20.         <td width=75%>
  21.             <input class=button type=button value="Refresh SSL | Stream" onclick=refresh("http://www.ustream.tv/embed/408799?html5ui&autoplay=true","ssl|stream")>
  22.         </td>
  23.         <td rowspan=2 width 25% valign="top">
  24.         <iframe frameborder="0" width="100%" height="748px" id="5728000020000075820478236" src="http://st.chatango.com/h5/gz/r0413161550/iF.html?cid=0020000075820478236&amp;a=000000&amp;a=000000&amp;b=100&amp;c=FFFFFF&amp;d=FFFFFF&amp;k=000000&amp;l=000000&amp;m=000000&amp;n=FFFFFF&amp;p=11.16&amp;q=000000&amp;r=100&amp;t=0&amp;usricon=0.85&amp;ref=http://stormscapelive.tv/ustream/&amp;grpnm=stormscapelivechat"></iframe>
  25.         </td>
  26.     </tr>
  27.     <tr>
  28.         <td>
  29.         <iframe id="ssl|stream" width="100%" height="720" src="http://www.ustream.tv/embed/408799?html5ui&autoplay=true" scrolling="no" allowfullscreen="" webkitallowfullscreen="" frameborder="0" style="border: 0 none transparent;"></iframe>
  30.         </td>
  31.     </tr>
  32. </table>
  33. <style>
  34.     .dropdown {
  35.         position: relative;
  36.         display: inline-block;
  37.     }
  38.     .dropdown-content {
  39.         display: none;
  40.         position: absolute;
  41.         background-color: #f9f9f9;
  42.         min-width: 160px;
  43.         box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  44.         padding: 12px 16px;
  45.         z-index: 1;
  46.     }
  47.     .dropdown:hover .dropdown-content {
  48.         display: block;
  49.     }
  50. </style>
  51. <table width=100% style="border: none">
  52.     <tr>
  53.         <td width=33% align=right>
  54.             <font id="custom1_font">Hover over Stream Options and choose a stream option</font><br>
  55.             <input type=hidden id="custom1_text" placeholder="youtube video link" size=45>
  56.             <div class="dropdown">
  57.               <font id="custom1_options">Stream Options</font>
  58.               <div class="dropdown-content">
  59.                 <p></p>
  60.                 <p align=center onclick=ustream(document.getElementById("custom1_text").value,"custom1_iframe",1)>SSL|Stream|UStream</p>
  61.                 <p align=center onclick=youtube(document.getElementById("custom1_text").value,"custom1_iframe",1)>Youtube</p>
  62.               </div>
  63.             </div>
  64.             <input type=hidden class=button id="custom1_btn" value="Submit" onclick=submitCustom("custom1_iframe",document.getElementById("custom1_text").value,1)>
  65.             <input type=hidden class=button id="custom1_btn_re" value="Refresh" onclick=refreshCustom("custom1_iframe",document.getElementById("custom1_iframe").src)>
  66.         </td>
  67.         <td width=33% align=right>
  68.             <font id="custom2_font">Hover over Stream Options and choose a stream option</font><br>
  69.             <input type=hidden id="custom2_text" placeholder="youtube video link" size=45>
  70.             <div class="dropdown">
  71.               <font id="custom2_options">Stream Options</font>
  72.               <div class="dropdown-content">
  73.                 <p></p>
  74.                 <p align=center onclick=ustream(document.getElementById("custom2_text").value,"custom2_iframe",2)>SSL|Stream|UStream</p>
  75.                 <p align=center onclick=youtube(document.getElementById("custom2_text").value,"custom2_iframe",2)>Youtube</p>
  76.               </div>
  77.             </div>
  78.             <input type=hidden class=button id="custom2_btn" value="Submit" onclick=submitCustom("custom2_iframe",document.getElementById("custom2_text").value,2)>
  79.             <input type=hidden class=button id="custom2_btn_re" value="Refresh" onclick=refreshCustom("custom2_iframe",document.getElementById("custom2_iframe").src)>
  80.         </td>
  81.         <td width=33% align=right>
  82.             <font id="custom3_font">Hover over Stream Options and choose a stream option</font><br>
  83.             <input type=hidden id="custom3_text" placeholder="youtube video link" size=45>
  84.             <div class="dropdown">
  85.               <font id="custom3_options">Stream Options</font>
  86.               <div class="dropdown-content">
  87.                 <p></p>
  88.                 <p align=center onclick=ustream(document.getElementById("custom3_text").value,"custom3_iframe",3)>SSL|Stream|UStream</p>
  89.                 <p align=center onclick=youtube(document.getElementById("custom3_text").value,"custom3_iframe",3)>Youtube</p>
  90.               </div>
  91.             </div>
  92.             <input type=hidden class=button id="custom3_btn" value="Submit" onclick=submitCustom("custom3_iframe",document.getElementById("custom3_text").value,3)>
  93.             <input type=hidden class=button id="custom3_btn_re" value="Refresh" onclick=refreshCustom("custom3_iframe",document.getElementById("custom3_iframe").src)>
  94.         </td>
  95.     </tr>
  96.     <tr>
  97.         <td width=33%>
  98.             <iframe id="custom1_iframe" width="100%" height="360" src="" scrolling="no" allowfullscreen="" webkitallowfullscreen="" frameborder="0" style="border: 0 none transparent;"></iframe>
  99.         </td>
  100.         <td width=33%>
  101.         <iframe id="custom2_iframe" width="100%" height="360" src="" scrolling="no" allowfullscreen="" webkitallowfullscreen="" frameborder="0" style="border: 0 none transparent;"></iframe>
  102.         </td>
  103.         <td width=33%>
  104.         <iframe id="custom3_iframe" width="100%" height="360" src="" scrolling="no" allowfullscreen="" webkitallowfullscreen="" frameborder="0" style="border: 0 none transparent;"></iframe>
  105.         </td>
  106.     </tr>
  107. </table>
  108. <table width=100%>
  109.     <tr>
  110.         <td>
  111.             <iframe src="http://builder.zoomradar.net/zoomradar_weather_map/weather_page.php?key=lXoLkJdDU9zN8n5" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="100%" height="500px" seamless=""></iframe>
  112.         </td>
  113.     </tr>
  114. </table>
  115.  
  116. <script>
  117.     function refresh(url, id) {
  118.         var iframe = document.getElementById(id);
  119.         iframe.src=url;
  120.     }
  121.     function youtube(url, id, opt) {
  122.         switch(opt) {
  123.             case 1:
  124.                 document.getElementById("custom1_options").textContent = "Youtube";
  125.                 document.getElementById("custom1_btn").type = "button";
  126.                 document.getElementById("custom1_text").type = "text";
  127.                 document.getElementById("custom1_text").disabled = false;
  128.                 document.getElementById("custom1_font").textContent = "Enter a youtube link/code in the box below";
  129.                 document.getElementById("custom1_font").title = "Example: Link: https://www.youtube.com/watch?v=ZUg9qE_KjLg Code: ZUg9qE_KjLg"
  130.                 break;
  131.             case 2:
  132.                 document.getElementById("custom2_options").textContent = "Youtube";
  133.                 document.getElementById("custom2_btn").type = "button";
  134.                 document.getElementById("custom2_text").type = "text";
  135.                 document.getElementById("custom2_text").disabled = false;
  136.                 document.getElementById("custom2_font").textContent = "Enter a youtube link/code in the box below";
  137.                 document.getElementById("custom2_font").title = "Example: Link: https://www.youtube.com/watch?v=ZUg9qE_KjLg Code: ZUg9qE_KjLg"
  138.                 break;
  139.             case 3:
  140.                 document.getElementById("custom3_options").textContent = "Youtube";
  141.                 document.getElementById("custom3_btn").type = "button";
  142.                 document.getElementById("custom3_text").type = "text";
  143.                 document.getElementById("custom3_text").disabled = false;
  144.                 document.getElementById("custom3_font").textContent = "Enter a youtube link/code in the box below";
  145.                 document.getElementById("custom3_font").title = "Example: Link: https://www.youtube.com/watch?v=ZUg9qE_KjLg Code: ZUg9qE_KjLg"
  146.                 break;
  147.         }
  148.     }
  149.     function ustream(url, id, opt) {
  150.         switch(opt) {
  151.             case 1:
  152.                 document.getElementById("custom1_options").textContent = "SSL|Stream|UStream";
  153.                 document.getElementById("custom1_text").disabled = true;
  154.                 document.getElementById("custom1_text").type = "hidden";
  155.                 document.getElementById("custom1_btn").type = "button";
  156.                 document.getElementById("custom1_font").textContent = "Click sumbit to complete the process";
  157.                 document.getElementById("custom1_font").title = ""
  158.                 break;
  159.             case 2:
  160.                 document.getElementById("custom2_options").textContent = "SSL|Stream|UStream";
  161.                 document.getElementById("custom2_text").disabled = true;
  162.                 document.getElementById("custom2_text").type = "hidden";
  163.                 document.getElementById("custom2_btn").type = "button";
  164.                 document.getElementById("custom2_font").textContent = "Click sumbit to complete the process";
  165.                 document.getElementById("custom2_font").title = ""
  166.                 break;
  167.             case 3:
  168.                 document.getElementById("custom3_options").textContent = "SSL|Stream|UStream";
  169.                 document.getElementById("custom3_text").disabled = true;
  170.                 document.getElementById("custom3_text").type = "hidden";
  171.                 document.getElementById("custom3_btn").type = "button";
  172.                 document.getElementById("custom3_font").textContent = "Click sumbit to complete the process";
  173.                 document.getElementById("custom3_font").title = ""
  174.                 break;
  175.         }
  176.     }
  177.     function submitCustom(id, url, cus) {
  178.         switch (cus) {
  179.             case 1:
  180.             switch(document.getElementById("custom1_options").textContent) {
  181.                 case "SSL|Stream|UStream":
  182.                     document.getElementById("custom1_font").textContent = "To change what you are viewing hover over SSL|SSL|Stream|UStream"
  183.                     completeUStream(id);
  184.                     document.getElementById("custom1_btn_re").type = "button";
  185.                     break;
  186.                 case "Youtube":
  187.                     document.getElementById("custom1_font").textContent = "To change what you are viewing hover over Youtube"
  188.                     completeYoutube(id, url);
  189.                     document.getElementById("custom1_btn_re").type = "button";
  190.                     break;
  191.             }  
  192.                 break;
  193.             case 2:
  194.             switch(document.getElementById("custom2_options").textContent) {
  195.                 case "SSL|Stream|UStream":
  196.                     document.getElementById("custom2_font").textContent = "To change what you are viewing hover over SSL|SSL|Stream|UStream"
  197.                     completeUStream(id);
  198.                     document.getElementById("custom2_btn_re").type = "button";
  199.                     break;
  200.                 case "Youtube":
  201.                     document.getElementById("custom2_font").textContent = "To change what you are viewing hover over Youtube"
  202.                     completeYoutube(id, url);
  203.                     document.getElementById("custom2_btn_re").type = "button";
  204.                     break;
  205.             }  
  206.                 break;
  207.             case 3:
  208.             switch(document.getElementById("custom3_options").textContent) {
  209.                 case "SSL|Stream|UStream":
  210.                     document.getElementById("custom3_font").textContent = "To change what you are viewing hover over SSL|SSL|Stream|UStream"
  211.                     completeUStream(id);
  212.                     document.getElementById("custom3_btn_re").type = "button";
  213.                     break;
  214.                 case "Youtube":
  215.                     document.getElementById("custom3_font").textContent = "To change what you are viewing hover over Youtube"
  216.                     completeYoutube(id, url);
  217.                     document.getElementById("custom3_btn_re").type = "button";
  218.                     break;
  219.             }  
  220.                 break;
  221.         }
  222.            
  223.     }
  224.     function completeUStream(id) {
  225.         var iframe = document.getElementById(id);
  226.         iframe.src="http://www.ustream.tv/embed/408799?html5ui&autoplay=true";
  227.     }
  228.    
  229.     function completeYoutube(id, url) {
  230.         url = url.replace("https://www.youtube.com/watch?v=","").replace("http://www.youtube.com/watch?v=","");
  231.         var iframe = document.getElementById(id);
  232.         iframe.src="http://www.youtube.com/embed/" + url + "?autoplay=1";
  233.     }
  234.     function refreshCustom(id, source) {
  235.         document.getElementById(id).src = source;
  236.     }
  237. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement