BBM-Repeater 1.05

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;}     
      .divItem:hover .divString,
      .divItem:hover .divNumber,
      .divItem:hover .divBoolean   {cursor: pointer; transform:translateX(7%) !important;}
      .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;}
      /* --------------------[ CSS-xxxxxxxxxxxxxxxxxxxxxxxx]----------------------- */
		
      /*background: rgba(175, 165, 145, 0.5);*/
			/*transition: background-color 0.5s, color 0.8s;  */
		/* --------------------[ 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; 
        ...