problema con idtabs

problema con idtabs postato il 01/02/2012 16:06:36 nel forum programmazione, gdrcd, open source, hosting e modificato da staffdesdemear il 01/02/2012 16:14:31

stavo implementando un sistema di idtabs per il menu, ma quando ad ogni <p do il comando "include" per includere una pagina che in teoria dovrebbe apparire solo quando si va in quella sezione appare fin da subito nella home, per farvi capire meglio:

menu.php

<ul id="menu" class="idTabs">
<li><a href="#one" class="selected">First</a></li>
<li><a href="#two">Second</a></li>
<li><a href="#three">Third</a></li>
<li><a href="#four">Fourth</a></li>
</ul>

html.php

<td width="80%" rowspan="2" align="center" valign="top">
<div class="menuContainer">
<p id="one" style="display: none; ">This is my third tab</p>
<p id="two" style="display: none; "><? include("cosplay.php"); ?></p>
<p id="three" style="display: none; ">This is my first tab.</p>
<p id="four" style="display: none; ">This is my second tab.</p>
</div></td></tr>

ho settato come vedete di default il primo tasto (First cioè) ma quando vado a verificare mi spunta sia la prima pagina che quella con l'include che invece dovrebbe apparire solo se cliccata come seconda....come risolvo ?

eccovi una screen della situazione attuale:

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

quota

Pagine → 1

leoblacksoul

SCRIVI

01/02/2012 16:28:15

Beh qui manca decisamente il codice javascript che deve far funzionare il tutto.
Mettere semplicemente "class=selected" non fa niente, ci vuole il codice javascript che lo gestisce

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

staffdesdemear

SCRIVI

01/02/2012 16:32:21

leoblacksoul ha scritto: Beh qui manca decisamente il codice javascript che deve far funzionare il tutto.
Mettere semplicemente "class=selected" non fa niente, ci vuole il codice javascript che lo gestisce

il codice javascript è incluso nella pagina html.php se vuoi te la ricopio tutta, comunque funziona perfettamente, solo che non voglio si veda la pagina con include prima di cliccare nel tasto ad essa correlata (che in questo caso è "Second")

html.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Pizzi Palermo - Official Web Site</title>
<meta http-equiv="Content-Language" content="en" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/main.css" type="text/css" title='main' media="screen" />
<link rel="stylesheet" href="./css/page.css" type="text/css" title='main' media="screen" />
<script type="text/javascript" src="./js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="./js/jquery.idTabs.js"></script>
<script type="text/javascript" src="./js/jquery.idTabs.min.js"></script>
</head><body>
<div width="80%" height="100%" align="center"><table height="100%" width="80%" border="1"><tr>


<td height="10%" colspan="2" align="center" valign="middle"><? include("header.php"); ?></td></tr>
<tr>

<td width="20%" height="20%"><? include("menu.php"); ?></td>

<td width="80%" rowspan="2" align="center" valign="top">
<div class="menuContainer">
<div id="one" style="display: block; ">This is my third tab</div>
<div id="two" style="display: none; "><? include("cosplay.php"); ?></div>
<div id="three" style="display: none; ">This is my first tab.</div>
<div id="four" style="display: none; ">This is my second tab.</div>
</div></td></tr>
<tr>

<td height="240"><? include("lastvideo.php"); ?></td></tr>
<tr>

<td height="20" colspan="2" align="center"><span style="font-weight:bold">Copyright © 2009-2012. Tutti i diritti riservati. Designed by <font color="white"><a href="http://fenixprod.altervista.org/">Fenix Production</a></font>.</span></td></tr>
<tr>

<td colspan="2"></td></tr></table></div>
</body></html>