Vale, ya he encontrado la manera de harcelo. Juraría que lo llegué a tener escrito pero no funcionaba.
con este código hace lo que quiero. Al final prescindí del iframe y lo cargo en el div directamente.
Código:
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#Traccion-Compresion").click(function(event) {
$('#div-Apuntes').load('http://aingenieros.blogspot.com.es/p/resistencia-de-materiales-traccion.html #post-body-5725320816205339506');
});
});
</script>
El problema al que me enfrento ahora es el siguiente: Para no generar un script para cada enlace necesito pasar a javascript la URL como parámetro así como el div que quiero cargar. La id de ese div es única para cada página pero siempre tiene el formato: post-body-(número), el número se almacena en una variable llamada data:post.id.
por lo que creo el javascript debería quedar algo así, pero no estoy seguro.
Código:
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#Traccion-Compresion").click(function(event) {
$('#div-Apuntes').load('URL #post-body-"+data:post.id"');
});
});
</script>
donde URL sería el parámetro sacado del enlace y data:post.id sería la variable que contiene la id del div que quiero cargar. Es correcto esto?
Y cómo debería configurar mi etiqueta <a> para que pase estos datos a javascript?
Gracias y saludos