Foros del Web - Ver Mensaje Individual - abrir con enlace un iframe en una zona especifica

emprear · #23 (**permalink**) 05/12/2010, 22:50

rzkgraphics:

estuve experimentando un poco, y cereo que la puse hacer funcionar de la siguiente manera, pero es una solucion a medias

El html de la pagina principal

Código HTML:

Ver original<!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" xml:lang="es" lang="es" >
<head>
<title>XHTML 1.0 transitional</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ES" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="js.js"></script>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
 
<a href="javascript:ajaxpage('fotos.html', 'maincont');loadobjs('galleria.classic.css','galleria.js','galleria.classic.js','sgaleria.js')">Fotos</a>
<hr>
<div id="maincont">
 
</div>
 
</body>
</html>

el html de fotos.html

Código HTML:

Ver original<style>
.content{
    color:#006d99;
    width:700px;
    font-family: Tahoma;
    font-size: 14px;
    height: 400px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 7px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}
a {color:#fff;}
#galleria{height:415px; width:739px;}
</style>
<div class="content">
<h1>Galeria de Fotos</h1>
<div id="galleria">
 
<img alt="Y se viene DON CHETA!" src="file:///C|/Users/Renato/Desktop/chezina.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Sea-otter-morro-bay_13.jpg/800px-Sea-otter-morro-bay_13.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Kuznetsk_Alatau_3.jpg/500px-Kuznetsk_Alatau_3.jpg">
<img alt="Strawberries, yum yum! Shiny red" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Basket_of_strawberries_red_accent.jpg/500px-Basket_of_strawberries_red_accent.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/500px-Laser_effects.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/PizBernina3.jpg/500px-PizBernina3.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/47/La_Galera_2.jpg/500px-La_Galera_2.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/92/Costa_rica_santa_elena_skywalk.jpg/500px-Costa_rica_santa_elena_skywalk.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Smoky_forest.jpg/500px-Smoky_forest.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Alcea_rosea_and_blue_sky.jpg/500px-Alcea_rosea_and_blue_sky.jpg">
</div>
</div>

fijate que no carga ningun javascript ni css, solo el que est definido con <style>
y que la ruta de la primera imagenb tiene un error porque llama a file:///C...

La hice trabajar en mi localhost, con Firefox/ Chrome y Opera....
lo malo es que no funciona en IE (al menos a mi).
En IE solo funciona si llamas a fotos.html tal cual lo tenes ahora.

Habria que investigar un poco mas, pero no se. El error que marca IE es
"Galleria" no está definido (para las scripts 'galleria.classic.js' y 'sgalleria.js) intente poner sgalleria.js como <script></script> tanto en la pagina principal como en fotos.html, pero siguio tirando error, aunque en los demas navegadores se siguio ejecutando.

Por lo visto el problema es como cargarla desde ajax

Otra cosa no se me ocurre

Saludos