Mostrar divs al hacer click en un radiobutton


Buenas Noches tengo un problema, hice un radiobutton que al seleccionar una opcion me muestra un div correctamente, mi problema es que al iniciar o recargar la pagina me aparecen los 2 divs al mismo tiempo, y solo necesito que me aparezca un div o ninguno y no los 2 como se muestra al ejecutar el codigo. muchas gracias oajla puedan ayudarme.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <h4>Selecciona el/los grupos de usuarios:</h4> <input type="radio" name="opciones" value="multiples" id="multiples"> Multiples <br>  <div id="div1"> <textarea name="query1" rows="5" cols="150" class="panel-body" placeholder="Ingrese el query de restriccion"></textarea> </div>  <input type="radio" name="opciones" value="individual" id="individual">Individual <br> <div id="div2"> <label for="ID">ID</label>   <input type="text" class="form-control " name="query" placeholder="Ingrese Id"></input> </div>   <script>   $  (document).ready(function() {     $  ("#individual").click(function() {       $  ("#div1").hide();       $  ("#div2").show();      });      $  ("#multiples").click(function() {       $  ("#div1").show();       $  ("#div2").hide();      });   }); </script> 

Devolver el valor del input cuando le doy click al segundo boton

Hola muchachos lo que pasa es que tengo que encriptar un texto el cual está en un input, el primer botón lo encripta mediante una función que hice y en el segundo botón volver el texto a la normalidad, la primera parte ya la tengo pero a la hora de volver a traer el texto original no se como volver a descriptarlo y dejarlo en la caja de texto, no se si alguien me pueda ayudar, debe ser un error muy simple, pero la verdad no lo encuentro, gracias por la ayuda

<!DOCTYPE html> <html lang="en">  <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>criptograma</title> </head>  <body>     <input type="text" id="input">     <button id="btn1">Encriptar</button>     <button id="btn2">Descepcritar</button>      <script src="index.js"></script> </body>  </html>

document.getElementById("btn1").addEventListener('click', () => {      function encriptar() {         let str = '';         let ref = 'abcdefghijklmnñopqrstuvwxyz';         var input = document.getElementById('input').value;         for (var i = 0; i < 7; i++) {             str += ref.charAt(Math.floor(Math.random() * ref.length));             var resultado = document.getElementById('input').value = str;             console.log(resultado)             console.log(input)         }     }       encriptar()  })  document.getElementById('btn2').addEventListener('click', () => {     function desencriptar() {         var input = document.getElementById('input').value;         console.log(input)     }     desencriptar() })

on click change Document card color SPFX

I have developed a webpart where on hover i am changing the color of document card office fabric component and on click of document card i am showing grid ,but i am not able to change color of document card if i click ,it only changing in hover

below is my code

                            const cardStyles: IDocumentCardStyles  = {                               root: [                                 {                                   display: 'inline-block', marginRight: 20, borderRadius: 25,  marginBottom: 20,width: 90,                              backgroundColor:"#fbce07", outline:'none',borderStyle:'none',border:0,borderColor:'white',textAlign: "center" ,color:"white",                             selectors: {                               ':hover': {                                 backgroundColor:'#ff9933' ,outline:'none',borderColor:'white',borderRadius: 25                                },                                ':after': {                                 color: 'transparent',                                 content: '',                                 display: 'block',                                 height: '1px',                                 overflow: 'hidden',                                 visibility: 'hidden'                               },                                ':before': {                                 color: 'transparent',                                 content: '',                                 display: 'block',                                 height: '1px',                                 overflow: 'hidden',                                 visibility: 'hidden'                               },                              }                                 }                               ]                             };                              const cardStyles1: IDocumentCardStyles  = {                               root: [                                 {                                   display: 'inline', marginRight: 20, borderRadius: 25,  marginBottom: 20,width: 90,                              backgroundColor:"#fbce07", outline:'none',borderWidth:0,borderStyle:'none',border:0,borderColor:'white',textAlign: "center" ,color:"white",                             selectors: {                               ':hover': {                                 backgroundColor:'#ff9933' ,outline:'none',borderColor:'white',borderRadius: 25                                },                               ':after': {                                 color: 'transparent',                                 content: '',                                 display: 'block',                                 height: '1px',                                 overflow: 'hidden',                                 visibility: 'hidden'                               },                                ':before': {                                 color: 'transparent',                                 content: '',                                 display: 'block',                                 height: '1px',                                 overflow: 'hidden',                                 visibility: 'hidden'                               },                              }                                 }                               ]                             };                               ShowGrid(a)                             {                                var reactHandler = this;                                  if (usertype=='Yes')                                              {                                        jquery.ajax({                                          url: `$  {reactHandler.props.siteurl}/_api/web/lists/getbytitle('Templates')/items?$  select=Title,CurrentReportLink,HistoricalReportLink,DataGroupTemplate/Template&$  expand=DataGroupTemplate&$  filter=DataGroupTemplate/Template eq'$  {a}'`,                                          type: "GET",                                          headers:{'Accept': 'application/json; odata=verbose;'},                                         success: function(resultData) {                                          reactHandler.setState({                                           items2: resultData.d.results                                           });                                           },                                          error : function(jqXHR, textStatus, errorThrown) {                                          }                                          });                                         }                                       else                                {                                         jquery.ajax({                                           url: `$  {reactHandler.props.siteurl}/_api/web/lists/getbytitle('Templates')/items?$  select=Title,CurrentNonReportLink,HistoricalNonReportLink,DataGroupTemplate/Template&$  expand=DataGroupTemplate&$  filter=DataGroupTemplate/Template eq'$  {a}'`,                                          type: "GET",                                          headers:{'Accept': 'application/json; odata=verbose;'},                                          success: function(resultData) {                                             reactHandler.setState({                                           items3: resultData.d.results                                           });                                           },                                          error : function(jqXHR, textStatus, errorThrown) {                                          }                                          });                                        }                                   }                                 public render(): React.ReactElement<IReactGetitemsProps> {                                return (                                {this.state.items.map((items,key)=>                             {                                   return(                                  <DocumentCard styles={cardStyles} onClick={() =>this.ShowGrid(items.Template)}>                                 <DocumentCardTitle   title={items.Template} />                                 <DocumentCardImage styles={cardStyles1}  height={100}imageFit={ImageFit.cover}  imageSrc={items.ImageLink ? items.ImageLink["Url"] : ''} />                                 </DocumentCard>                                  );                                 ); 

Is right click on tables bad UX

We’ve a grid where users can select multiple rows and perform actions on them. When rows are selected, we show action buttons at the top of the grid. We’ve been thinking about making these actions available in a context menu where users can right click on the grid and see this menu. We think it’s useful in some cases where the selected rows are at the bottom and user won’t have to scroll all the way up to click on those actions.

Any thoughts about right click on the grid from UX perspective?

Tool for building an extensive click dummy

For testing of a new design and restructure of a sub-section on our website we work on a click dummy (hifi prototype with linked screens). We build it in order to run a few user tests before deciding on the IA. We are currently using Sketch – but the linking and duplicating of screens turns out very effortful.

Does anyone know a better tool that can simplify the process?

Thanks!

On click of save button, 1 column to take the value of another column in a list

I have a list with columns “due date” and “revised date” in SharePoint.

I want to enter the due date column only when I am entering items for the first time. Onclick of save button I want the revised due date to have the value of due date. The revised due date can be editable later but for the first time it should take the value of due date.

How can I achieve this?

Secret Tips To Get 407 USD Per Click From Adsense Ads for $99

Everyone struggles to get high CPC clicks up to $ 407 from their Adsense ads, but very few people are able to get it or know it, how to implement the process. I will give you a high paying Adsense keywords’ list and a few tips to get $ 407 per click from Adsense ads serving on your Website, App or in your YouTube videos. High CPC Adsense ads minimize your labor and time, and maximize your earning unexpectedly. Highest paying Adsense keywords can earn you 1k minimum daily with just several organic clicks from your website visitors. I have discussed about 50 high paying Adsense keywords in this eBook. If you focus on those keywords carefully; then those high CPC (Cost Per Click) or high paying Adsense keywords can give you economic freedom and more leisure time to enjoy with your friends and family. Earning Proof With this eBook I will give you a bonus eBook on “101 Quick Tips To Increase Your Adsense Earning Within 30 Days”. The real value of this bonus eBook is $ 99, but it is free for you. Please order and get high CPC clicks up to $ 407 (per click). Enjoy happy earning!

by: enayetk
Created: —
Category: Tutorials & Guides
Viewed: 224


Right Click + “Settings” on Desktop not working

I’ve been testing some things on Ubuntu 19.04(because I’m a new Linux user and wanted to learn more about it), and some issues appeared.

When I [Right Click] on “Desktop” and choose “Screen Settings” or “Settings” it doesn’t do anything. It used to work. I’ve only made two things that may have helped to create this problems: install and remove kubuntu-desktop and mySQL.

This are the commands i used:

Installing and removing Kubuntu:

sudo add-apt-repository ppa:kubuntu-ppa/backports sudo apt upgrade sudo apt install kubuntu-desktop sudo apt remove kubuntu-desktop sudo apt autoremove 

Changin the display manager and presentation screen

sudo dpkg-reconfigure sddm sudo update-alternatives --config default.plymouth sudo update-initramfs -u 

Installing and removing mySQL

sudo apt-get install mysql-server mysql-client sudo apt-get purge mysql* sudo apt-get autoremove sudo apt-get autoclean 

Hope it helps