Problema con Javascript en <div>

pixie72 · #1 (**permalink**) 08/06/2010, 08:39

Hola foro,
Voy a tratar de hacerme entender,
Tengo un programa php ( clientes.php ) que busca datos en una tabla CLIENTES, y de acuerdo al resultado de la consulta arma una lista de clientes a la izquierda de la pantalla.
Luego con ajax al hacer click en el cliente mete en un <div> otro php con los datos del cliente en la derecha de la pantalla.

Hasta ahi todo fenomeno.
El tema es que el php de la derecha (ficha.php) tiene un javascript para mostrar imagenes rotando que no lo puedo hacer andar.

Lo extraño es que si llamo a http://localhost/ficha.php?cliente=1 anda perfectamente.

Alguien me pude dar una idea que puede estar pasando?
Ya he probado de todo y nada

Hidek1 · #2 (**permalink**) 08/06/2010, 08:48

No somos adivinos.. sin ver tu codigo no te podemos ayudar!

David · #3 (**permalink**) 08/06/2010, 10:34

Cuando usas innerHTML, las etiquetas <script> no se ejecutan.

Revisa si te sirve este tema:
http://www.forosdelweb.com/f77/howto...e-ajax-510438/

pixie72 · #4 (**permalink**) 08/06/2010, 22:06

va codigo, puse en rojo las partes que no logro hacer andar.
El cuadro tiene un par de tabs que andan al pelo, pero el byslidemenu ( para mostrar imgenes ) no logro que ande...Si se muestran las imagenes una abajo de la otra como formando una columna, pero el javascript no trabaja haciendo su efecto

En esta pagina se explica el javascript
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu

Ahora, como les conte antes , si llamo al php desde la barra con http://localhost/pagina.php?id=1 anda bien de bien todo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="js/mootools-1.2.4-core-nc.js"></script>
<script type="text/javascript" src="js/byslidemenu-1.1.js"></script>


<link rel="stylesheet" href="js/tabview/css/tab-view.css" type="text/css" media="screen">
<script type="text/javascript" src="js/tabview/js/ajax.js"></script>
<script type="text/javascript" src="js/tabview/js/tab-view.js"></script>
</head>

<body>

<table border=0><tr valign=top><td><div id="tabView1">
<div class="dhtmlgoodies_aTab">
<table border=0 cellspacing=0 cellpadding=2 bordercolor="666633">
<tr>
<td>
<img src="/imagenes/alegria/alegria.jpg">
</td>
<td>
<p class="titulo">Alegria</p>
</td>
</tr>
<tr>
</td></tr>
</table>
</div>

<div class="dhtmlgoodies_aTab">
Esto va en el tab 1
</div>
<div class="dhtmlgoodies_aTab">
Esto va en el tab 2
</div>
<div class="dhtmlgoodies_aTab">
Esto va en el tab 3
</div>
</div>
</td><td>

<table border=0 cellpading=3 backcolor="black">
<ul id="byslidemenu">
<li><img src="/imagenes/alegria/alegria-04.jpg" /> </li>
<li><img src="/imagenes/alegria/alegria-03.jpg" /></li>
<li><img src="/imagenes/alegria/alegria-02.jpg" /></li>
<li><img src="/imagenes/alegria/alegria-01.jpg" /></li>
<li><img src="/imagenes/alegria/alegria-05.jpg" /></li>
</ul>
</table>
</td>
</tr>
</table>

<script type="text/javascript">
initTabs('tabView1',Array( 'Informaci�n','Te Ofrecemos','Promociones',' Comentarios' ),0,500,350,Array(false,false,false,false));
</script>


<script type="text/javascript">
window.addEvent('domready', function(){
var verticalmenu = new BySlideMenu('byslidemenu', {vertical: true, compressSize: 20, duration: 250});});
</script>

</body>
</html>

pixie72 · #5 (**permalink**) 08/06/2010, 22:08

David ,muchas gracias por tu respuesta, pero si meto un alert nomas dentro del <script> me tira el mensaje, o sea que se esta ejecutando en mi caso.
Igualmente gracias por el dato

pixie72 · #6 (**permalink**) 08/06/2010, 22:13

Va aca el codigo del index.php que es el inicial, al hacer click en el resultado de la busqueda llama a "anuncio.php" pasandole el id correspondiente segun el click
Puse en rojo lo que ceo que es donde esta el problema


2<html>
3<head>
4 <title>sitio de prueba</title>
5 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
6 <link rel="stylesheet" href="/css/mmestilo1.css" type="text/css" media="screen">
7 <link rel="stylesheet" href="/css/mmestilo2.css" type="text/css" media="screen">
8 <script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
9
10 <script type="text/javascript">
11 // <![CDATA[
12 $(document).ready(function(){
13 $('.super').click(function(){
14 $('#container').fadeOut();
15 var a = $(this).attr('id');
16 $.post("anuncio.php?id="+a, {
17 }, function(response){
18 //$('#container').html(unescape(response));
19 ///$('#container').fadeIn();
20 setTimeout("finishAjax('container', '"+escape(response)+"')", 400);
21 });
22 });
23 });
24 function finishAjax(id, response){
25 $('#'+id).html(unescape(response));
26 $('#'+id).fadeIn();
27 }
28 // ]]>
29</script>
30
31
32</head>
33
34<body>
35 <div id="mmwrapper">
36 <div id="mmcontainer">
37 <div id="mmheader">
38 <form name="form1" method="get" action="">
39 <label> Buscar: <input name="txtBusqueda" type="text" id="txtbusqueda" autocomplete="off"></label>
40 <label><input type="submit" name="Submit" value="Ir"></label>
41 </form>
42 </div>
43 <div id="mmcontent">
44 <div id="mmleftside">
45
46 <img src="/imagenes/alegria/alegria.jpg" class="super red image" alt="Menú de navegación" id="2" value="" />
47 <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>1</td><td><img src="/imagenes/alegria/alegria.jpg" class="super red image" alt="Menú de navegación" id="1" value=""/></td><td>Alegria</td></tr></table> </div>
48 <div id="container">
49 nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
50 </div>
51
52 </div>
53 <div id="mmpie">
54 Colocar aquí el contenido para id “pie”
55 </div>
56 </div>
57 </div>
58</body>
59</html>

pixie72 · #7 (**permalink**) 09/06/2010, 08:18

alguna idea?