Problema con javascript para pagina cargada con AJAX

[VortX]

Hola, les cuento:

Tengo un archivo.js que se carga en el head de index.php, en el index.php cargo una pagina.php mediante AJAX, el archivo.js tiene funciones para la pagina.php cargada via AJAX, pero el problema es que no funcionan, por que por lo que lei, cuando la pagina se carga via AJAX no toma las funciones javascript que estan en el head de la pagina raiz

cual es la solucion

[maycolalvarez]

AJAX es una técnica para hacer peticiones HTTP desde JS, y como JS es el que recibe directamente la respuesta, recibe o texto plano, o XML, por lo tanto no interpreta JS, debes de hacer eval() sobre los bloques JS para poder interpretarlos, en google puedes conseguir muchos ejemplos.

[VortX]

gracias por la respuesta, pero antes de postear eh leido harto, y no eh encontrado la forma, algunos dicen que hay que hacerlo con un live, otros con un eval o interpretador, pero eh visto que la diferencia de muchos es que ellos quieren cargar el javascript despues, a mi me da igual cargarlo antes o despues, ya que son pocas las paginas que cargo via ajax, asi que no tendria problema de definir antes sus javascript


saludos, ojala no este tan equivocado xD

[maycolalvarez]

la idea seria filtrar del responseText todos los bloques de <script> e interpretarlo con eval()

además que tan difícil es buscar: http://www.google.com/search?client=...utf-8&oe=utf-8

si por otro lado desde jquery 1.5 te lo hace de forma automática

[VortX]

aun no puedo solucionarlo,

pero les pregunto, ¿se puede cargar un archivo javascript y que este contenga funciones para una pagina que se carga mediante ajax?

[VortX]

tengo un index y en el head cargo el javascript

index.php

Código HTML:

<script src="combos.js" type="application/x-javascript"></script> 

y el archivo combos.js tiene esto

Código:

$(document).ready(function(){ 
$('#categoria').change(function() {
	categoria = $('#categoria').val();
	$.post("producto.php",{ categoria: categoria},
	function(data){
		 $("#producto").html(data);
		});
	});
});

que maneja el siguiente div que es cargado mediante ajax en el index

Código:

<div id="add">
	<div class="toolbar">
		<h1>Agregar</h1>
		<a class="button back" href="#">Atras</a>
	</div>
	<form id="apost" action="a_post.php" method="post" class="form">
		<ul class="edit rounded">
			<li>
				<?php				
				echo '<select name="categoria" id="categoria">';
				$primero = buscarPrimerTipoProducto($db);
				$pt = buscarTiposProductos($db);
				foreach($pt as $r)
				{
					echo '<option value='.$r['id'].'>'.$r['name'].'</option>';
				}
				echo '</select>';
				echo '</li>';
				echo '<li>';
				echo '<select name="producto" id="producto">';
				$pta = buscarProductosPorTipo($db,$primero[0]['id']);
				foreach($pta as $ra)
				{
					echo '<option value='.$ra['id'].'>'.$ra['name'].'</option>';
				}
				echo '</select>';
				?>
			</li>
			<li><input type="number" name="cantidad" placeholder="Cantidad" id="cantidad" /></li>
		</ul>
		<a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Agregar</a>
	</form>
</div>

si este div lo pongo directamente en el index me funciona el cargado de los combobox, pero si el div lo cargo mediante ajax no funciona el cargado de los combos

ayuda porfavor, tengo que presentar mi trabajo en 2 dias y si no reprobare mi ramo y perdere un año

[VortX]

up