Tuesday, 8 November 2022

Javascript search by div or some variable

HTML 

<div class="container">

<div class="search">

<input type="text" placeholder="search" data-search />

</div>

<div class="items">

<div data-filter-item data-filter-name="apple akshay">Apple akshay</div>

<div data-filter-item data-filter-name="google">Google</div>

<div data-filter-item data-filter-name="microsoft">Microsoft</div>

<div data-filter-item data-filter-name="hp">HP</div>

<div data-filter-item data-filter-name="dell">Dell</div>

<div data-filter-item data-filter-name="samsung">Samsung</div>

</div>

</div>


CSS

.container {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 50%;

}

.search {

margin-bottom: 30px;

}

.items {

}

[data-filter-item] {

padding: 15px;

background-color: #ccc;

border: 1px solid #fff;

}


.hidden {

display: none;

}


Javascript


/*


How to use:

1) Copy this jQuery to your project

2) Add [data-search] to search input

3) Add [data-filter-item] to the items that should be filtered

4) Add [data-filter-name="SEARCH TERM"] to the filter-items


*/


$('[data-search]').on('keyup', function() {

var searchVal = $(this).val();

var filterItems = $('[data-filter-item]');


if ( searchVal != '' ) {

filterItems.addClass('hidden');

$('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('hidden');

} else {

filterItems.removeClass('hidden');

}

});



https://codepen.io/alexerlandsson/pen/ZbyRoO

Saturday, 5 November 2022

JavaScript Json Object access by variable name (Without mentioning the actual object name)

let tableFields={1: "bill_date", 2: "amount"};


for(a in res.tableFileds){

let temp=res.tableFileds[a];
html+=`
<div class="divTableCell" style="border:none">`
+res.newRecord[x].data[z][temp]+` </div>
`;}



var data = {"A5A50000":[{"bsid":"A5A50000","chanCount":17,
"time":"2009-05-27 16:36:45","avgInterference":1.711765,"maxInterference":4.97,
"avgHandsets":205.1176,"maxHandsets":315,"avgCalls":6.4118,"maxCalls":13,
"avgCBA":3868.98059,"maxCBA":7463,"sumSuccessCBA":197318,"sumTimeoutHandoff":133,
"sumAttemptHandoff":1028,"sumDeniedHandoff":216,"sumConfirmHandoff":679,
"sumHandoffNetwork":61873,"sumJoinNetwork":96888,"sumLeaveNetwork":93754,
"sumRcvdKeepalive":98773,"sumTimeoutKeepalive":19748,"sumAttemptUplink":93689,
"sumBlockedUplink":62453}]};
var bsID = 'A5A50000';
alert(data[bsID][0].time);

Laravel Export data to csv

 use Illuminate\Http\Response; // Define a function to export data to CSV function exportToCSV($exportData, $columns) {     $filename = ...