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:

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

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>

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

quota

staffdesdemear

SCRIVI

01/02/2012 16:35:14

ho risolto, bastava convertire le parti <p con <div ;) grazie a tutti

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

quota

Discussione seguita da › staffdesdemear

Pagine → 1

Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Miti Nordici

Il Signore degli Anelli di J.R.R. Tolkien e i miti nordici

Intervista ToSS

Intervista ai gestori del GdR play by chat ambientato nei Forgotten Realms!

AlterEgo

Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

Sondaggi

Partecipa ai sondaggi di GDR-online.com ed esprimi la tua opinione su tanti quesiti!

problema con idtabs

Articoli, Interviste e altre Risorse!

Pubblicità

Ultime dal Portale

Pubblicità

Articoli