Activa las notificaciones push PhoneGap Spain

Foro

Home Forums Programación Variables de html en javascript

This topic contains 14 replies, has 2 voices, and was last updated by  lugomez 6 meses, 2 semanas .

Viendo 15 respuestas - de la 1 a 15 (de 15 en total)
  • Variables de html en javascript

    Intervenciones
  • lugomez 
    Participant

    Hola, tengo una duda, ¿Es posible tomar una variable de html que se usa para idioma y aplicarla tambien para javascript?


    Aeon
    Aeon 
    Participant

    creo que necesitas explicarte mejor


    lugomez 
    Participant

    Creo que si, disculpa:
    Lo que estoy haciendo es un javascript que proporciona ayuda sobre los campos que se presentan en la pagina web, (La cual ha sido creada anteriormente).
    Lo que quiero es tomar una variable que esta en html para lenguaje y usarla también en javascript de modo que cuando el usuario seleccione el lenguaje también lo tome el javascript.


    Aeon
    Aeon 
    Participant

    no se si entiendo bien, pero podrías tomarla directamente del html


    Aeon
    Aeon 
    Participant

    algo de codigo ayudaria


    lugomez 
    Participant

    <button id=”run_example”>Ayuda!!</button>
    //al hacer clic en este boton llama esta función

    <script>
    $(“#run_example”).click(function(){
    Sideshow.start({ listAll: true });
    });
    </script>

    //y se ejecuta el siguiente js

    //Login
    Sideshow.registerWizard({
    name: “Login”,
    title: “Login”,
    description: “Entrar al sistema”,
    estimatedTime: “10 Minutes”,
    affects: [
    function (){

    return true;
    }
    ]
    }).storyLine({
    showStepPosition: true,
    steps: [
    {
    title: "Hotel Stock",
    text: function(){/*
    Hotel Stock ha sido creado para facilitar las operaciones referidas a el almacen:
    cuendo veas este boton puedes precionarlo para saber que hacer en la pagina donde te encuentres

    */},
    subject: "#run_example",
    lockSubject: true

    },
    {
    title: "Login",
    text: "Para loguearte debes introducir tus datos."
    },
    {
    title: "Usuario",
    text: "Introduce tu nombre de usuario",
    subject: "#loginform-username",
    },
    {
    title: "Pasword",
    text: "Debes introducir tu contraseña",
    subject: "#loginform-password",
    },
    {
    title: "Chose your lenguaje",
    text: "Si no en tendiste el titulo, elige el idioma español.\n\n Puedes elegir el idioma de tu agrado.",
    subject: "#loginform-language",
    },
    {
    title: "Recuerda",
    text: "Si quieres que se recuerden tus credenciales, marca el check box",
    subject: "#loginform-rememberme",
    },
    {
    title: "Entrar al sistema",
    text: "Presiona el boton para entrar al sistema",
    subject: "#botlog",
    },
    ]
    });
    //funciona bien solo busco que mi js tome la variable que se usa para el lenguaje al hacer el login del sistema mi js use esa misma variable para cambiar el idioma
    <select id=”loginform-language” class=”form-control” name=”LoginForm[language]” aria-required=”true”>
    <option value=”es”>Español</option>
    <option value=”en”>English</option>
    </select>


    Aeon
    Aeon 
    Participant

    pero no veo en donde esta la función que cambia el idioma, o de donde puedas darte cuenta que idioma tiene seleccionado


    lugomez 
    Participant

    //Este es todo el codigo de la pagina
    <!DOCTYPE html>
    <!– saved from url=(0072)http://hotelstock-test.palace-resorts.local/index.php/auth/default/login –>
    <html lang=”es”><head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <!–Estilo ccs para intro–>
    <link rel=”stylesheet” href=”distr/fonts/estilointro.css”>

    <!– <link rel=”stylesheet” type=”text/css” href=”styles.css”/> –>

    <meta name=”csrf-param” content=”_csrf”>
    <meta name=”csrf-token” content=”hTOPwiFHQSZJszHaeFeRsQyFTL6MVQg3M8wgB-eu3fvjRt-3eTJ4UBjAfKknE_XrddAu6cM3UF16gldv3p3slA==”>
    <title>Login</title>
    <link href=”./Login_files/bootstrap.css” rel=”stylesheet”>
    <link href=”./Login_files/site.css” rel=”stylesheet”>
    <link href=”./Login_files/styles.css” rel=”stylesheet”>
    <style> .wrap {
    min-height: 95%;} </style>
    </head>
    <body>

    <nav id=”w0″ class=”navbar-inverse navbar-fixed-top navbar”>

    <button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”#w0-collapse”><span class=”sr-only”>Toggle navigation</span>
    <span class=”icon-bar”></span>
    <span class=”icon-bar”></span>
    <span class=”icon-bar”></span><button id=”run_example”>Ayuda!!</button></button>Hotelstock

    </nav>

    <ul class=”breadcrumb”>

  • Inicio
  • <li class=”active”>Login

    <h1>Login</h1>

    <p>Please fill out the following fields to login:</p>

    <form id=”login-form” action=”http://hotelstock-test.palace-resorts.local/index.php/auth/default/login” method=”post”>
    <input type=”hidden” name=”_csrf” value=”hTOPwiFHQSZJszHaeFeRsQyFTL6MVQg3M8wgB-eu3fvjRt-3eTJ4UBjAfKknE_XrddAu6cM3UF16gldv3p3slA==”>

    <label class=”control-label” for=”loginform-username”>Username</label>
    <input type=”text” id=”loginform-username” class=”form-control” name=”LoginForm[username]” autofocus=”" aria-required=”true” aria-invalid=”true”>

    <p class=”help-block help-block-error”>Username no puede estar vacío.</p>

    <label class=”control-label” for=”loginform-password”>Password</label>
    <input type=”password” id=”loginform-password” class=”form-control” name=”LoginForm[password]” aria-required=”true”>

    <p class=”help-block help-block-error”></p>

    <label class=”control-label” for=”loginform-language”>Language</label>
    <select id=”loginform-language” class=”form-control” name=”LoginForm[language]” aria-required=”true”>
    <option value=”es”>Español</option>
    <option value=”en”>English</option>
    </select>

    <p class=”help-block help-block-error”></p>

    <label for=”loginform-rememberme”>
    <input type=”hidden” name=”LoginForm[rememberMe]” value=”0″><input type=”checkbox” id=”loginform-rememberme” name=”LoginForm[rememberMe]” value=”1″ checked=”">
    Remember Me
    </label>
    <p class=”help-block help-block-error”></p>

    If you forgot your password you can reset it.
    <button id=”botlog” type=”submit” class=”btn btn-primary” name=”login-button”>Login</button>

    </form>

<footer class=”footer”>

<p class=”pull-left”>© Palace Resorts 2017</p>

<!– <p class=”pull-right”>Desarrollado con Yii Framework</p> –>

</footer>

<script src=”./Login_files/jquery.js.descarga”></script>
<script src=”./Login_files/yii.js.descarga”></script>
<script src=”./Login_files/yii.validation.js.descarga”></script>
<script src=”./Login_files/yii.activeForm.js.descarga”></script>
<script src=”./Login_files/bootstrap.js.descarga”></script>
<script type=”text/javascript”>jQuery(function ($) {
jQuery(‘#login-form’).yiiActiveForm([{"id":"loginform-username","name":"username","container":".field-loginform-username","input":"#loginform-username","error":".help-block.help-block-error","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Username no puede estar vacío."});}},{"id":"loginform-password","name":"password","container":".field-loginform-password","input":"#loginform-password","error":".help-block.help-block-error","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Password no puede estar vacío."});}},{"id":"loginform-language","name":"language","container":".field-loginform-language","input":"#loginform-language","error":".help-block.help-block-error","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Language no puede estar vacío."});}},{"id":"loginform-rememberme","name":"rememberMe","container":".field-loginform-rememberme","input":"#loginform-rememberme","error":".help-block.help-block-error","validate":function (attribute, value, messages, deferred, $form) {yii.validation.boolean(value, messages, {"trueValue":"1","falseValue":"0","message":"Remember Me debe ser \"1\" o \"0\".","skipOnEmpty":1});}}], []);
});</script>

<script>
/*
* Script para el manejo de mensajes de Alerta y Error en Sistur3
* @autor: jvalderrabano
*/
$(‘#alertMessage’).click(function(){
hideTop();
});

function showError(str){
$(‘#alertMessage’).removeClass(‘correct’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′,top:’0%’ ,left:’0%’}, 0);
$(‘#alertMessage’).removeClass(‘alertt’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′,top:’0%’ ,left:’0%’}, 0);
$(‘#alertMessage’).addClass(‘error’).html(str).stop(true,true).show().animate({ opacity: 1,top:’5.5%’ ,left:’15%’}, 500);

}
function showAlert(str){
$(‘#alertMessage’).removeClass(‘correct’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′,top:’0%’ ,left:’0%’}, 0);
$(‘#alertMessage’).removeClass(‘error’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′,top:’0%’ ,left:’0%’}, 0);
$(‘#alertMessage’).addClass(‘alertt’).html(str).stop(true,true).show().animate({ opacity: 1,top:’5.5%’ ,left:’15%’}, 500);
}

function showCorrect(str){
$(‘#alertMessage’).removeClass(‘alertt’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′,top:’0%’ ,left:’0%’}, 0);
$(‘#alertMessage’).removeClass(‘error’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′,top:’0%’ ,left:’0%’}, 0);
$(‘#alertMessage’).addClass(‘correct’).html(str).stop(true,true).show().animate({ opacity: 1,top:’5.5%’ ,left:’15%’}, 500);
}

function showSuccess(str){
$(‘#alertMessage’).removeClass(‘error’).html(str).stop(true,true).show().animate({ opacity: 1,right: ’0′}, 500);
}

function hideTop(){
$(‘#alertMessage’).animate({ opacity: 0,right: ‘-20′}, 500,function(){ $(this).hide(); });
}

function loading(name,overlay){
//$(‘#preloader’).html(”);
$(‘body’).append(‘

‘+name+’..

‘);
//Blocked Backgorund
$(‘#blockBackground’).addClass(‘fade in’);
$(‘#blockBackground’).addClass(‘modal-backdrop’);
if(overlay==1){
$(‘#overlay’).css(‘opacity’,0.1).fadeIn(function(){ $(‘#preloader’).fadeIn(); });
return false;
}
$(‘#preloader’).fadeIn();
}

function unloading() {
$(‘#preloader’).fadeOut(‘fast’,function(){ $(‘#overlay’).fadeOut(); });
$(“#preloader”).remove();
$(“#overlay”).remove();
//$(“#blockBackground”).remove();
$(‘#blockBackground’).removeClass(‘fade in’);
$(‘#blockBackground’).removeClass(‘modal-backdrop’);
}

</script>

<script>
$(function() {
// the element inside of which we want to scroll
var $elem = $(‘#content’);

// show the buttons
$(‘#nav_up’).fadeIn(‘slow’);
$(‘#nav_down’).fadeIn(‘slow’);

// whenever we scroll fade out both buttons
$(window).bind(‘scrollstart’, function(){
$(‘#nav_up,#nav_down’).stop().animate({‘opacity’:’0.2′});
});
// … and whenever we stop scrolling fade in both buttons
$(window).bind(‘scrollstop’, function(){
$(‘#nav_up,#nav_down’).stop().animate({‘opacity’:’1′});
});

// clicking the “down” button will make the page scroll to the $elem’s height
$(‘#nav_down’).click(
function (e) {
$(‘html, body’).animate({scrollTop: $elem.height()}, 800);
}
);
// clicking the “up” button will make the page scroll to the top of the page
$(‘#nav_up’).click(
function (e) {
$(‘html, body’).animate({scrollTop: ’0px’}, 800);
}
);
});

</script>
<!–Scripts requeridos–>
<script src=”distr/dependencies/jazz.min.js”></script>
<script src=”distr/dependencies/pagedown.min.js”></script>
<script src=”distr/sideshow.js”></script>

<!–Scripts para esta pagina–>
<script src=”examples/scripts/sideshow.config.js”></script>
<script src=”examples/scripts/tutorials/introducing_sideshow.js”></script>
<!–Inicio de la funcion–>
<script>
$(“#run_example”).click(function(){
Sideshow.start({ listAll: true });

{alert(“Activaste la funcion de Ayuda”);}

});
</script>
</body> </html>


Aeon
Aeon 
Participant

nunca he usado yuii pero creo que con algo asi deberia de bastar

 Code: arbitrary (select
1.
2.
3.
4.

var lenguaje_seleccionado;
jQuery('#login-form').on('afterValidate', function (e) {
           lenguaje_seleccionado = $('#login-form').yiiActiveForm('find', '#loginform-language').value;
    });

con eso el valor del select del lenguaje debe quedar en la variable “lenguaje_seleccionado” para que me lo puedas usar


lugomez 
Participant

Muchas gracias por tu tiempo y ayuda… Lo revisare, Saludos.


lugomez 
Participant

hola, ya se soluciono muchas gracias por tu ayuda y ahora abusado de tu confianza tengo el siguiente problema esperando que me puedas ayudar con esto.
como puedo hacer que al dar clic en una pagina me muestre solo una de las opciones que estan en el siguiente js.
la funcion que uso para el js es esta
<script>
$(“#run_example”).click(function(){
Sideshow.start({ listAll: true });

});
</script>
por ejemplo que solo se muestre el “Sideshow.registerWizard29″ y no el “Sideshow.registerWizard30″

//Pedidos pendientes
Sideshow.registerWizard29({
name: “Pedidos pendientes”,
title: “Pedidos pendientes”,
description: “Ver los pedidos pendientes”,
estimatedTime: “5 Minutes”,
affects: [
function (){

return true;
}
]
}).storyLine({
showStepPosition: true,
steps: [
{
title: "Pedidos pendientes",
text: "En esta ventana tendremos acceso a visualizar los pedidos que fueron solicitados por usuarios o chef los cuales deberán ser surtidos de acuerdo a la requisición de pedido"
},
{
title: "Filtros",
text: "Filtros de busqueda",
subject: "#Filtros"
},
{
title: "Visualización",
text: "Entrar al modo de visualización",
subject: "#ver"
},

]
});

//Transaccion de productos
Sideshow.registerWizard30({
name: “Transaccion de productos”,
title: “Transaccion de productos”,
description: “Transacciones realizados”,
estimatedTime: “5 minutos”,
affects: [
function (){

return true;
}
]
}).storyLine({
showStepPosition: true,
steps: [
{
title: "Transacción de productos",
text: "Podemos visualizar todas las transacciones realizadas",
},
{
title: "Filtros",
text: "Ver filtros de busqueda",
subject: "#Filtros",
targets:"#Filtros"
},
{
title: "Todos",
text: "Mostrar todos los datos",
subject: "#w1-togdata-page",
targets:"#w1-togdata-page"
},
{
title: "Exportar",
text: "Exportar a diversos tipos de formatos como son Excel y PDF.",
subject: "#w3",
targets:"#w3"
},
{
title: "Ver",
text: "Visualizar los detalles de datos",
subject: "#ver"
},

]
});


Aeon
Aeon 
Participant

no entiendo muy bien a que te refieres, quieres limitarlo a mostrar el primer elemento al llamar la funcion?


lugomez 
Participant

Exacto, precisamente es eso ya que no solo son esas 2 funciones mas bien son como 30 y necesitara hacer que se limite a solo una función por pagina que uso.
Gracias por tu apoyo.


Aeon
Aeon 
Participant

necesitas ver en la documentación, la manera de llamar a una en especifico, o solo cargar el especifico en cada pagina


lugomez 
Participant

Muchas gracias amigo
Saludos.


Viendo 15 respuestas - de la 1 a 15 (de 15 en total)

You must be logged in to reply to this topic.