Como posso fazer "iframe" no CSS?

[Gs3llmann 0]

Galera,

 

Montei um template com div's, por exemplo:

 

<div id="01">body

<div id="02">cabeçalho</div>

<div id="03">menu</div>

<div id="04">conteúdo</div>

<div id="05">rodape</div>

</div>

 

Agora imaginem que eu to com uma página mais ou menos com esse esquema, só que quando eu clicar nos links do menu eu quero que só a div 03 se altere com uma outra. Agora vem a minha duvida, quero saber se posso criar uma ou umas divs que ficam ocultas em um único documento, ai quando eu clicar no link respectivo ela substitui a div 03 ou se é melhor criar um documento externo?

 

Como que eu faço?

[programador php 0]

procura por jquery

 

abraço

[DarkDragonLord 0]

você quer algo do tipo desse site?

 

www.eprimecare.com.br

[Azumi 0]

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
}
}
}

[Gs3llmann 0]

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

 

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

[brcontainer 16]

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.

[Azumi 0]

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.