Retroceder   Foros del Web > Programación para sitios web > AJAX

Respuesta
 
Herramientas Desplegado
Antiguo 14-abr-2008, 14:21   #1 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Problemas con shadowbox y AJAX

Hola buneo sucede que tengo un porblema que me tiene algo loco ya ya que no he encontrado solucion que me funcione agradesco a los que ya han tratado de ayudarme con el porblema.
Sucede que un amigo me hablo de una libreria de js con la cual puedes hacer presentaciones mas atractivas pal cliente o publico esta libreria se llama denomina shadowbox.
Bueno mi porblema es el siguiente sucede que tengo una pagina php en donde genero un catalogo de productos y cada producto tien un link a una especificacion de productos que se hace via shadowbox.
bueno si esta pagina la trabajo independientemente todo funciona corectamente, el catalogo se compone de una tabla en donde muestro 3 porductos por fila y todas las filas necesarias dependiendo el tipo de busqueda que se realiza.
ac les dejo el codigo como prenento un producto
Código:
<a rel="shadowbox;height=500;width=600" class="option"  href="../../vistas/modelo/modelo.php?cod=<?php echo $cod ?>">
                <div><?php echo ucfirst($modelos->getLinea()); ?></div>
                <table cellpadding="0" cellspacing="0" id="sub">
                  <tr>
                    <td><div id="producto"><?php echo ucfirst($modelos->getNombre_modelo());  ?></div></td>
                  </tr>
                  <tr>
                    <td><div id="imagen"><img src="../../funciones/resize.php?img=<?php echo $imagen ?>"/> </div></td>
                  </tr>
                  <tr>
                    <td><div id="precio">$ <?php echo $busquedaProducto[0]->getValor() ;  ?> c/IVA</div></td>
                  </tr>
                </table>
</a>
bueno mi problema es el siguinte sucede que esta pagina es llamada desde otra via ajax mediante una funcion similar a esta

Código:
function catalogoAccesorio(objeto,producto, sub1, sub2) {
	divCatalogo=objeto.getElementById('cat');	
	catalogoAccesorioAjax=nuevoAjax();
	catalogoAccesorioAjax.open("POST", "../../ajax/catalogo/catAccesorio.php", true);
	catalogoAccesorioAjax.onreadystatechange = function (){
		if(catalogoAccesorioAjax.readyState == 4) {
			divCatalogo.innerHTML=catalogoAccesorioAjax.responseText;
		}
	}
	catalogoAccesorioAjax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	catalogoAccesorioAjax.send("producto="+producto+"&sub1="+sub1+"&sub2="+sub2);
	
}
bueno la pagina principal se llma catalogo.php y esta hace un llamado via ajax dependiendo si quiere ver modelos o accesorios a la pagina catAccesorio o catModelo mi problema es que al hacer esta carga via ajax los efectos que muestra catModelo y catAccesorio de shadowBox no los ejecuta al seleccionar un producto X
Espero que alguien me ayude no se por que no funciona ojala puedan agradesco de antemano toda la ayuda.
Atte.
Goomba

Última edición por Goomba; 14-abr-2008 a las 14:28.
Goomba está desconectado   Responder Citando
Antiguo 14-abr-2008, 15:10   #2 (permalink)
Moderador
GatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy pronto
 
Avatar de GatorV
 
Fecha de Ingreso: mayo-2006
Ubicación: Queretaro, Mexico
Mensajes: 11.600
Re: Problemas con shadowbox y AJAX

Hola Goomba,

Revisa este link: HOWTO: Ejecutar javascript que viene de ajax

Saludos.
__________________
Blog Web
GatorV está desconectado   Responder Citando
Antiguo 15-abr-2008, 00:02   #3 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Re: Problemas con shadowbox y AJAX

bueno probe el interprete pero no funciona el efecto shadowbox.
bueno este es el codigo de la pagina
este es la pagina del catalogo
catalogo.php
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
script type="text/javascript" src="../../funciones/interpretadorAjax.js"></script>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../funciones/ajax.js"></script>
<script type="text/javascript" src="../../funciones/funcion.js"></script>
<link rel="stylesheet" type="text/css" href="funciones/shadowbox/src/css/shadowbox.css">
<script type="text/javascript" src="../../funciones/shadowbox/src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/shadowbox.js"></script>
<script type="text/javascript">

window.onload = function(){

    Shadowbox.init();

    /**
     * Note: The following command is not necessary in your own project. It is
     * only used here to set up the demonstrations on this page.
     */

};

</script>
</head>

<body >
<table width="100%" border="0" cellpadding="0" cellspacing="6">
  <tr>
    <td valign="top" width="80%">
    <div id="cat"></div>
    </td>
    <td width="20%" valign="top">
        <form id="form1" name="form1" method="post" action="">
        <select name="producto" id="producto" onchange="loadTipoProducto(document, this)">
            <option value="-1">Elija un tipo Produto</option>
            <option value="Accesorios">Accesorios</option>
            <option value="Modelos">Modelos</option>
        </select>
        <select name="sub1" id="sub1" style="display:none">
        </select>
        <select name="sub2" id="sub2" style="display:none">
        </select>
      </form>
    </td>
  </tr>
</table>
</body>
</html> 
este es el codigo ajax
codig ajax.js
Código PHP:
function catalogoModelo(objeto,productosub1sub2) {
    
divCatalogo=objeto.getElementById('cat');    
    
catalogoModeloAjax=nuevoAjax();
    
catalogoModeloAjax.open("POST""../../ajax/catalogo/catModelo.php"true);
    
catalogoModeloAjax.onreadystatechange = function (){
        if(
catalogoModeloAjax.readyState == 4) {
            
            var 
scs=catalogoModeloAjax.responseText.extractScript();    //capturamos los scripts 
            
divCatalogo.innerHTML=catalogoModeloAjax.responseText.stripScript();
            
scs.evalScript();       //ahora si, comenzamos a interpretar todo  

        
}
    }
    
catalogoModeloAjax.setRequestHeader("Content-Type""application/x-www-form-urlencoded");
    
catalogoModeloAjax.send("producto="+producto+"&sub1="+sub1+"&sub2="+sub2);
    


Última edición por Goomba; 15-abr-2008 a las 00:21.
Goomba está desconectado   Responder Citando
Antiguo 15-abr-2008, 00:10   #4 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Re: Problemas con shadowbox y AJAX

continuacion....

funcion loadTipoProducto que s ellam en onchance de catalogo.php
Código PHP:
function loadTipoProducto(objetovalor) {
    
producto=valor.value;
    
objeto.getElementById('sub1').length=0;
    if(
producto!=-1) {
        
objeto.getElementById('sub2').style.display="none";
        
objeto.getElementById('sub1').style.display="block";
        if(
producto=="Accesorios") {
            
catalogoAccesorio(objeto,'%','','');
            
        }
        else {
            
catalogoModelo(objeto,'%','','');
        }
        
    }
    else {
        
objeto.getElementById('sub1').style.display="none";
        
objeto.getElementById('sub2').style.display="none";
        
objeto.getElementById('sub1').length=0;
    }

bueno ahora queda poner el codigo del archivo catModelo.php pa tener una muestra
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<
link href="estilo.css" rel="stylesheet" type="text/css" />
<
script type="text/javascript" src="../../funciones/interpretadorAjax.js"></script>
<link rel="stylesheet" type="text/css" href="funciones/shadowbox/src/css/shadowbox.css">
<script type="text/javascript" src="../../funciones/shadowbox/src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/shadowbox.js"></script>
<script type="text/javascript" src="../../funciones/ajax.js"></script>

<script type="text/javascript">

window.onload = function(){

    Shadowbox.init();

    /**
     * Note: The following command is not necessary in your own project. It is
     * only used here to set up the demonstrations on this page.
     */

};

</script>
</head>
<body>
<a rel="shadowbox;height=500;width=600" class="option"  href="vistas/modelo/modelo.php?cod=7890">proband</a><br />
 <a rel="shadowbox" class="option" title="Google.com" href="http://www.google.com/">External site</a>
</body>
</html> 
bueno ahy tanb los codigos el porblema es que no me funciona el efecto del shadowbox, bueno porfavor pa que vean lo que hace el shadowbox esta es la web http://mjijackson.com/shadowbox/
no se porque no funciona ojala me puedan ayudar.
atte
Goomba
PS no se porque no funciona toy conlas canas verdes ya
Goomba está desconectado   Responder Citando
Antiguo 15-abr-2008, 08:18   #5 (permalink)
Moderador
GatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy pronto
 
Avatar de GatorV
 
Fecha de Ingreso: mayo-2006
Ubicación: Queretaro, Mexico
Mensajes: 11.600
Re: Problemas con shadowbox y AJAX

Hace poco hubo un post similar, y el problema son:
Código:
<script type="text/javascript" src="../../funciones/shadowbox/src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="../../funciones/shadowbox/src/js/shadowbox.js"></script>
<script type="text/javascript" src="../../funciones/ajax.js"></script>
Todos esos scripts tienes que ponerlos en la página principal, o de lo contrario no se evaluaran.

Saludos.
__________________
Blog Web
GatorV está desconectado   Responder Citando
Antiguo 15-abr-2008, 10:53   #6 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Re: Problemas con shadowbox y AJAX

a que te refieres con ponerlos en la pagina principal
sucede que estan puestos en ambos porbe poniendolo en catlñogo solamentye y tampoco, despues den catModelo tampoco, me podrias oruientar otro poco porfa
Agredaesco de antemano todo.
Atte
Goomba
PS trate de ponerlo solo en el catalogo.php despues solo en catmodelo.php pero no funciona, ayudaporfavor oreintacion no se que puedo estar hacuiiendo mal

Última edición por Goomba; 15-abr-2008 a las 11:00.
Goomba está desconectado   Responder Citando
Antiguo 15-abr-2008, 11:18   #7 (permalink)
Moderador
GatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy pronto
 
Avatar de GatorV
 
Fecha de Ingreso: mayo-2006
Ubicación: Queretaro, Mexico
Mensajes: 11.600
Re: Problemas con shadowbox y AJAX

Me refiero a que tus inclusiones de los archivos JavaScript deben de estar en la pagina principal (la pagina que es como "master" la que procesa todo lo de AJAX).

Saludos.
__________________
Blog Web
GatorV está desconectado   Responder Citando
Antiguo 15-abr-2008, 11:38   #8 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Re: Problemas con shadowbox y AJAX

esta hecho pero no me funciona igual sucede que ajax.js guarda varias otras funciones ajax las cuales son invocadas dependiendo de la pagina si mi pero esta es que el efecto shadowbox no me funciona no se que hacer.
Agradesco la ayuda atte.
Goomba
PS como puedo poner las paginas ya que el codigo es muy largo pa ver si tengo algun pero el porblema es que el efecto shadowbox se aplica al tag <a> porfa y no hay un tag <script> dentro de ese tag <A>
Goomba está desconectado   Responder Citando
Antiguo 15-abr-2008, 12:05   #9 (permalink)
Moderador
GatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy pronto
 
Avatar de GatorV
 
Fecha de Ingreso: mayo-2006
Ubicación: Queretaro, Mexico
Mensajes: 11.600
Re: Problemas con shadowbox y AJAX

Puedes probar instalando la extensión Firebug de Firefox y así poder ver el porque no te esta funcionando tu galería.

Saludos.
__________________
Blog Web
GatorV está desconectado   Responder Citando
Antiguo 15-abr-2008, 14:10   #10 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Re: Problemas con shadowbox y AJAX

YYa no se que hacer el firebug no me funciona me dice error de ejecucion y ya porbe todas sus soluciones sin suerte ojala alguien me pueda ayudar toy urgio
Agradesco de antemano toda la ayuda
Atte.
Goomba

Última edición por Goomba; 15-abr-2008 a las 19:06.
Goomba está desconectado   Responder Citando
Antiguo 16-abr-2008, 06:19   #11 (permalink)
MaBoRaK llegará a ser famoso muy prontoMaBoRaK llegará a ser famoso muy pronto
 
Avatar de MaBoRaK
 
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 1.749
Enviar un mensaje por MSN a MaBoRaK
Re: Problemas con shadowbox y AJAX

loading...................


hazlo así

Código PHP:
function catalogoModelo(objeto,productosub1sub2) {
    
divCatalogo=objeto.getElementById('cat');    
    
catalogoModeloAjax=nuevoAjax();
    
catalogoModeloAjax.open("POST""../../ajax/catalogo/catModelo.php"true);
    
catalogoModeloAjax.onreadystatechange = function (){
        if(
catalogoModeloAjax.readyState == 4) {
            
            var 
scs=catalogoModeloAjax.responseText.extractScript();    //capturamos los scripts 
            
divCatalogo.innerHTML=catalogoModeloAjax.responseText;
            
scs.evalScript();       //ahora si, comenzamos a interpretar todo  
            
Shadowbox.init(); 
        }
    }
    
catalogoModeloAjax.setRequestHeader("Content-Type""application/x-www-form-urlencoded");
    
catalogoModeloAjax.send("producto="+producto+"&sub1="+sub1+"&sub2="+sub2);
    


connection closed.
__________________
maborak@maborak.com
http://www.maborak.com
Maborak technologies
MaBoRaK está desconectado   Responder Citando
Antiguo 16-abr-2008, 11:34   #12 (permalink)
Goomba está en el buen camino
 
Fecha de Ingreso: abril-2003
Mensajes: 156
Re: Problemas con shadowbox y AJAX

gracias nuevamnet pero no funciono T__T
agradesco la ayuda
Mentras tendre que dejarla en una forma que no me gusta mucho con iframe.
Atte
Goomba
Goomba está desconectado   Responder Citando
Antiguo 21-abr-2008, 11:43   #13 (permalink)
Unxky28 ha deshabilitado el karma
 
Avatar de Unxky28
 
Fecha de Ingreso: marzo-2006
Ubicación: En Puebla
Mensajes: 58
Enviar un mensaje por MSN a Unxky28 Enviar un mensaje por Yahoo  a Unxky28
Re: Problemas con shadowbox y AJAX

Hola?

Porque no Revisas la Documentacion de Shadowbox

http://mjijackson.com/shadowbox/doc/usage.html

Ahy te explica como usarla....

Saludos.!
__________________
El Futuro esta en Tus Manos...
Unxky28 está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 16:11.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93