En fin, parece que con jquery ha sido posible. El problema es que no tengo ni idea de por qué. Finalmente he sido capaz de acceder y manejar propiedades css de divs cargados dinámicamente mediante ajax.
Por si alguien le pudiera interesar cuelgo la página padre que hace la llamada y la hija donde se cargan los divs que aparecen y desaparecen pulsando un botón. Allá va:
PÁGINA PADRE:
Código PHP:
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"> </script>
<script type="text/javascript">
var x;
x=$(window);
x.ready(inicializarEventos);
function inicializarEventos()
{
var x;
x=$("#enlace a");
x.click(kargatu);
}
function kargatu()
{
$.ajax({
type:"GET",
dataType: "html",
url: "alerta_jquery.html",
success: llegada
});
}
var c=0;
llegada=function(msg){
$("#pp").append(msg);
//regularmente tendríamos aquí que re-ligar los eventos
$("#irudi").css("display", "block");
$("#botoi").click(function(){
if(c==0) { $("#irudi").css("display", "none");
c=1; }
else {
if(c==1) { $("#irudi").css("display", "block");
c=0; }}
});
}
</script>
</head>
<body>
<div id="enlace"><h1>bla bla bla bla bla bla bla bla bla bla bla bla bla bla </h1>
<a href="#" >sakatu</a>
</div>
<div id="pp">
</div>
</body>
</html>
PÁGINA HIJA:
Código PHP:
<script type="text/javascript">
alerta=function()
{
alert("kaixo");
}
</script>
<h1>subpágina</h1>
<div id="enlace2">
<a href="#" onclick="alerta();">alert</a>
</div>
<div id="irudi" style="display:block">
<img src="irudiak/etiqueta_behean.jpg" />
</div>
<a href="#" id="botoi">mostrar/ocultar</a>
Pulsando el enlace "sakatu" de la página padre se hace la carga de ajax. En la función "llegada" está el asunto ya que es aquí donde se inicializa el valor de la css del div que se quiere hacer aparecer/desaparecer y para ello se asigna una función al boton "botoi".