elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Problema al ocultar un video de youtube		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problema al ocultar un video de youtube  (Leído 1,724 veces)
z3nth10n


Desconectado Desconectado

Mensajes: 1.583


"Jack of all trades, master of none." - Zenthion


Ver Perfil WWW
Problema al ocultar un video de youtube
« en: 14 Diciembre 2012, 22:21 pm »
Hola amigos aquí el código:

Código
  1. <html>
  2. <HEAD>
  3. <TITLE>LAUNCHER</TITLE>
  4. <script>
  5. function show(myID) {
  6. document.getElementById(myID).style.display = "block";
  7. }
  8. function hide(myID) {
  9. document.getElementById(myID).style.display = "none";
  10. }
  11.  
  12. function write(myID) {
  13. document.getElementById(myID).style.innerHTML = "<iframe style='position:absolute; top:0px; left:0px;' width='382' height='340' src='http://www.youtube.com/embed/y9K18CGEeiI?autoplay=1' frameborder='0' allowfullscreen></iframe>";
  14. }
  15. function delet(myID) {
  16. document.getElementById(myID).style.innerHTML = "";
  17. }
  18. </script>
  19. <style type="text/css"> 
  20. .panel
  21. {
  22. position:absolute;
  23. width:510px;
  24. height:340px;
  25. top:45px;
  26. left:0px;
  27. text-align:center;
  28. background: #fff url('images/fondo.png') repeat; 
  29. }
  30. .subp {
  31. width:382px;
  32. height:340px;
  33. position:absolute;
  34. left:260px;
  35. margin-left:-191px;
  36. top:0;
  37. background-color:#e5eecc;
  38. border:solid 1px #c3c3c3;
  39. }
  40. #wbo {
  41. position:absolute;
  42. width:510px;
  43. height:430px;
  44. left:0;
  45. top:0;
  46. background: #000;
  47. display:none;
  48. }
  49. #credit {
  50. position:absolute;
  51. width:510px;
  52. height:430px;
  53. left:0;
  54. top:0;
  55. background: #000;
  56. display:none;
  57. }
  58. #serie {
  59. position:absolute;
  60. width:510px;
  61. height:430px;
  62. left:0;
  63. top:0;
  64. background: #000;
  65. display:none;
  66. }
  67. </style>
  68. <style>
  69. body {
  70. width:100%;
  71. height:100%;
  72. margin:0px;
  73. font-family:arial;
  74. font-size:12px;
  75. }
  76. #table {
  77. text-align:center;
  78. position:absolute;
  79. bottom:0px;
  80. left:0px;
  81. }
  82. #td {
  83. width:170px;
  84. }
  85. .bg {
  86. 	/* Set rules to fill background */
  87. 	background: #fff url('images/fondo.png') repeat; 
  88. 	/* Set up proportionate scaling */
  89. 	width: 510px;
  90. 	height: 340px;
  91.  
  92. 	/* Set up positioning */
  93. 	position: absolute;
  94. 	top: 45;
  95. 	left: 0;
  96. }
  97.  
  98.  
  99. .logo {
  100. position:absolute;
  101. width:410px;
  102. height:75px;
  103. top:55px;
  104. left:260px;
  105. margin-left:-205px;
  106. }
  107. .logo2 {
  108. position:absolute;
  109. top:135px;
  110. left:260px;
  111. width:180px;
  112. height:32px;
  113. margin-left:-90px;
  114. }
  115. .login {
  116. width:350px;
  117. height:70px;
  118. background: #808080;
  119. position:absolute;
  120. left:260px;
  121. margin-left:-175px;
  122. top:174px;
  123. border: 5px #000 solid;
  124. }
  125. .wbg {
  126. width:510px;
  127. height:45px;
  128. position:absolute;
  129. top:0px;
  130. left:0px;
  131. background: url('images/wbg.png') repeat;
  132. }
  133. @font-face {
  134.     font-family: 'xeronregular';
  135.     src: url('fonts/xeron.eot');
  136.     src: url('fonts/xeron.eot?#iefix') format('embedded-opentype'),
  137.          url('fonts/xeron.woff') format('woff'),
  138.          url('fonts/xeron.ttf') format('truetype'),
  139.          url('fonts/xeron.svg#xeronregular') format('svg');
  140.     font-weight: normal;
  141.     font-style: normal;
  142.  
  143. }
  144. .back {
  145. width:510px;
  146. height:45px;
  147. background:#000;
  148. position:absolute;
  149. bottom:0px;
  150. left:0px;
  151. }
  152. #byr {
  153. width:125px;
  154. height:25px;
  155. }
  156. #cerrar {
  157. width:16px;
  158. height:16px;
  159. top:15px;
  160. right:16px;
  161. position:absolute;
  162. }
  163. .ser13 {
  164. position:absolute;
  165. left: 260px;
  166. margin-left:-90px;
  167. bottom:55px;
  168. }
  169. #wbod {
  170. width:100%;
  171. height:100%;
  172. }
  173. #back {
  174. position:relative;
  175. top:5px;
  176. }
  177. #progress {
  178.  width: 400px;   
  179.  border: 1px solid black;
  180.  padding: 3px;
  181.  background:#fff;
  182.  position:absolute;
  183.  bottom:85px;
  184.  left:260px;
  185.  margin-left:-200px;
  186. }
  187.  
  188. #percent {
  189.  top:2px;
  190.  position: absolute;   
  191.  left: 50%;
  192.  margin-left:-38px;
  193.  width:100%;
  194. }
  195.  
  196. #bar {
  197.  height: 20px;
  198.  background-color: green;
  199.  width: 60%;
  200.  position:relative;
  201.  left:-78px;
  202. }
  203. #info6 {
  204. position:absolute;
  205. top:295px;
  206. left:260px;
  207. margin-left:-84px;
  208. color:#fff;
  209. font-weight:bold;
  210. font-size:15px;
  211. }
  212.  a:link {
  213. 	text-decoration: none;
  214. 	color: #0000ff;
  215. }
  216. a:visited {
  217. 	text-decoration: none;
  218. }
  219. a:hover {
  220. 	text-decoration: none;
  221. 	color: #333;
  222. }
  223. a:active {
  224. 	text-decoration: none;
  225. }
  226. a img {border:0;}
  227. #random1 {display:none;}
  228. </style>
  229.  
  230. <!-- Propiedades del Launcher (HTA) -->
  231.  
  232. <HTA:APPLICATION
  233. 	ID="HTA" 
  234. 	APPLICATIONNAME="HTA" 
  235. 	BORDER="none"
  236. 	BORDER STYLE="raised"
  237. 	CAPTION="yes"
  238. 	SCROLL="no"
  239. 	SELECTION="no">
  240. <body bgcolor="000000">
  241. </HEAD>
  242. <body>
  243. <center>
  244.  
  245. <!-- Botones del menu -->
  246.  
  247. <script language="VBScript">
  248. Function ejecutar()
  249. set objshell = createobject("wscript.shell")
  250. appdata = objshell.expandenvironmentstrings("%APPDATA%")
  251. objshell.run appdata & "\Ikillnukes\MC.bat"
  252. End Function
  253.  
  254. Function opciones()
  255. set objshell = createobject("wscript.shell")
  256. appdata = objshell.expandenvironmentstrings("%APPDATA%")
  257. objshell.run appdata & "\Ikillnukes\OPT.hta"
  258. End Function
  259.  
  260. Function test()
  261.         strLine = document.getElementById("username").value
  262.         Set objFSO = CreateObject("Scripting.FileSystemObject")
  263.         Set objTextFile = objFSO.OpenTextFile("User.txt", 2, True)  
  264.         objTextFile.WriteLine(strLine)
  265.         objTextFile.Close
  266.     End Function
  267. </script>
  268.  
  269. <!-- Cerrar ventana -->
  270.  
  271. <script languaje="Javacript">
  272. function salir() {
  273. setTimeout('window.close()',250)
  274. }
  275. </script>
  276.  
  277. <!-- Centrar ventana y leer User -->
  278.  
  279.  <script language="VBScript">
  280.        Sub Window_Onload
  281.            strComputer = "."
  282.            Set objWMIService = GetObject("winmgmts:\\" & strComputer & "\root\cimv2")
  283.            Set colItems = objWMIService.ExecQuery("Select * From Win32_DesktopMonitor")
  284.            For Each objItem in colItems
  285.                intHorizontal = objItem.ScreenWidth
  286.                intVertical = objItem.ScreenHeight
  287.            Next
  288.            intLeft = (intHorizontal - 510) / 2
  289.            intTop = (intVertical - 430) / 2
  290.            window.resizeTo 510,430
  291.            window.moveTo intLeft, intTop
  292.  
  293.            ' Aquí lees la linea del archivo de texto
  294.             set objFileToRead = CreateObject("Scripting.FileSystemObject").OpenTextFile("User.txt",1)
  295.             strLine = objFileToRead.ReadLine()
  296.             objFileToRead.Close
  297.  
  298.             document.getElementById("username").value = strLine
  299.        End Sub
  300.     </script>
  301.  
  302. <!-- Creditos script -->
  303.  
  304.  <script type="text/javascript">
  305.   function link1() {
  306.       var shell = new ActiveXObject("WScript.Shell");
  307.       shell.run("http://www.google.com");
  308.   }
  309.   </script>
  310. <div id="wbod">
  311. <div class="wbg">
  312. <h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Login</b></h2>
  313. <img src="images/cerrar0.png" onmouseover="this.src='images/cerrar1.png';" onmouseout="this.src='images/cerrar0.png';" onClick="javascript:window.close();" name="btnCerrar" id="cerrar" />
  314. </div>
  315. <div class="bg">
  316. </div>
  317. <img src="images\image2.png" class="logo" />
  318. <img src="images\text.png" class="logo2" />
  319. <div class="login">
  320. <center><br>Usuario: <input type="text" id="username" style="width:200px; position:relative; top:2px;" /></center>
  321. </div>
  322.  
  323. <span id="info6">Progreso del Launcher:</span>
  324. <div id="progress">
  325.     <div id="bar"><span id="percent"><b>60%</b></span></div>
  326. </div>
  327.  
  328. <img src="images/serie1.png" onmouseover="this.src='images/serie2.png';" onmouseout="this.src='images/serie1.png';" onClick="show('serie')" name="btnSerie" class="ser13" />
  329. <div class="back">
  330.  
  331. <table id="table">
  332. <tr><td id="td">
  333. <img src="images/opciones1.png" onmouseover="this.src='images/opciones2.png';" onmouseout="this.src='images/opciones1.png';" onClick="show('wbo')" name="btnOpciones" id="byr" />
  334. </td><td id="td">
  335. <a href="#" onClick="test()">
  336. <a href="#" onClick="ejecutar()">
  337. <img src="images/jugar1.png" onmouseover="this.src='images/jugar2.png';" onmouseout="this.src='images/jugar1.png';" onclick="salir()" name="btnEjecutar" id="byr" /></a></a>
  338. </td><td id="td">
  339. <img src="images/creditos1.png" onmouseover="this.src='images/creditos2.png';" onmouseout="this.src='images/creditos1.png';" onClick="show('credit')" name="btnCreditos" id="byr" />
  340. </td></tr></table>
  341.  
  342. </div>
  343. <div id="wbo">
  344. <div class="wbg">
  345. <h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Opciones</b></h2>
  346. </div>
  347. <div class="panel"><div class="subp">Hello world!</div></div>
  348. <div class="back">
  349. <img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('wbo')" name="btnCreditos" id="back" />
  350. </div>
  351. </div>
  352.  
  353. <div id="credit">
  354. <div class="wbg">
  355. <h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Creditos</b></h2>
  356. </div>
  357. <div class="panel"><div class="subp">
  358. <!-- Creditos -->
  359. <marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="1" width="382" height="340" style="text-align:center;"><span onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">
  360. <h1>Cr&eacute;ditos</h1><br><br><h3>Creador:</h3><br>&#38;#187; <b style="font-size:15px;">Ikillnukes</b> (<a href="#" title="Link #1" onclick="link1()">Twitter</a>) (<a href="#" title="Link #1" onclick="link1()">YouTube!</a>) (<a href="#" title="Link #1" onclick="link1()">Foro.elhacker.net</a>)<br><br><h2>Colaboradores:</h2><br><h3>Programaci&oacute;n:</h3><br>&#38;#187; <b>Elektro H@cker</b> (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <br><b style="color:#666;">Ayudar en Sintaxis y algunos c&oacute;digos</b><br>&#38;#187; <b>NovLucker</b> (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <br><b style="color:#666;">Ayudar con el Launcher (lo que es la base)</b><br><h2>Alpha-Testers:</h2><br>
  361. &#38;#187; <b>Jugadora23</b> (<a href="#" title="Link #1" onclick="link1()">Twitter</a>) (<a href="#" title="Link #1" onclick="link1()">YouTube!</a>) (<a href="#" title="Link #1" onclick="show('random1')">Cositos random :3</a>) <br>
  362. &#38;#187; ErVSPanchi (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <br>
  363. &#38;#187; Ferminuno (<a href="#" title="Link #1" onclick="link1()">Perfil - Foro.elhacker.net</a>) <span></marquee>
  364.  
  365. </div></div>
  366. <div class="back">
  367. <img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('credit')" name="btnCreditos" id="back" />
  368. </div>
  369. </div>
  370.  
  371. <div id="serie">
  372. <div class="wbg">
  373. <h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Creditos</b></h2>
  374. </div>
  375. <div class="panel"><div class="subp">Hello world!</div></div>
  376. <div class="back">
  377. <img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('serie')" name="btnCreditos" id="back" />
  378. </div>
  379. </div>
  380.  
  381. <div id="random1">
  382. <div class="wbg">
  383. <h2 style="color:#fff; font-family: 'xeronregular'; position:absolute; top:3px; left:16px; width:510px; margin-left:-260px; left:260px;"><b>HugeCraft</b><b style="font-family: 'arial';">&#38;#8482;</b><b> - Random</b></h2>
  384. </div>
  385. <div class="panel"><div class="subp" id="youtube" style="background:#666;"><iframe style="position:absolute; top:0px; left:0px;" width="382" height="340" src="http://www.youtube.com/embed/y9K18CGEeiI?autoplay=1" frameborder="0" allowfullscreen></iframe></div>
  386. <div class="back">
  387. <img src="images/back1.png" onmouseover="this.src='images/back2.png';" onmouseout="this.src='images/back1.png';" onClick="hide('random1')+hide('credit')" name="btnCreditos" id="back" />
  388. </div>
  389. </div>
  390.  
  391. </div>
  392.  
  393. </center>
  394. </body>
  395. </html>
  396.  

El problema es que, no se oculta el video y sigue reproduciéndose y lo probe con un innerHTML pero no workea xD Así que.

PD: Imagenes









Un saludo.

PD: El archivo aquí http://www.mediafire.com/?ch58h1jnlxnlgoh
« Última modificación: 14 Diciembre 2012, 22:29 pm por Seazoux » En línea

⏩ Interesados hablad por Discord.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
video bajados en youtube
Multimedia 		_k4r10iZ_ 0 1,629 Último mensaje 17 Junio 2006, 23:36 pm
por _k4r10iZ_
ocultar la cara en video??
Multimedia 		kepa27 1 5,427 Último mensaje 16 Agosto 2007, 18:17 pm
por Songoku
Problema al enlazar un video de youtube a un segundo determinado
Dudas Generales 		Aikanáro Anário 5 4,279 Último mensaje 5 Mayo 2010, 22:39 pm
por Aikanáro Anário
YouTube: Desactiva la auto reproducción de vídeo en YouTube
Noticias 		wolfbcn 0 2,179 Último mensaje 3 Mayo 2010, 15:59 pm
por wolfbcn
Problema con Opera : No aparecen video de Youtube en foros.
Software 		-HadeS- 1 1,902 Último mensaje 5 Agosto 2010, 21:02 pm
por frydisiaco
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines