Foros del Web » Programando para Internet » Jquery »

no funcionan javascripts en un popup lanzado por jquery!!!

 Estas en el tema de no funcionan javascripts en un popup lanzado por jquery!!! en el foro de Jquery en Foros del Web. Buenas, le he dado mil vueltas y no entiendo nada... tengo dos archivos: lanzador.html @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < html > < head ...
  #1 (permalink)  
Antiguo 13/10/2012, 05:55
Avatar de protoameeba  
Fecha de Ingreso: septiembre-2005
Mensajes: 195
Antigüedad: 20 años, 1 mes
Puntos: 3
Exclamación no funcionan javascripts en un popup lanzado por jquery!!!
Buenas, le he dado mil vueltas y no entiendo nada...

tengo dos archivos:

lanzador.html

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.  
  4. <title>Modal Popup Demo</title>
  5. <script language="javascript" src="jquery.js"></script>
  6. <script language="javascript" src="modal.popup.js"></script>
  7. <script language="javascript">
  8.     $(document).ready(function() {   
  9.         //Change these values to style your modal popup
  10.         var align = 'center';                                   //Valid values; left, right, center
  11.         var top = 100;                                          //Use an integer (in pixels)
  12.         var width = 800;                                        //Use an integer (in pixels)
  13.         var padding = 10;                                       //Use an integer (in pixels)
  14.         var backgroundColor = '#FFF';                       //Use any hex code
  15.         var source = 'demo.html';                               //Refer to any page on your server, external pages are not valid e.g. http://www.google.co.uk
  16.         var borderColor = '#FFF';                           //Use any hex code
  17.         var borderWeight = 4;                                   //Use an integer (in pixels)
  18.         var borderRadius = 0;                                   //Use an integer (in pixels)
  19.         var fadeOutTime = 300;                                  //Use any integer, 0 = no fade
  20.         var disableColor = '#000';                          //Use any hex code
  21.         var disableOpacity = 85;                                //Valid range 0-100
  22.         var loadingImage = 'images/lightbox-ico-loading.gif';       //Use relative path from this page
  23.             
  24.         //This method initialises the modal popup
  25.         $(".modal").click(function() {
  26.             modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage);
  27.         });
  28.         
  29.         //This method hides the popup when the escape key is pressed
  30.         $(document).keyup(function(e) {
  31.             if (e.keyCode == 27) {
  32.                 closePopup(fadeOutTime);
  33.             }
  34.         });
  35.     });
  36. </script>
  37.  
  38. </head>
  39.  
  40. <body style="margin:20px;">
  41.  
  42. <h1>jQuery Popup Demo</h1>
  43.  
  44. <a class="modal" href="javascript:void(0);"><img src="img/attentionTab_death.png"/></a><br /><br />
  45. <a class="modal" href="javascript:void(0);">Demo</a><br/><br/>
  46. <input type="submit" class="modal" value="Demo"/>
  47.  
  48. </body>
  49. </html>

demo.html

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <script>
  4.             alert("hola");
  5.         </script>
  6.     </head>
  7.     
  8.     <body>
  9.         <img src="imagen.jpg"/>
  10.     </body>
  11. </html>





-----------------------------------------------------------------------------------------


Bien pues una vez invocado el pop up... no me deja ejecutar en la nueva pagina ningun javascript, lo cual es un problema!!! a alguien se le ocurre porque puede ser??? estoy nokeado!


Si vais a armar los archivos deciros que desde una carpeta del ordenador no tira, funciona a traves de un servidor!
__________________
Ser libre no es hacer lo ke uno kiere, sino kerer lo ke uno hace....
  #2 (permalink)  
Antiguo 13/10/2012, 05:56
Avatar de protoameeba  
Fecha de Ingreso: septiembre-2005
Mensajes: 195
Antigüedad: 20 años, 1 mes
Puntos: 3
Respuesta: no funcionan javascripts en un popup lanzado por jquery!!!
Por cierto loas archivos .js usados son:

jquery.js
que se puede bajar de aquihttp://jquery.com/download/
y

modal.popup.js

Código Javascript: 
Ver original
  1. function modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, url, loadingImage){
  2.  
  3.     var containerid = "innerModalPopupDiv";
  4.         
  5.     var popupDiv = document.createElement('div');
  6.     var popupMessage = document.createElement('div');
  7.     var blockDiv = document.createElement('div');
  8.     
  9.     popupDiv.setAttribute('id', 'outerModalPopupDiv');
  10.     popupDiv.setAttribute('class', 'outerModalPopupDiv');
  11.     
  12.     popupMessage.setAttribute('id', 'innerModalPopupDiv');
  13.     popupMessage.setAttribute('class', 'innerModalPopupDiv');
  14.     
  15.     blockDiv.setAttribute('id', 'blockModalPopupDiv');
  16.     blockDiv.setAttribute('class', 'blockModalPopupDiv');
  17.     blockDiv.setAttribute('onClick', 'closePopup(' + fadeOutTime + ')');
  18.     
  19.     document.body.appendChild(popupDiv);
  20.     popupDiv.appendChild(popupMessage);
  21.     document.body.appendChild(blockDiv);
  22.     
  23.     if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
  24.      var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
  25.        if(ieversion>6) {
  26.          getScrollHeight(top);
  27.        }
  28.     } else {
  29.       getScrollHeight(top);
  30.     }
  31.     
  32.     document.getElementById('outerModalPopupDiv').style.display='block';
  33.     document.getElementById('outerModalPopupDiv').style.width = width + 'px';
  34.     document.getElementById('outerModalPopupDiv').style.padding = borderWeight + 'px';
  35.     document.getElementById('outerModalPopupDiv').style.background = borderColor;
  36.     document.getElementById('outerModalPopupDiv').style.borderRadius = borderRadius + 'px';
  37.     document.getElementById('outerModalPopupDiv').style.MozBorderRadius = borderRadius + 'px';
  38.     document.getElementById('outerModalPopupDiv').style.WebkitBorderRadius = borderRadius + 'px';
  39.     document.getElementById('outerModalPopupDiv').style.borderWidth = 0 + 'px';
  40.     document.getElementById('outerModalPopupDiv').style.position = 'absolute';
  41.     document.getElementById('outerModalPopupDiv').style.zIndex = 100;
  42.     
  43.     document.getElementById('innerModalPopupDiv').style.padding = padding + 'px';
  44.     document.getElementById('innerModalPopupDiv').style.background = backgroundColor;
  45.     document.getElementById('innerModalPopupDiv').style.borderRadius = (borderRadius - 3) + 'px';
  46.     document.getElementById('innerModalPopupDiv').style.MozBorderRadius = (borderRadius - 3) + 'px';
  47.     document.getElementById('innerModalPopupDiv').style.WebkitBorderRadius = (borderRadius - 3) + 'px';
  48.     
  49.     document.getElementById('blockModalPopupDiv').style.width = 100 + '%';
  50.     document.getElementById('blockModalPopupDiv').style.border = 0 + 'px';
  51.     document.getElementById('blockModalPopupDiv').style.padding = 0 + 'px';
  52.     document.getElementById('blockModalPopupDiv').style.margin = 0 + 'px';
  53.     document.getElementById('blockModalPopupDiv').style.background = disableColor;
  54.     document.getElementById('blockModalPopupDiv').style.opacity = (disableOpacity / 100);
  55.     document.getElementById('blockModalPopupDiv').style.filter = 'alpha(Opacity=' + disableOpacity + ')';
  56.     document.getElementById('blockModalPopupDiv').style.zIndex = 99;
  57.     document.getElementById('blockModalPopupDiv').style.position = 'fixed';
  58.     document.getElementById('blockModalPopupDiv').style.top = 0 + 'px';
  59.     document.getElementById('blockModalPopupDiv').style.left = 0 + 'px';
  60.     
  61.     if(align=="center") {
  62.         document.getElementById('outerModalPopupDiv').style.marginLeft = (-1 * (width / 2)) + 'px';
  63.         document.getElementById('outerModalPopupDiv').style.left = 50 + '%';
  64.     } else if(align=="left") {
  65.         document.getElementById('outerModalPopupDiv').style.marginLeft = 0 + 'px';
  66.         document.getElementById('outerModalPopupDiv').style.left = 10 + 'px';
  67.     } else if(align=="right") {
  68.         document.getElementById('outerModalPopupDiv').style.marginRight = 0 + 'px';
  69.         document.getElementById('outerModalPopupDiv').style.right = 10 + 'px';
  70.     } else {
  71.         document.getElementById('outerModalPopupDiv').style.marginLeft = (-1 * (width / 2)) + 'px';
  72.         document.getElementById('outerModalPopupDiv').style.left = 50 + '%';
  73.     }
  74.     
  75.     blockPage();
  76.  
  77.     var page_request = false;
  78.     if (window.XMLHttpRequest) {
  79.         page_request = new XMLHttpRequest();
  80.     } else if (window.ActiveXObject) {
  81.         try {
  82.             page_request = new ActiveXObject("Msxml2.XMLHTTP");
  83.         } catch (e) {
  84.             try {
  85.                 page_request = new ActiveXObject("Microsoft.XMLHTTP");
  86.             } catch (e) { }
  87.         }
  88.     } else {
  89.         return false;
  90.     }
  91.  
  92.  
  93.     page_request.onreadystatechange=function(){
  94.         if((url.search(/.jpg/i)==-1) && (url.search(/.jpeg/i)==-1) && (url.search(/.gif/i)==-1) && (url.search(/.png/i)==-1) && (url.search(/.bmp/i)==-1)) {
  95.             pageloader(page_request, containerid, loadingImage);
  96.         } else {
  97.             imageloader(url, containerid, loadingImage);
  98.         }
  99.     }
  100.  
  101.     page_request.open('GET', url, true);
  102.     page_request.send(null);
  103.     
  104. }
  105.  
  106. function pageloader(page_request, containerid, loadingImage){
  107.     
  108.     document.getElementById(containerid).innerHTML = '<div align="center"><img src="' + loadingImage + '" border="0" /></div>';
  109.     
  110.     if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) {
  111.         document.getElementById(containerid).innerHTML=page_request.responseText;
  112.     }
  113.     
  114. }
  115.  
  116. function imageloader(url, containerid, loadingImage) {
  117.     
  118.     document.getElementById(containerid).innerHTML = '<div align="center"><img src="' + loadingImage + '" border="0" /></div>';
  119.     document.getElementById(containerid).innerHTML='<div align="center"><img src="' + url + '" border="0" /></div>';
  120.     
  121. }
  122.  
  123. function blockPage() {
  124.     
  125.     var blockdiv = document.getElementById('blockModalPopupDiv');
  126.     var height = screen.height;
  127.     
  128.     blockdiv.style.height = height + 'px';
  129.     blockdiv.style.display = 'block';
  130.  
  131. }
  132.  
  133. function getScrollHeight(top) {
  134.    
  135.    var h = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
  136.            
  137.     if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
  138.         
  139.         var ieversion=new Number(RegExp.$1);
  140.         
  141.         if(ieversion>6) {
  142.             document.getElementById('outerModalPopupDiv').style.top = h + top + 'px';
  143.         } else {
  144.             document.getElementById('outerModalPopupDiv').style.top = top + 'px';
  145.         }
  146.         
  147.     } else {
  148.         document.getElementById('outerModalPopupDiv').style.top = h + top + 'px';
  149.     }
  150.     
  151. }
  152.  
  153. function closePopup(fadeOutTime) {
  154.     
  155.     fade('outerModalPopupDiv', fadeOutTime);
  156.     document.getElementById('blockModalPopupDiv').style.display='none';
  157.  
  158. }
  159.  
  160. function fade(id, fadeOutTime) {
  161.     
  162.     var el = document.getElementById(id);
  163.     
  164.     if(el == null) {
  165.         return;
  166.     }
  167.     
  168.     if(el.FadeState == null) {
  169.         
  170.         if(el.style.opacity == null || el.style.opacity == '' || el.style.opacity == '1') {
  171.             el.FadeState = 2;
  172.         } else {
  173.             el.FadeState = -2;
  174.         }
  175.     
  176.     }
  177.     
  178.     if(el.FadeState == 1 || el.FadeState == -1) {
  179.         
  180.         el.FadeState = el.FadeState == 1 ? -1 : 1;
  181.         el.fadeTimeLeft = fadeOutTime - el.fadeTimeLeft;
  182.         
  183.     } else {
  184.         
  185.         el.FadeState = el.FadeState == 2 ? -1 : 1;
  186.         el.fadeTimeLeft = fadeOutTime;
  187.         setTimeout("animateFade(" + new Date().getTime() + ",'" + id + "','" + fadeOutTime + "')", 33);
  188.     
  189.     }  
  190.   
  191. }
  192.  
  193. function animateFade(lastTick, id, fadeOutTime) {
  194.       
  195.     var currentTick = new Date().getTime();
  196.     var totalTicks = currentTick - lastTick;
  197.     
  198.     var el = document.getElementById(id);
  199.     
  200.     if(el.fadeTimeLeft <= totalTicks) {
  201.     
  202.         el.style.opacity = el.FadeState == 1 ? '1' : '0';
  203.         el.style.filter = 'alpha(opacity = ' + (el.FadeState == 1 ? '100' : '0') + ')';
  204.         el.FadeState = el.FadeState == 1 ? 2 : -2;
  205.         document.body.removeChild(el);
  206.         return;
  207.     
  208.     }
  209.     
  210.     el.fadeTimeLeft -= totalTicks;
  211.     var newOpVal = el.fadeTimeLeft / fadeOutTime;
  212.     
  213.     if(el.FadeState == 1) {
  214.         newOpVal = 1 - newOpVal;
  215.     }
  216.     
  217.     el.style.opacity = newOpVal;
  218.     el.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  219.     
  220.     setTimeout("animateFade(" + currentTick + ",'" + id + "','" + fadeOutTime + "')", 33);
  221.   
  222. }

gracias tios! a ver si alguien sabe decirme el porque de este engorro!
__________________
Ser libre no es hacer lo ke uno kiere, sino kerer lo ke uno hace....

Etiquetas: funcion, funcionan, html, input, js, popup, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 06:28.