Forum PHP.pl > [html][ajax] Zakładki

Pomoc - Szukaj - Użytkownicy - Kalendarz

pioch

14.09.2007, 17:04:19

Witam

Mam problem z wykorzystaniem mintajax.pl , mianowicie z zakładkami :/

mój plik zakladki.html

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
 
			.tab {
				cursor: pointer;
				float: left;
				clear: none;
				width: 126px;
				height: 24px;
				line-height: 24px;
				color: White;
				text-align: center;
				margin: 0px 4px;
				background-image: url('img/tab.gif');
			}
 
			.hover, .active {
				background-image: url('img/tab_hover.gif');
			}
 
			.tabsContentOuter {
				width: 450px;
				height: 200px;
				border: 1px solid #68660B;
				float: left;
				clear: none;
			}
 
			#tabsContent {
				padding: 2px 4px;
			}
 
		</style>
		<script type="text/javascript" src="mintajax.js"></script>
		<script type="text/javascript">
 
			function OnLoad() {
				var img = new Image();
				img.src = "img/tab_hover.gif";
 
				var tabs = mint.gui.CreateTabWidget("tabsContent");
 
				tabs.fading = true;
				tabs.activeClass = "active";
				tabs.hoverClass = "hover";
 
				tabs.AddItem("tab1", "tab1", "text", "tab1.html");
				tabs.AddItem("tab2", "tab2", "text", "tab2.html");
				tabs.AddItem("tab3", "tab3", "text", "tab3.html");
 
				mint.fx.Round("tabsContentOuter", "all", "small", true);
			}
 
		</script></head><body onload="OnLoad()">
<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
 
<div id="tabsContentOuter">
    <div id="tabsContent"></div>
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

i nie działa :/ , moze ktoś sie spotkal z tym problemem:D

skowron-line

14.09.2007, 18:11:36

yyyy a moze jakies linki do tych zakladek

bo tu nic nie ma na jakiej zasadzie to ma dzialac??

pioch

14.09.2007, 19:11:20

ale linki masz zawarte w funkcji :

[HTML] pobierz, plaintext 
function OnLoad() {
var img = new Image();
img.src = "img/tab_hover.gif";
 
var tabs = mint.gui.CreateTabWidget("tabsContent");
 
tabs.fading = true;
tabs.activeClass = "active";
tabs.hoverClass = "hover";
 
tabs.AddItem("tab1", "tab1", "text", "tab1.html");
tabs.AddItem("tab2", "tab2", "text", "tab2.html");
tabs.AddItem("tab3", "tab3", "text", "tab3.html");
 
mint.fx.Round("tabsContentOuter", "all", "small", true);
}
[HTML] pobierz, plaintext

tehn

14.09.2007, 19:40:33

odpal to sobie w firefoxie... tam masz narzędzia->konsola błędów... i popatrz co Ci pisze... dzięki temu zlokalizujesz miejsce błędu...

pioch

14.09.2007, 20:03:07

tak tylko nie wyświetla żadnych błedów

! nie wiem co jest grane

skowron-line

15.09.2007, 09:22:59

zobacz sobie cos takiego
nie jest to w prawdzie MINTajax ale advajax no ale dziala podobie

[HTML] pobierz, plaintext 
<html>
	<head>
		<script type="text/javascript" src="advajax.js"></script>
		<script type="text/javascript">
			function zakladki(site){
				advAJAX.get({
					url: site,
					onSuccess : function(obj) { 
						document.getElementById('insert').innerHTML = obj.responseText;
					}
				});
			}
		</script>
	</head>
		<table>
			<tr>
				<td bgcolor="yellow"><a href="javascript:zakladki('1.html');">jeden</td>
				<td bgcolor="pink"><a href="javascript:zakladki('2.html');">dwa</td>
				<td bgcolor="orange"><a href="javascript:zakladki('3.html');">trzy</td>
			</tr>
			<tr>
				<td colspan="3" id="insert">Text</td>
			</tr>
		</table>
	</head>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.