Tag: JavaScript

¿Porqué en este loop de JavaScript la impresión de la variable es desde counter y no desde counter-1?

en mi búsqueda por aprender programación por mis propios medios, me he topado con el tema de recursividad y este simple código… mi pregunta ya que la variable counter comienza desde 10 y dentro del loop While el contador resta 1, porqué en la “impresión” aparece desde el 10. Sé que si quisiera empezar desde 10 colocaría el contador en 11… pero obviamente tengo la curiosidad y no entiendo.

var counter = 10; while(counter > 0) {     console.log(counter--); }

resultado: 10 9 8 7 6 5 4 3 2 1

¿Como hacer tabla en javascript, separando estructura de datos por un lado y utilizando una función para pintar dicha estructura?

function pintar_tabla(){ var col=document.getElementById(“columna”).value; var filas=document.getElementById(“fila”).value; var tabla = “”; tabla += “”; for (j = 0; j ” + (j + 1) + “”; } tabla += “”; for (i = 0; i “; tabla += “” + (i + 1) + “”; for (j = 0; j ” + “” + “”; } tabla += “”; } tabla += “”; document.getElementById(“resultado”).innerHTML = tabla; }

bloginfo url in javascript

I’m trying to set <?php bloginfo('template_url'); ?> in a variable on Javascript, and then to set src of an img element, but in the html it’s been printed as src="<?php bloginfo('template_url'); ?>" and not as the actually url.

This is how I tried to do it:

var wpTemplateUrl = "<?php bloginfo('template_url'); ?>"; primaryImg.src = wpTemplateUrl;

Ciclo for javascript para crear una pirámide de números

bien lo que trato de hacer es que imprima los numeros dependiendo el valor de “j” por ejemplo si pongo 4 tendria que hacer

1 12 123 1234

y ya lo hace solo el detalle es que no los imprime como en el ejemplo si no que todo lo hace hacia abajo, ayuda por favor.

<html> <body> <script type="text/javascript"> var i=1 var n=0 var j=4 for(n; n<=j;n++){ for (i=1;i<=n;i++){  document.write(i )  document.write("<br />") } } </script> </body> </html>

How do you populate people picker column data with multiple values using email via JavaScript?

I’m using SharePoint 2013, my people picker column is set to accept multiple values.

I am able to post to a list item and add a single person to the column using the following method: 

function updatePeopleColumn(listName, itemID) {     var siteUrl = _spPageContextInfo.webServerRelativeUrl,         clientContext = new SP.ClientContext(siteUrl),         currentWeb = clientContext.get_web(),         oList = currentWeb.get_lists().getByTitle(listName),         userObj = currentWeb.get_siteUsers().getByEmail('email@ddress.com');      this.oListItem = oList.getItemById(itemID);      oListItem.set_item('People', userObj);      oListItem.update();      clientContext.load(oListItem);     clientContext.executeQueryAsync(Function.createDelegate(this, this.onPeopleQuerySucceeded), Function.createDelegate(this, this.onQueryFailed)); }  function onPeopleQuerySucceeded(sender, args) {     console.log('Person added to People.', sender, args); }  function onQueryFailed(sender, args) {     console.log('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace()); }  updatePeopleColumn('ListName', 99999);

What I have not been able to do is gather multiple people using currentWeb.get_siteUsers().getByEmail(’email@ddress.com’), adding those to an array and passing that value to the column, like so: 

function updatePeopleColumn(listName, itemID, emailAddresses) {         var siteUrl = _spPageContextInfo.webServerRelativeUrl,             clientContext = new SP.ClientContext(siteUrl),             currentWeb = clientContext.get_web(),             oList = currentWeb.get_lists().getByTitle(listName),             users = [],             i;          for (i = 0; i < emailAddresses.length; i++) {             var userObj = currentWeb.get_siteUsers().getByEmail(emailAddresses[i]);              users.push(userObj);         }          this.oListItem = oList.getItemById(itemID);          oListItem.set_item('People', users);          oListItem.update();          clientContext.load(oListItem);         clientContext.executeQueryAsync(Function.createDelegate(this, this.onPeopleQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));     }      function onPeopleQuerySucceeded(sender, args) {         console.log('People added to People.', sender, args);     }      function onQueryFailed(sender, args) {         console.log('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());     } updatePeopleColumn('ListName', 99999, ['email@ddress.com', 'email2@ddress.com']);

So how do I pass multiple values to the people column using emails?

Import/Export JavaScript

He intentado exportar una función que pide dos números al usuario, hace una serie de cálculos matemáticos e imprime todo ello en una etiqueta html textarea

Lo he hecho de la siguiente manera:

math.html

<body>      <script type="import" src="../js/main.js"></script>     <button onclick="mathTextArea();">pulsar aquí</button>  </body>

mathFunctions.js

export function mathTextArea (){

let input = prompt("INTRODUCIR NÚMERO A , B: "); let numbers = input.split(',');  let a = numbers[0]; let b = numbers[1];  let result =  `  Neperiano:            $  {(Math.log(a))}   Raíz:                 $  {(Math.sqrt(a))} Elevado:              $  {(Math.pow(a,b))} Más cercano y menor:  $  {(Math.floor(a))} Más cercano y mayor:  $  {(Math.ceil(b))} Redondeo:             $  {(Math.round(a))} Número random (0-1):  $  {(Math.random())}  Número random (a-b): $  {(Math.random(a * b))} Seno:                 $  {(Math.sin(b))} Coseno:               $  {(Math.cos(b))} Tangente:             $  {(Math.tan(b))} Absoluto:             $  {(Math.abs(a))} Valor máximo:         $  {(Math.max(a,b))} Valor mínimo:         $  {(Math.min(a,b))} Hipotenusa:           $  {(Math.hypot(a,b))}   `;  document.write("<textarea>" + result + "</textarea>");   }

y por último el archivo main.js donde decido importar todas las funciones que necesite, teniendo así todo el códido de una forma más organizada y solamente teniendo que añadir una etiqueta script en el código html

import {mathTextArea} from './mathFunctions';  object.addEventListener("click", mathTextArea);

Cuando se hace click en el botón ubicado en el math.html la consola de comandos del navegador web reporta el siguiente error:

Error propocionado por el navegador

Agradecerúa cualquier documentación para arreglar este error, solución o consejo sobre una mejor estructura de los archivos y código.

Por último adjunto al estructura de directorios

introducir la descripción de la imagen aquí

¿Cómo cerrar sesión con JavaScript?

Chicos estoy atorado en este tema, y si si he revisado las demás preguntas pero ninguna es lo que busco. Como cerrar la sesión de un usuario pasando N minutos mostrando una alerta antes.

tengo esto: introducir la descripción de la imagen aquí

Pero obviamente solo lo hace cuando carga la pagina, necesito cerrar la sesión pasados N minutos. Gracias.

$  ( document ).ready(function() { $  .confirm({     title: '¡Alerta!',     content: 'Ha sobrepasado el tiempo permitido',     autoClose: 'logoutUser',     buttons: {       logoutUser: {         text: 'Iniciar sesion',         action: function () {           $  .alert('La sesión ha expirado');           window.location.replace('../../index.php')         }       },     } }); });

Are there any security concerns with storing private keys in browser’s javascript?

I’m working on a web app, and I know little about security/cryptography (for now, still learning) but I’m trying to set up a front-end where:

At the very beginning, the user puts in their private key.

The key is stored as a variable in javascript.

Any time the user does anything to interact with the backend, the key is used to sign or encrypt whatever data it needs to, the data is sent, and when the user is done with everything, they close the browser.

Is this a secure way of doing this? Can anything but my JS code access this key in the process?

(P.S. it’s gonna be RSA or ECC so asymmetric, private key is only known by front end user)

2 POPUPS IRREPETIBLES JAVASCRIPT HTML CSS

auxilio. Estoy trabajando para mi jefe haciendo una web y no sé por qué no me deja usar el mismo popup que utilicé para colocar una info 2 veces. Una vez sí me lo permite pero el segundo popup queda inhabilitado. ¿Alguien podría ayudarme con esta duda?

El Primer botón para mostrar la información está correcto y funcionando, pero si copio el mismo botón y lo pego en otra parte del html, el segundo no funciona.

Por otro lado, desearía saber alguna mejor opción para desarrollar esta idea. Además quisiera recalcar que en el primer popup, cuando se abre tengo problemas para formular una sangria ya que el texto queda muy pegado al margen del popup.

Muchas Gracias por su atención y tiempo. Bendiciones. <3

CSS:

  <!--ETIQUETA POPUP-->   <style> /* Popup container - can be anything you want */ .popup {   position: relative;   display: inline-block;   cursor: pointer;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; }  /* The actual popup */ .popup .popuptext {   visibility: hidden;   width: 1000px;   background-color: #555;   color: #fff;   text-align: left;   border-radius: 10px;  margin-left: 10px;   padding: 8px 0;   position: absolute;   z-index: 1;   bottom: 125%;   left: 50%;   margin: 5px; }  /* Popup arrow  .popup .popuptext::after {   content: "";   position: absolute;   top: 100%;   left: 50%;   margin-left: -5px;   border-width: 5px;   border-style: solid;   border-color: #555 transparent transparent transparent; }   .popup .show {   visibility: visible;   -webkit-animation: fadeIn 1s;   animation: fadeIn 1s; }  @-webkit-keyframes fadeIn {    from {opacity: 0;}    to {opacity: 1;} }  @keyframes fadeIn {   from {opacity: 0;}   to {opacity:1 ;} } </style>

HTML + JAVASCRIPT:

<div id="perfilegreso"> <h3>Perfíl de egreso</h3>introducir el código aquí <div class="popup" onclick="myFunction()">Click para ver perfíl de egreso. <span class="popuptext" id="myPopup"> <div> El Ingeniero en Administración de Empresas, titulado de la Universidad Tecnológica de Chile INACAP, se desempeña con responsabilidad en la administración de las áreas funcionales, orientando su gestión al logro de las metas , bajo un enfoque sistémico de la organización y su entorno, y dominio integral de su ámbito disciplinar. Asimismo, diseña y propone soluciones integrando tecnologías actualizadas para la mejora continua, la creación de nuevos negocios y desarrollo de emprendimientos en los distintos sectores productivos y de servicios del país.<br><br>Se desempeña competentemente en las siguientes áreas, en concordancia con las requeridas para el ejercicio de su profesión:<br><br>Área de Desempeño I: Gestión de Áreas Funcionales de la Organización.<br><br>1.Administra procesos financieros en coherencia con la estrategia de la organización, fundamentando su actuar, de acuerdo a normativas y legislación vigente.<br><br>2.Administra procesos de marketing, ventas y operaciones comerciales, considerando la situación, tendencias del mercado y las necesidades de los consumidores, trabajando de manera colaborativa para el logro de metas conjuntas.<br><br>3.Administra procesos de gestión de personas, de acuerdo a las necesidades de la organización, normativa interna, legislación vigente y las condiciones del entorno, comunicando y transfiriendo información de manera efectiva.<br><br>Área de Desempeño II: Administración y Emprendimiento.<br><br>4.Diseña soluciones factibles asociadas a la mejora continua en el ámbito de la organización, el desarrollo de nuevos negocios  y proyectos de emprendimiento, fundamentando sus decisiones, bajo un enfoque sistémico y haciendo uso de tecnologías actualizadas.<br><br>5.Fundamenta propuesta de solución asociada a la mejora continua en la organización, el desarrollo de nuevos negocios y proyectos de emprendimiento, logrando la adhesión y comprensión de otros.       </ul>                </div>                                 </span> </div> <script> // When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); } </script> </div>