Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17614
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de aba com Ajax

20-12-2008 18:00

Quem precisa de um script de abas, esse abaixo permite fechar e criar novas abas.

Veja uma demonstração
http://www.dhtmlgoodies.com/scripts/tab ... -view.html

Para baixar, acesse
http://www.dhtmlgoodies.com/index.html? ... t=tab-view

Esse script carrega textos de uma div, tem a opção de clicar em um link e carregar um arquivo externo ( via AJAX )

Eu fiz umas adaptações para carregar todas as abas com documentos externos, abaixo segue a versão.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>DHTML Tab script</title> <style type="text/css"> body{ margin:10px; font-size:0.9em; } a{ color:#F00; } .clear{ clear:both; } </style> <link rel="stylesheet" href="css/tab-view.css" type="text/css" media="screen"> <script type="text/javascript" src="js/ajax.js"></script> <script type="text/javascript" src="js/tab-view.js"> /* (C) www.dhtmlgoodies.com, October 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Updated: March, 14th, 2006 - Create new tabs dynamically Thank you! www.dhtmlgoodies.com Alf Magne Kalleland */ </script> </head> <body> <script> window.onload = function() { createNewTab('dhtmlgoodies_tabView2','outra aba','','externalfile.html',true); createNewTab('dhtmlgoodies_tabView2','mais uma aba','','externalfile2.html',true); createNewTab('dhtmlgoodies_tabView2','uma outra aba','','externalfile.html',true); // não alterar as 3 linhas a seguir createNewTab('dhtmlgoodies_tabView2','ultima','','',true); setTimeout("deleteTab('primeira')", 0); setTimeout("deleteTab('ultima')", 0); return false; } </script> <div id="dhtmlgoodies_tabView2"><div class="dhtmlgoodies_aTab"></div></div> <script type="text/javascript"> initTabs('dhtmlgoodies_tabView2',Array('primeira'),0,500,250,Array(false,true,true)); </script> </body> </html>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado