Nueva Clase TNavBar !!!

Esta es una libreria en PHP para desarrollo de aplicaciones WEB
Avatar de Usuario
administrador
Site Admin
Mensajes: 74
Registrado: Mar Nov 24, 2020 1:56 am
Contactar:

Nueva Clase TNavBar !!!

Mensaje por administrador »

Agregada la nueva clase TNavBar, totalmente responsive.

Forma de uso :

$oMenu = new TNavBar( <id>, <Titulo> );
$oMenu->AddOption( <id>, <Texto>, <function javascript>); <-- para el item sin submenu
$oMenu->AddOption( <id>, <Texto>', <Array de items> ); <-- para el item con submenu o dropdown
$oMenu->AddButton( <id>, <Texto>, <function javascript>, <icon font-awesome>); <-- para los botones, estos se alinearan a la derecha del menu
$oMenu->Activate(); <-- aqui lo crea


Codigo del ejemplo :

Código: Seleccionar todo

<?php
include( 'config.php' );
include( TWEB_PATH . 'core.php' );

$oWeb = new TWeb('TEST TNAVBAR');
$oWeb->lAwesome = true; 
$oWeb->Activate();

$oMenu = new TNavBar( 'menu', 'NAVBAR' );
$oMenu->AddOption('01', 'Uno', 'item("01")');
$oMenu->AddOption('02', 'Dos', 'item("02")');
$oMenu->AddOption('03', 'Tres', 'item("03")');
$oMenu->AddOption('04', 'Cuatro', [  [ "Item 4.1", "doClick('4.1')" ],
                                     [ "Item 4.2", "doClick('4.2')" ],
                                     [ "Item 4.3", "doClick('4.3')" ],
                                     [ "Item 4.4", "doClick('4.4')" ] ] );
$oMenu->AddOption('05', 'Cinco', '');                                     
$oMenu->AddOption('06', 'Seis', [  [ "Item 6.1", "doClick('6.1')" ],
                                   [ "Item 6.2", "doClick('6.2')" ],
                                   [ "Item 6.3", "doClick('6.3')" ],
                                   [ "Item 6.4", "doClick('6.4')" ] ] );

$oMenu->AddButton('07', 'Login', 'Logout()', 'fa-sign-out');                                   
$oMenu->Activate();

$oWeb->End();

?>

<script> 

  function item( cText ) {
    JMsgInfo("Click en Item " + cText);
  }
  
  function doClick( cText ) {
    JMsgInfo("Click en Item " + cText);
  }

  function Logout() {
    JMsgYesNo("Salir del Sistema");
  }

</script>

Link del ejemplo : Test TNavBar
Saludos.

Albeiro Valencia
Imagen Bienvenidas las Donaciones Gracias https://www.paypal.me/valenciaim5

Responder