Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/04/2013, 14:23
Avatar de ipraetoriux
ipraetoriux
 
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años, 7 meses
Puntos: 155
Respuesta: ¿Cómo no repetir funciones a lo baboso?

...pues una forma facil y muy rapida es usando jQuery...

el XHTML

Código HTML:
Ver original
  1. <div>
  2. <a href="" id="A" >Video A</a>
  3. </div>
  4. <div>
  5. <a href="" id="B" >Video B</a>
  6. </div>
  7. <div>
  8. <a href="" id="C" >Video C</a>
  9. </div>
  10. <div>
  11. <a href="" id="D" >Video D</a>
  12. </div>
  13. <div>
  14. <a href="" id="E" >Video E</a>
  15. </div>
  16. <div>
  17. <a href="" id="F" >Video F</a>
  18. </div>
  19. <div>
  20. <a href="" id="G" >Video G</a>
  21. </div>

el Javascript

Código Javascript:
Ver original
  1. $("#links  div a").click(function(){
  2.     var ventana = window.open("", "Nueva ventana", "width=660, height=380, scrollbars=no");
  3.     ventana.document.write("<head><title>Video</title></head><body>");
  4.     ventana.document.write('<video src="video' + this.id + '.ogv" controls></video>');
  5.     ventana.document.write("</body>");
  6.     return false;
  7. });