JMsgYesNo, JMsgInfo, JMsgError, JMsgPrompt, JMsgCombo - Nuevas funciones

[administrador]

Nuevas funciones javascript : JMsgYesNo, JMsgInfo, JMsgError, JMsgPrompt, JMsgCombo

Codigo del ejemplo de uso de las funciones :

Código: Seleccionar todo

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

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

  $oWnd = new TWindow('main', 10, 10, '45%', '50%');

    $oBar = new TBar( $oWnd );
    $oBar->SetBackColor("#8BF5EC");   // <---- Para cambiar el color de fondo
    $oBar->AddButton( 'b1', 'Info', 'info()' , IMAGE_PATH . 'logout-black-16.png' );
    $oBar->AddButton( 'b1', 'Error', 'error()' , IMAGE_PATH . 'logout-black-16.png' );
    $oBar->AddButton( 'b1', 'YesNo', 'yesno()' , IMAGE_PATH . 'logout-black-16.png' );
    $oBar->AddButton( 'b1', 'Prompt', 'prompt()' , IMAGE_PATH . 'logout-black-16.png' );
    $oBtn = $oBar->AddButton( 'b2', 'Combobox', 'combobox()' , IMAGE_PATH . 'logout-black-16.png' );
    $oBtn->nWidth = 70;

  $oWnd->Activate();

$oWeb->End();

?>

<script>
  
  function info() {
    JMsgInfo("Mensaje Info");
  }

  function error() {
    JMsgError("Mensaje Error");
  }

  function yesno() {
    JMsgYesNo("Click en Yes ?", yesfunc);
  }

  function yesfunc() {
    JMsgInfo("Selecciono Yes");
  }

  function prompt() {
    JMsgPrompt( "Ingrese nombre :", readname, '', 'Ingrese nombre' );
  }

  function readname( data ) {
    JMsgInfo("Su nombre es " + data );
  }

  function combobox() {
    let aDatos = [ "Caracas", "Santiago", "Buenos Aires", "Bogota", 
                   "Costa Rica", "Panama", "Lima", "Mexico", "Tijuana", "Miami",
                   "Cabo Verde" ];
    JMsgCombo( aDatos, "Ciudad :", docombo );
  }

  function docombo( result ) {
    let pos  = parseInt(result.index);
    let name = result.data[pos];

    console.log("docomo :" , result.data, name);
    JMsgInfo(name);
  }

</script>

<style>

@media (max-width: 375px) {
  #main {
    top: 20px !important;
    left: 18px  !important;
    width: 90%  !important;
    height: 80%  !important;
  }
}

</style>

Link del Test del codigo ejemplo : Test del ejemplo