+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: Dúvida Website (/showthread.php?tid=7961)
Dúvida Website - akaunnamed999 - 08-12-2010 00:49
Boa noite, estou a fazer um website com base de dados e gostaria de saber como fazer uma espécie de widget na página principal num rectângulo pequeno (que chamaria uma outra página que contêm html+php+ajax e javascript). Foi-me sugerido fazer uma div com um .js lá dentro mas não estou a ver como. Podem-me dar sugestões sff?
Desde já os meus agradecimentos
Cumprimentos
RE: Dúvida Website - Bruno Bernardino - 08-12-2010 17:25
Explica melhor o que pretendes, não percebi muito bem... qual é o objectivo?
Vê se o load do jQuery te é útil: http://api.jquery.com/load/
RE: Dúvida Website - akaunnamed999 - 08-12-2010 18:58
O objectivo é criar uma div de lado na página master onde seria chamada uma página html (o dito widget) para se facilitar a inclusão noutros sites. Peço desculpa se não estou a fazer-me entender.
Cumprimentos,
Afonso Santos
RE: Dúvida Website - Bruno Bernardino - 08-12-2010 19:06
Não estou a perceber muito bem, mas se queres criar um widget dinâmico que possa ser incluído noutros sites (mesmo em domínios diferentes, etc.), podes criar um ficheiro .php com header text/javascript que faça um document.write ou $(document).append()
Depois a inclusão será algo como:
<script type="text/javascript" src="http://caminho-ate-ao/ficheiro.php"></script>
RE: Dúvida Website - akaunnamed999 - 08-12-2010 20:03
Já encontrei mais ao menos o que eu queria:
<script type="text/javascript">
//<![CDATA[
// written by: Coothead
function updateObjectIframe(which){
document.getElementById('one').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
}
//]]>
</script>
</head>
<body>
<div id="one">
<object id="foo" name="foo" type="text/html" data="http://www.w3schools.com/"></object>
</div>
<div>
<a href="http://www.google.com" onclick="updateObjectIframe(this); return false;">this is an object test not an iframe test</a>
</div>
</body>
</html>
Este código cria uma frame com o html de outra página.
Obrigado pela ajuda.
Cumprimentos