Como posso fazer "iframe" no CSS?

procura por jquery

abraço

você quer algo do tipo desse site?

www.eprimecare.com.br

Procurei, procurei até que achei, o Script funciona muito bem, estou usando ela pra alterar o conteúdo de um DIV, e inclusive com páginas em PHP de conteúdo dinamico, segue o link

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

Segue o código logo abaixo do que é feito, esse codigo tem 2 funções, uma pra carregar a página dinamicamente e outra pra carregar objetos, como arquivos.css, ou arquivos.js.

[]'s

Alessandro

/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false

if (window.XMLHttpRequest) // if Mozilla, Safari etc page_request = new XMLHttpRequest() else if (window.ActiveXObject){ // if IE try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")
}

catch (e){ try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")
}

catch (e){} } } else

return false
page_request.onreadystatechange=function(){

loadpage(page_request, containerid) } page_request.open('GET', url, true) page_request.send(null) }

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)

return

for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""

if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding if (file.indexOf(".js")!=-1){ //If object is a js file fileref=document.createElement('script')

fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}

else if (file.indexOf(".css")!=-1){ //If object is a css file fileref=document.createElement("link")

fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){

document.getElementsByTagName("head").item(0).appendChild(fileref) loadedobjects+=file+" " //Remember this object as being already added to page } } }

DarkDragon: é mais ou menos isso mesmo que você falou no exemplo: www.eprimecare.com.br.

Azumi: Vou tentar entender o código, obrigado.

Azumi Ajax não é uma boa,

use o include do SERVER-SIDE(php, asp, java, etc), o HTML é uma linguagem de marcação visual então por ele e nem pelo css

tem bastante tópico falando disso no forum aqui, vou ver se acho um bom para lhe indicar ;)

--------------------------------------------------------

então faça assim(sem ajax ;P):

index.php

<div id="box">
<?php
if(isset($_GET['p'])) {
include $_GET['p'].".php";

} else {

include "home.php";
}
?>
</div>

os links seriam assim:

<a href="index.php?p=paginaA">link</a>
<a href="index.php?p=paginaB">link</a>
<a href="index.php?p=paginaC">link</a>

o paginaA seria tipo a pagina do iframe e a index seria tipo o layout e outras estruturas.

Grande Silver, tudo beleza?

Velho eu faço exatamente como você falou, cabeçalho separado de rodapes, uso um esquema muito parecido com o MasterPages do ASP, num é igual, mas fica igual xD

Agora esse Script ai é muito bom pra usar em alguns casos específicos, tanto que testei ele e ele não deu certo pro que eu precisava, porém ele está guardado aqui, uma hora agente sempre usa xD

Abraço.