Olá, boa noite. Estou fazendo deste jeito. O que falta? Pois abre na mesma página e não na Div.
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-top: 0px; } #wraper{width:812px; min-height:600px; margin:0 auto;} #esquerda{float:left; min-height:500px; width:200px; background:#CCC;} #principal{float:right; width:600px; min-height:600px; background:#FF9;} --> </style> </head> <body> <div id="wraper"> <div id="esquerda"> <ul> <li> <a href="http://uol.com.br/" onclick="$('#principal').load(this.href); return false;">Uol</a></li> <li><a href="http://ig.com.br/">Ig</a></li> <li><a href="http://r7.com.br/">R7</a></li> <li><a href="http://globo.com/">Globo</a></li> </ul> </div> <div id="principal"> content </div> </div> </body> </html>
E ai manoooo!!!
Já deve ter resolvido né??? mas pro restante da galera q cair aki tá faltando chamar a biblioteca jQuery. exemplo:
<script type="text/javascript" src="includes/upload/jquery-1.4.2.min.js"></script>
Falô Brother!