BBM-Repeater 1.06

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BBM-Repeater-1.05</title>
    <style>
      ::-webkit-scrollbar {width: 1px;} /* HIDING SCROLLBAR IN CHROME */    
      :root {
        --color1: rgba(55, 155, 255, 0.5);
        --color2: rgba(10, 110, 255, 0.5);
        --color3: rgba(100, 190, 555, 0.9);
      }
      /* --------------------[ DIV-ITEM-HOVER ]----------------------- */
      .divItem:hover {background: var(--color1)!important; border:1px solid black !important; z-index:999;}     
      .divItem:hover .divString,
      .divItem:hover .divNumber,
      .divItem:hover .divBoolean   {cursor: pointer; transform:translateX(7%) !important; z-index:999;}
      .divItem:hover .divId,
      .divItem:hover .divOwner,
      .divItem:hover .divEmail     {cursor:pointer; !important; }      
      /*------------[HOVER]--------------------*/      
      .divString:hover,
      .divNumber:hover,
      .divBoolean:hover{background:var(--color2)!important; border:1px solid white !important; }
      .divId:hover,
      .divOwner:hover,
      .divEmail:hover {background:var(--color2)!important; background:white !important; color:black !important; border:2px dashed black !important;  z-index:999;}
      .divEmail:hover .imgEmail {filter: grayscale(0%) !important;}
      /* --------------------[ CSS-xxxxxxxxxxxxxxxxxxxxxxxx]----------------------- */
      
      
      
      
      
      
      
    </style>    
 
    <script>
    	//---------- [ CREATE-DIV ] -------------------------------
        function create_div(opt) {const div = document.createElement('div');
          Object.keys(opt).forEach(key => {div.style[key] = opt[key];});
          return div;
        }       
        //---------- [ CREATE-REPEATER ] -------------------------------
        function create_Repeater(dataArray, divMain){let counter = 0; 
          dataArray.forEach((item, index) =>...

JavaScript

{
          _id:'00001',
          _iconId: '',
          _owner:'001', 
          _iconOwner:'',				
          _online:true,	
          _iconOnline: '',
          _admin: '',
          _iconAdmin: '',
          _email:'[email protected]', 
          _iconEmail: 'https://cdn-icons-png.flaticon.com/512/4616/4616089.png',
          _address:'Frank',
          _iconAddress: 'xxxxxxxx',
          _company:'',
          _iconCompany:'',
          _office:'Verfahrenstechnik',
          _iconOffice:'',
          firstname:'Frank',
          lastname:'Neumann',
          birthday:'22.11.2000',
          berufserfahrung:9,			      
          age:30,
          isActive:false,
          isLoyal: true,
          height:1.2,
        },