Tema: thickbox con ajax llamando la funcion
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/01/2012, 02:45
Avatar de Fabu_dina
Fabu_dina
 
Fecha de Ingreso: enero-2004
Mensajes: 425
Antigüedad: 20 años, 3 meses
Puntos: 1
thickbox con ajax llamando la funcion
Tengo una pagina web en asp classic donde en una seccion mando llamar pormedio de un js otra pagina por medio de ajax

<script src="funciones.js" language="JavaScript"></script>


Código Javascript: 
Ver original
  1. addEvent(window,'load',inicializarEventos,false);
  2.  
  3. function inicializarEventos()
  4. {
  5.   cargarPagina('produ.asp?cate='+cate); 
  6. }
  7.  
  8. function presionEnlace(e)
  9. {
  10.   if (window.event)
  11.   {
  12.     window.event.returnValue=false;
  13.     var url=window.event.srcElement.getAttribute('href');
  14.     cargarPagina(url);     
  15. //  alert(url);
  16.   }
  17.   else
  18.     if (e)
  19.     {
  20.       e.preventDefault();
  21.       var url=e.target.getAttribute('href');
  22.       cargarPagina(url);     
  23. //  alert(url);
  24.     }
  25. // window.scrollTo(0,0);
  26. }
  27.  
  28.  
  29. var conexion1;
  30. function cargarPagina(url) 
  31. {
  32.  
  33.   if(url=='')
  34.   {
  35.     return;
  36.   }
  37.   conexion1=crearXMLHttpRequest();
  38.   conexion1.onreadystatechange = procesarEventos;
  39.   conexion1.open("GET", url, true);
  40.   conexion1.send(null);
  41. //  window.scrollTo(0,270);
  42. //      $(document).ready(function() {
  43. //
  44. //          $("#various2").fancybox({
  45. //              'width'             : '55%',
  46. //              'height'            : '55%',
  47. //              'autoScale'         : false,
  48. //              'transitionIn'      : 'none',
  49. //              'transitionOut'     : 'none',
  50. //              'type'              : 'iframe'
  51. //          });
  52. //      });
  53. }
  54.  
  55. function procesarEventos()
  56. {
  57.   var detalles = document.getElementById("center_content");
  58.   if(conexion1.readyState == 4)
  59.   {
  60.     detalles.innerHTML = conexion1.responseText;
  61.     var ob21=document.getElementById('sig');
  62.     if (ob21!=null)
  63.       addEvent(ob21,'click',presionEnlace,false);
  64.     var ob22=document.getElementById('ant');
  65.     if (ob22!=null)
  66.       addEvent(ob22,'click',presionEnlace,false);
  67.     var ob23=document.getElementById('sigu');
  68.     if (ob23!=null)
  69.       addEvent(ob23,'click',presionEnlace,false);
  70.     var ob24=document.getElementById('ante');
  71.     if (ob24!=null)
  72.       addEvent(ob24,'click',presionEnlace,false);
  73.  
  74.  
  75.     var ob1=document.getElementById('1');
  76.     if (ob1!=null)
  77.       addEvent(ob1,'click',presionEnlace,false);
  78.     var ob2=document.getElementById('2');
  79.     if (ob2!=null)
  80.       addEvent(ob2,'click',presionEnlace,false);
  81.     var ob3=document.getElementById('3');
  82.     if (ob3!=null)
  83.       addEvent(ob3,'click',presionEnlace,false);
  84.     var ob4=document.getElementById('4');
  85.     if (ob4!=null)
  86.       addEvent(ob4,'click',presionEnlace,false);
  87.     var ob5=document.getElementById('5');
  88.     if (ob5!=null)
  89.       addEvent(ob5,'click',presionEnlace,false);
  90.     var ob6=document.getElementById('6');
  91.     if (ob6!=null)
  92.       addEvent(ob6,'click',presionEnlace,false);
  93.     var ob7=document.getElementById('7');
  94.     if (ob7!=null)
  95.       addEvent(ob7,'click',presionEnlace,false);
  96.     var ob8=document.getElementById('8');
  97.     if (ob8!=null)
  98.       addEvent(ob8,'click',presionEnlace,false);
  99.     var ob9=document.getElementById('9');
  100.     if (ob9!=null)
  101.       addEvent(ob9,'click',presionEnlace,false);
  102.     var ob10=document.getElementById('10');
  103.     if (ob10!=null)
  104.       addEvent(ob10,'click',presionEnlace,false);
  105.       
  106.     var ob11=document.getElementById('11');
  107.     if (ob11!=null)
  108.       addEvent(ob11,'click',presionEnlace,false);
  109.     var ob12=document.getElementById('12');
  110.     if (ob12!=null)
  111.       addEvent(ob12,'click',presionEnlace,false);
  112.     var ob13=document.getElementById('13');
  113.     if (ob13!=null)
  114.       addEvent(ob13,'click',presionEnlace,false);
  115.     var ob14=document.getElementById('14');
  116.     if (ob14!=null)
  117.       addEvent(ob14,'click',presionEnlace,false);
  118.     var ob15=document.getElementById('15');
  119.     if (ob15!=null)
  120.       addEvent(ob15,'click',presionEnlace,false);
  121.     var ob16=document.getElementById('16');
  122.     if (ob16!=null)
  123.       addEvent(ob16,'click',presionEnlace,false);
  124.     var ob17=document.getElementById('17');
  125.     if (ob17!=null)
  126.       addEvent(ob17,'click',presionEnlace,false);
  127.     var ob18=document.getElementById('18');
  128.     if (ob18!=null)
  129.       addEvent(ob18,'click',presionEnlace,false);
  130.     var ob19=document.getElementById('19');
  131.     if (ob19!=null)
  132.       addEvent(ob19,'click',presionEnlace,false);
  133.     var ob20=document.getElementById('20');
  134.     if (ob20!=null)
  135.       addEvent(ob20,'click',presionEnlace,false);
  136. //    window.scrollTo(0,0);
  137.  
  138. } 
  139.   else 
  140.   {
  141.     detalles.innerHTML = '<img src="../images/loading.gif">';
  142.   }
  143. }
  144.  
  145. //***************************************
  146. //Funciones comunes a todos los problemas
  147. //***************************************
  148. function addEvent(elemento,nomevento,funcion,captura)
  149. {
  150.   if (elemento.attachEvent)
  151.   {
  152.     elemento.attachEvent('on'+nomevento,funcion);
  153.     return true;
  154.   }
  155.   else  
  156.     if (elemento.addEventListener)
  157.     {
  158.       elemento.addEventListener(nomevento,funcion,captura);
  159.       return true;
  160.     }
  161.     else
  162.       return false;
  163. }
  164.  
  165. function crearXMLHttpRequest() 
  166. {
  167.   var xmlHttp=null;
  168.   if (window.ActiveXObject) 
  169.     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  170.   else 
  171.     if (window.XMLHttpRequest) 
  172.       xmlHttp = new XMLHttpRequest();
  173.   return xmlHttp;
  174. }


dentro de produ.asp intento poner lo siguiente:

Código HTML: 
Ver original
  1. <a href="details1.asp?cate=<%=Session("cate")%>&amp;ide=<%=rsProdInfo("pro_ide") %>" class="thickbox" title="add a caption to title attribute / or leave blank">No-scroll content</a>

Que deberia de funcionar el problema esta que no puedo cargar el link al archivo js o css por lo cual me abre la pagina del link en la ventana y no hace el efecto ThickBox

Código HTML: 
Ver original
  1. <script type="text/javascript" src="../includes/js/thickbox.js"></script>
  2. <link rel="stylesheet" href="../includes/css/thickbox.css" type="text/css" media="screen" />

porque si dentro del archivo final pongo esto si me funciona

Código HTML: 
Ver original
  1. <script type="text/javascript" src="../includes/js/thickbox.js"></script>
  2. <link rel="stylesheet" href="../includes/css/thickbox.css" type="text/css" media="screen" />
  3. <a href="details1.asp?cate=<%=Session("cate")%>&amp;ide=<%=rsProdInfo("pro_ide") %>" class="thickbox" title="add a caption to title attribute / or leave blank">No-scroll content</a>


En cual de los archivos tendria que ir para que haga los efectos???