PDA

Ver la Versión Completa : Tabs Dinámicos


Deiv
19-07-2010, 15:49:01
Un Saludo al Club Delphi!
De tiempo me inclino a realizar una consulta.
En el afán de crear una página con Pestañas Dínámicas he encontrado esta web (http://webfx.eae.net/dhtml/tabpane/tabpane.html), me interesó el TabPane que tienen, todo ok, solo que mis conocimientos de JScript no alcanzan a explicarse ¿Cómo lograr llamar a una determinada pestaña dinámicamente desde otra página?. Si observan en la parte inferior tienen unos links:
Tab Pane
Usage
API
Implementation
Look & Feel
Demo
Download
Si clickan en cualesquiera de las 5 primeras les lleva a la pestaña correspondiente.
Necesito realizar el mismo efecto de llamar a una pestaña determinada, pero DESDE OTRA PÁGINA, de dos formas: Una sobre la misma página y otra que abra una nueva, algo así como se hace en:
<a href="..." target=_self>Tab Pane</a>
<a href="..." target=_blank>Tab Pane</a>
Si me encuentro en la misma página (http://webfx.eae.net/dhtml/tabpane/tabpane.html)funciona a la perfección la llamada a estas pestañas en forma dinámica. Pero Yo requiero que encontrándome en otra página llame a una determinada pestaña (self) y por otro lado abriendo una nueva (blank).
Pueden descargar su ejemplo (http://webfx.eae.net/dhtml/tabpane/tabpane.html) ahí está con los CSS y Scripts correspondientes. Con el que voy trabajando es: tab.webfx.css

<script type="text/javascript">
//<![CDATA[
var tabPane;
function showArticleTab( sName ) {
if (typeof tabPane != "undefined" ) {

switch ( sName ) {

case "main":
tabPane.setSelectedIndex( 0 );
break;

case "usage":
tabPane.setSelectedIndex( 1 );
break;

case "api":
tabPane.setSelectedIndex( 2 );
break;

case "implementation":
tabPane.setSelectedIndex( 3 );
break;

case "looknfeel":
tabPane.setSelectedIndex( 4 );
break;
}
}
}
// help tips
htDom = "Document Object Model 1 is a standard developed by the W3C.<br />" +
"<a href=\"http://www.w3.org/DOM/\" target=\"_blank\">http://www.w3.org/DOM/</a>";
//]]>
</script>
<p>
<a href="javascript:showArticleTab( 'main' )">Tab Pane</a><br />
<a href="javascript:showArticleTab( 'usage' )">Usage</a><br />
<a href="javascript:showArticleTab( 'api' )">API</a><br />
<a href="javascript:showArticleTab( 'implementation' )">Implementation</a><br />
<a href="javascript:showArticleTab( 'looknfeel' )">Look &amp; Feel</a><br />
<a href="demo.html">Demo</a><br />
<a href="http://webfx.eae.net/download/tabpane102.zip">Download</a>
</p>

Espero vuestro aporte del Script correspondiente para que funcione estas llamadas desde otra página. Gracias.