Iframe en DOM JavaScript

[Hectorweb]

Buenas, estoy tratando de modificar el codigo original del famoso efecto LightBox2, pero esta realizado en objetos DOM, cosa que no manejo mucho, necesito:

tener un iframe con estas caracteristicas,
SRC,
Layout
COlor
border
Width
Height
y Href


GRACIAS.... no se si me explique bien..!

[zerokilled]

buenas, la verdad no fui capaz de entenderlo. ¿tu quieres crear un lightbox que genere un iframe y a su vez que puedas indicar los parametros mencionado? modificar una libreria es poco recomendable y estoy casi seguro que nadie prestara ese tipo de ayuda. por tanto, ¿no te vendria mejor buscar un plugins u otra libreria que te permita hacer lo que pides? aca tienes una lista de los diferentes tipos de lightbox y sus caracteristicas. http://planetozh.com/projects/lightbox-clones/. quizas alguno de ello te permita hacer lo que necesitas.

[Hectorweb]

exactamente eso es lo que quiero hacer. Ya logre crear un iframe con
document.createElement('iframe'),src='http://www.google.com',

pero las propiedades que necesito no se como colocarlas.
que me recomiendas tu que haga para lograr tener un iframe en mi Light Box?

[zerokilled]

ni idea porque no utilizo lightbox ni parecidos. pero, si ya tienes el iframe, creo que es cuestion de asignar las propiedades en cada lugar respectivo. por ejemplo, width y height son propiedades (o atributos) del elemento <iframe>. puedes usar el metodo setAttribute para asignar el atributo y su valor. o bien, esos atributos se traducen en propiedades.

Código:

iframe.setAttribute("width", valor);
// es casi lo mismo que ;
iframe.width = valor;

ahora bien, layout, color y href no son propiedades ni atributos del elemento <iframe>. ¿que se supone que representan esas caracteristicas? ¿color de tipografia? eso ya lo tendrias que indicar en el contenido cargado del iframe. ¿un enlace href? los <iframe> no son enlaces. ademas, la propiedad adecuada para cargar contenido es src. ¿layout? no tengo ni idea de que se trata.

[Hectorweb]

Bueno estamos en las mismas yo NUNCA habia visto un codigo en DOM, mas o menos entendi por mi logica de programación unas cosas, hasta ahora lo que he logrado es crear:

'hola', HOLA en pantalla

document.createElement('iframe').setAttribute("wid th", 800), NO hace Nada

Builder.node('img', {src: 'logo.jpg'}),Muestra un Logo

document.createElement('iframe'), Muestra Iframe Vacio

Aqui pensando, lo que en realidad necesito es un iframe hacia una direccion X´s, para alli poder colocar todo el codigo con las propiedades que mencione. GRACIAS no conocia esa lista de LightBox. quien me ayuda un poco mas?

[zerokilled]

la linea que no hace nada es porque estas creando el iframe y al mismo momento asignando un atributo. al final, lo devuelto por esa expresion es undefined. de modo que el codigo en si es valido pero todo lo que hizo esa expresion es descartado porque no se almaceno en una variable la referencia creada por createElement.

Código:

var iframe = document.createElement('iframe');
iframe.setAttribute(...);
// resto de los atributos tomando como referencia la variable iframe ;

la linea que crea la imagen puede ser un tanto distinto. fijate que ese codigo probablemente hace uso de una libreria de modo que los procesos pueden ser distinto. eso explica porque puedes ver la imagen. de hecho, tambien puedes usar esa funcion para crear el <iframe> con todas las propiedades que requieres. por ejemplo

Código:

Builder.node('iframe', {"width": 800,
"height": 600,
"src": "la ruta",
"border": 0
// y por ahi un largo etcetera ;
})

[Hectorweb]

si me funciono. pero para la practica en si no me va funcionar mucho, porque tengo un Script que me toma la URL actual y en este caso obviamente me toma la del iframe y no la de la ventana padre. Disculpa tantas preguntas. pero en DOM se puede llamar a un script externo? gracias nuevamente... ah P.D. si conoces algun sitio donde esten las propiedas y objetos que puedan incluirle al Builder.node seria de gran utilidad

[zerokilled]

no comprendi bien la pregunta. ¿te refieres a interpretar codigo javascript desde un documento externo? ¿ya sea un html o *.js? si esa es la pregunta, pues si, se puede. siempre y cuando el documento que lo interprete tenga acceso al otro. ya sea porque lo abrio (popup) o porque el documento esta contenido entre si mismo (marcos). el DOM simplemente es una extension de javascript, por lo que las limitaciones del DOM practicamente son las mismas del lenguaje en si.

sobre el pd, no tengo ni idea porque para empezar no utilizo librerias y tampoco se cual es. deberias identificar la libreria (si alguna, me parece que es scriptaculous) y buscar el manual que discute acerca de la funcion. en el ejemplo, yo asumi que simplemente le pasas un objeto donde las propiedades son los atributos posibles para el elemento a crear.

[Hectorweb]

bueno mas simple, en java normal hago esto
<script src="http://loqsea.com/java.js"></script>

y en dom como seria? gracias

[zerokilled]

o sea, ¿agregar un script a traves del DOM? pues es lo mismo como estas haciendo con el <iframe>. puedes usar directamente el DOM o la libreria.

Código:

// DOM ;
var script = document.createElement("script");
script.setAttribute("src", "script.js");
document.body.appendChild(script);

// scriptaculous ;
Builder.node("script", {"src": "script.js"});

ahora bien, de nuevo, no se como funciona la libreria. especificamente me refiero si la funcion node agrega el los elementos al documento.

[Hectorweb]

nada que pego una con el DOM.... mañana tratare de nuevo, a ver que logro leer de las librerias y esas cosas, es lo malo cuando no se conoce muy bien el tema. igual gracias