Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/07/2010, 07:42
Deiv
 
Fecha de Ingreso: noviembre-2004
Ubicación: La Paz
Mensajes: 100
Antigüedad: 19 años, 6 meses
Puntos: 0
Pregunta Tabs dinámicos desde otra Página

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, 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="http://www.forosdelweb.com/f13/tabs-dinamicos-desde-otra-pagina-825973/f13/tabs-dinamicos-desde-otra-pagina-825973/..." target=_self>Tab Pane</a>
<a href="http://www.forosdelweb.com/f13/tabs-dinamicos-desde-otra-pagina-825973/f13/tabs-dinamicos-desde-otra-pagina-825973/..." target=_blank>Tab Pane</a>
Si me encuentro en la misma página 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 ahí está con los CSS y Scripts correspondientes. Con el que voy trabajando es: tab.webfx.css
Código PHP:
<script type="text/javascript">
//<![CDATA[

var tabPane;

function 
showArticleTabsName ) {
    if (
typeof tabPane != "undefined" ) {

        switch ( 
sName ) {

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

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

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

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

            case 
"looknfeel":
                
tabPane.setSelectedIndex);
                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> 
Código PHP:
<script type="text/javascript">
//WebFX Layout Include
var articleMenu= new WebFXMenu;
articleMenu.left  384;
articleMenu.top   86;
articleMenu.width 140;
articleMenu.add(new WebFXMenuItem("Tab Pane""javascript:showArticleTab( \"main\" )"));
articleMenu.add(new WebFXMenuItem("Usage""javascript:showArticleTab( \"usage\" )"));
articleMenu.add(new WebFXMenuItem("API""javascript:showArticleTab( \"api\" )"));
articleMenu.add(new WebFXMenuItem("Implementation""javascript:showArticleTab( \"implementation\" )"));
articleMenu.add(new WebFXMenuItem("Look &amp; Feel""javascript:showArticleTab( \"looknfeel\" )"));
articleMenu.add(new WebFXMenuItem("Demo""demo.html"));
articleMenu.add(new WebFXMenuSeparator);
articleMenu.add(new WebFXMenuItem("Download""http://webfx.eae.net/download/tabpane102.zip"));
webfxMenuBar.add(new WebFXMenuButton("Article Menu"nullnullarticleMenu));

webfxLayout.writeTitle("Tab Pane");
webfxLayout.writeMenu();
webfxLayout.writeDesignedByEdger();

</script> 
Código HTML:
<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.

Última edición por Deiv; 19/07/2010 a las 07:48