I am building a lottery web application where customers can select their own numbers or get 4 random numbers. How can I carry these numbers that the customer inputs/randomly generates into my shopping cart / paypal button?
Thanks for any help.
Category: javascript
Category Added in a WPeMatico Campaign
Uncaught TypeError: Cannot read property ‘toString’ of undefined in react app
I know it is a bit silly question yet I am asking this..
I am watching the tutorial of cryptoverse react app from youtube channel JavaScript Mastery.
Mostoff Application is ready and everything works except cryptoDetails.jsx.
As soon as I click on the any crypto currency card, it shows the error in the heading stated above in the console. I am attaching my code and that screenshot so you can help me.Thanks for the help in advance.
CryptoDetails.jsx
import React, { useState } from 'react';
import HTMLReactParser from 'html-react-parser';
import { useParams } from 'react-router-dom';
import millify from 'millify';
import { Col, Row, Typography, Select } from 'antd';
import { MoneyCollectOutlined, DollarCircleOutlined, FundOutlined, ExclamationCircleOutlined,
StopOutlined, TrophyOutlined, CheckOutlined, NumberOutlined, ThunderboltOutlined } from '@ant- design/icons';
import { useGetCryptoDetailsQuery, useGetCryptoHistoryQuery } from '../services/cryptoApi';
import Loader from './Loader';
import LineChart from './LineChart';
const { Title, Text } = Typography;
const { Option } = Select;
const CryptoDetails = () => {
const { coinId } = useParams();
const [timeperiod, setTimeperiod] = useState('7d');
const { data, isFetching } = useGetCryptoDetailsQuery(coinId);
const { data: coinHistory } = useGetCryptoHistoryQuery({ coinId, timeperiod });
const cryptoDetails = data?.data?.coin;
if (isFetching) return <Loader />;
const time = ['3h', '24h', '7d', '30d', '1y', '3m', '3y', '5y'];
const stats = [
{ title: 'Price to USD', value: `$ ${cryptoDetails?.["price"] && millify(cryptoDetails?.
["price"])}`, icon: <DollarCircleOutlined /> },
{ title: 'Rank', value: cryptoDetails?.rank, icon: <NumberOutlined /> },
{ title: '24h Volume', value: `$ ${cryptoDetails?.["24hVolume"] && millify(cryptoDetails?.
["24hVolume"])}`, icon: <ThunderboltOutlined /> },
{ title: 'Market Cap', value: `$ ${cryptoDetails?.["marketCap"] && millify(cryptoDetails?.
["marketCap"])}`, icon: <DollarCircleOutlined /> },
{ title: 'All-time-high(daily avg.)', value: `$
${millify(cryptoDetails?.allTimeHigh?.price)}`, icon: <TrophyOutlined /> },
];
const genericStats = [
{ title: 'Number Of Markets', value: cryptoDetails?.numberOfMarkets, icon: <FundOutlined />
},
{ title: 'Number Of Exchanges', value: cryptoDetails?.numberOfExchanges, icon:
<MoneyCollectOutlined /> },
{ title: 'Aprroved Supply', value: cryptoDetails?.approvedSupply ? <CheckOutlined /> :
<StopOutlined />, icon: <ExclamationCircleOutlined /> },
{ title: 'Total Supply', value: `$ ${millify(cryptoDetails?.totalSupply)}`, icon:
<ExclamationCircleOutlined /> },
{ title: 'Circulating Supply', value: `$ ${millify(cryptoDetails?.circulatingSupply)}`,
icon: <ExclamationCircleOutlined /> },
];
return (
<Col className="coin-detail-container">
<Col className="coin-heading-container">
<Title level={2} className="coin-name">
{data?.data?.coin.name} ({data?.data?.coin.slug}) Price
</Title>
<p>{cryptoDetails.name} live price in US Dollar (USD). View value statistics, market cap
and supply.</p>
</Col>
<Select defaultValue="7d" className="select-timeperiod" placeholder="Select Timeperiod" onChange={(value) => setTimeperiod(value)}>
{time.map((date) => <Option key={date}>{date}</Option>)}
</Select>
<LineChart coinHistory={coinHistory} currentPrice={millify(cryptoDetails.price)} coinName={cryptoDetails.name} />
<Col className="stats-container">
<Col className="coin-value-statistics">
<Col className="coin-value-statistics-heading">
<Title level={3} className="coin-details-heading">{cryptoDetails?.name} Value Statistics</Title>
<p>An overview showing the statistics of {cryptoDetails?.name}, such as the base and quote currency, the rank, and trading volume.</p>
</Col>
{stats.map(({ icon, title, value }) => (
<Col className="coin-stats">
<Col className="coin-stats-name">
<Text>{icon}</Text>
<Text>{title}</Text>
</Col>
<Text className="stats">{value}</Text>
</Col>
))}
</Col>
<Col className="other-stats-info">
<Col className="coin-value-statistics-heading">
<Title level={3} className="coin-details-heading">Other Stats Info</Title>
<p>An overview showing the statistics of {cryptoDetails?.name}, such as the base and quote currency, the rank, and trading volume.</p>
</Col>
{genericStats.map(({ icon, title, value }) => (
<Col className="coin-stats">
<Col className="coin-stats-name">
<Text>{icon}</Text>
<Text>{title}</Text>
</Col>
<Text className="stats">{value}</Text>
</Col>
))}
</Col>
</Col>
<Col className="coin-desc-link">
<Row className="coin-desc">
<Title level={3} className="coin-details-heading">What is {cryptoDetails?.name}?</Title>
{HTMLReactParser(cryptoDetails.description)}
</Row>
<Col className="coin-links">
<Title level={3} className="coin-details-heading">{cryptoDetails?.name} Links</Title>
{cryptoDetails?.links?.map((link) => (
<Row className="coin-link" key={link.name}>
<Title level={5} className="link-name">{link.type}</Title>
<a href={link.url} target="_blank" rel="noreferrer">{link.name}</a>
</Row>
))}
</Col>
</Col>
</Col>
);
};
export default CryptoDetails;
Node archiver MaxListernersExceededWarning
I’m using the following code (courtesy of D.Dimitrioglo) to compress a directory to a zip file.
/**
* @param {String} sourceDir: /some/folder/to/compress
* @param {String} outPath: /path/to/created.zip
* @returns {Promise}
*/
export function zipDirectory(sourceDir: string, outPath: string) {
const archive = archiver('zip', {zlib: {level: 9}});
const stream = fs.createWriteStream(outPath);
return new Promise((resolve, reject) => {
archive
.directory(sourceDir, false)
.on('error', (err: any) => reject(err))
.pipe(stream)
;
stream.on('error', ex => reject(ex));
stream.on('warning', ex => console.log(ex));
stream.on('close', () => resolve(undefined));
archive.finalize();
});
}
I have an express typescript server that runs the zipDirectory function. However, when running the function, I get the following warnings:
(node:3275) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 end listeners added to [ReadStream]. Use emitter.setMaxListeners() to increase limit
(Use `node --trace-warnings ...` to show where the warning was created)
(node:3275) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 data listeners added to [ReadStream]. Use emitter.setMaxListeners() to increase limit
I used –trace-warnings to further inspect the warning:
(node:5327) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 end listeners added to [ReadStream]. Use emitter.setMaxListeners() to increase limit
at _addListener (node:events:465:17)
at ReadStream.addListener (node:events:487:10)
at ReadStream.Readable.on (node:internal/streams/readable:876:35)
at ReadStream.once (node:events:531:8)
at ReadStream.Readable.pipe (node:internal/streams/readable:678:9)
at gm._spawn (/home/user/workspace/tools/backend/node_modules/gm/lib/command.js:262:25)
at /home/alqio/workspace/tools/backend/node_modules/gm/lib/command.js:101:12
at series (/home/user/workspace/tools/backend/node_modules/array-series/index.js:11:36)
at gm._preprocess (/home/user/workspace/tools/backend/node_modules/gm/lib/command.js:177:5)
at gm.write (/home/user/workspace/tools/backend/node_modules/gm/lib/command.js:99:10)
(node:5327) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 data listeners added to [ReadStream]. Use emitter.setMaxListeners() to increase limit
at _addListener (node:events:465:17)
at ReadStream.addListener (node:events:487:10)
at ReadStream.Readable.on (node:internal/streams/readable:876:35)
at ReadStream.Readable.pipe (node:internal/streams/readable:751:7)
at gm._spawn (/home/user/workspace/tools/backend/node_modules/gm/lib/command.js:262:25)
at /home/user/workspace/tools/backend/node_modules/gm/lib/command.js:101:12
at series (/home/user/workspace/tools/backend/node_modules/array-series/index.js:11:36)
at gm._preprocess (/home/user/workspace/tools/backend/node_modules/gm/lib/command.js:177:5)
at gm.write (/home/user/workspace/tools/backend/node_modules/gm/lib/command.js:99:10)
at /home/user/workspace/tools/backend/node_modules/pdf2pic/dist/index.js:1:1360
The code works, but what is the reason for these warnings?
Using process.stdin as IncomingMessage socket
I am trying to make a very simple wrapper around nodejs server handlers like (req:IncomingMessage, res:ServerResponse) =>... to use them in a cgi script context.
In a cgi script, the body of the request is given by stdin. I thought this would work:
#!/bin/node
// DOESN'T WORK
const {IncomingMessage} = require('http')
const req = new IncomingMessage(process.stdin)
var body = ""
req.on("data", function(chunk) { body+=chunk})
req.on("close", function() { console.log(body)})
But nothing is echoed from stdin. However, attaching the event handlers to req.socket instead of just req does work:
#!/bin/node
// DOES WORK
const {IncomingMessage} = require('http')
const req = new IncomingMessage(process.stdin)
var body = ""
req.socket.on("data", function(chunk) { body+=chunk})
req.socket.on("close", function() { console.log(body)})
What am I doing wrong? according to the docs IncomingMessage takes a socket as its parameter and stdin is a socket. How do I get the event handlers on the parent req object to read from stdin, as would be the case for an IncomingMessage object created by a http.server? I want this cgi dispatcher to be compatible with handlers that expect to be able to call req.on('data'...).
Facing 8 moderate severity vulnerabilities issue with React
I installed a react app, but after that it’s showing me this: 8 moderate severity vulnerabilities
When I run npm audit fix --force, it shows :
npm WARN using --force Recommended protections disabled.
npm WARN audit Updating react-scripts to 3.0.1,which is a SemVer major change.
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer
supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer
supported or maintained
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-
resolve#deprecated
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019.
Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: flatten is deprecated in favor of utility frameworks such
as lodash.
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: request-promise-native has been deprecated
because it extends the now deprecated request package, see
https://github.com/request/request/issues/3142
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! Cannot read properties of undefined (reading 'isServer')
npm ERR! A complete log of this run can be found in:
npm ERR! C:UsersZASAppDataLocalnpm-cache_logs2022-02-02T09_40_50_014Z-debug.log
And when I click on C:UsersZASAppDataLocalnpm-cache_logs2022-02-02T09_40_50_014Z-debug.log the file contains:
8094 verbose stack TypeError: Cannot read properties of undefined (reading 'isServer')
8094 verbose stack at TLSWrap.onerror (node:_tls_wrap:411:27)
8095 verbose cwd C:UsersZASDesktopWebReact Startreact-deploytest-deploy
8096 verbose Windows_NT 10.0.19042
8097 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program
Files\nodejs\node_modules\npm\bin\npm-cli.js" "audit" "fix" "--force"
8098 verbose node v16.13.2
8099 verbose npm v8.1.2
8100 error Cannot read properties of undefined (reading 'isServer')
8101 verbose exit 1
I’ve recently re-installed Node.js because I was facing a lot of issues with it. I’m new to node and react so don’t know why these errors are occuring. Previously, when I installed react for the first time, I did faced these vulnerabilities but I ignored it at the time. I think that’s why I faced other issues before.
So, How do I fix these?
Leaflet : how Prevent user to drag to gray scale area?
I use Leaflet map and i have problem om map that when user reach the edge of map it show gray back ground
and i like to prevent user to reach here and being stopped when reach the edge…
is this CSS problem or i can fix it with leaflet plugin or function.
Note: I use orginal sample of LEAFLET JS.
here is the map tiles configuration :
var map = L.map('map').setView([51.505, -0.09], 3);
L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=bQviwia3GEIWmWxoXm52', {
attribution: '<a href="https://www.sample.yohaa" target="_blank">™ Samad</a> <a href="https://www.google.com/" target="_blank">© Samad street map</a>',
zoom: 3,
minZoom: 3,
maxZoom: 17,
zoomCntrol: false,
noWrap: true,
id: 'mapbox/streets-v11',
tileSize: 512,
zoomOffset: -1,
}).addTo(map);
is there any way to show a as modal without using the javascript api?
the new <dialog> element improves accessibility by keeping the keyboard focus inside the dialog
unfortunately it seems like it works only for the js api e.g.:
document.querySelector('dialog').showModal();
is there any way to get the same behavior only with html?
I tried the following but it didn’t seem to have any influence on the focus order:
<dialog open><input></dialog>
What is google_experiment_mod in localstorage and is it ok to delete it? [duplicate]
I am coding an html project in my c:/ drive, so the localstorage is shared across the drive as it is considered the same domain. Other than the variables I saved, I see quite a lot of stuff such as
google_experiment_mod36:"341"
google_experiment_mod23:"116"
in my localstorage.
I wanted to clear my localstorage because I saved a few thousand items in it when testing with saving arrays, so I want to know if clearing everything in the localstorage including these google_experiment_mod will affect anything
How to transfer file chunks for large file download and reconstruct it in javascript?
I need to download large files using files chunks for which JAVA spring server is developed and files are recived at UI via REST api. Looking for solution to join all chunks in javascript
Angular: find and replace array from nested array
I am struggling to find and replace array in following case.
I need to replace comments array of particular post_id (e.g. 89) from data array with comments array of postDetails and result should be data array with replaced comments of that post_id.
"data": [
{
"post_id": "89",
"event_id": null,
"title": null,
"description": null,
"links": null,
"user_id": "28",
"user_name": "Namrata Tambare",
"user_profile_path": "profile-images/20220118060204-cartoon-dp-for-girls-whatsapp.jpg",
"mediaData": [
{
"id": 119,
"social_media_posts_id": 82,
"media_type": "image",
"images": "20220111070528-123.jpg",
"videos": null,
"file_path": "images/20220111070528-123.jpg"
},
{
"id": 120,
"social_media_posts_id": 82,
"media_type": "image",
"images": "20220111070528-320.png",
"videos": null,
"file_path": "images/20220111070528-320.png"
},
{
"id": 121,
"social_media_posts_id": 82,
"media_type": "video",
"images": null,
"videos": "20220111070528-pexels-c-technical-6153734.mp4",
"file_path": "videos/20220111070528-pexels-c-technical-6153734.mp4"
}
],
"likeCount": 1,
"alreadyLike": "yes",
"comments": [
{
"id": 90,
"post_id": 82,
"comment": "efretret",
"comment_by_user": 28,
"parent_id": 0,
"created_at": "2022-01-17T06:28:49.000000Z",
"post_comment_users": {
"id": 28,
"first_name": "Na",
"last_name": "Ta",
"profile": "20220118060204-cartoon-dp-for-girls-whatsapp.jpg",
"profile_path": "profile-images/20220118060204-cartoon-dp-for-girls-whatsapp.jpg"
},
"post_comment_replys": []
}
],
"event_total_going": "",
"event_total_not_going": "",
"event_total_maybe": "",
"event_start_date": null,
"event_location": null,
"event_status": null,
"post_created_at": "2022-01-11T07:05:28.000000Z"
},
{
...
},
{
...
},
{
...
}
]
"postDetails": [
{
"id": 89,
"user_id": 30,
"user_name": "new nmt testing test 123",
"user_profile": "20211025055017-ima5.png",
"user_profile_path": "profile-images/20211025055017-ima5.png",
"horse_id": null,
"horse_name": "",
"horse_profile": "",
"horse_profile_path": "",
"description": "test post",
"links": null,
"created_at": "2021-10-25T05:51:21.000000Z",
"imagesVideos": [
{
"id": 72,
"social_media_posts_id": 46,
"media_type": "image",
"images": "20211025055121-2514219.jpg",
"videos": null,
"file_path": "images/20211025055121-2514219.jpg",
"created_at": "2021-10-25T05:51:21.000000Z"
},
{
"id": 73,
"social_media_posts_id": 46,
"media_type": "video",
"images": null,
"videos": "20211025055121-pexels-video-kickstarter-5299577.mp4",
"file_path": "videos/20211025055121-pexels-video-kickstarter-5299577.mp4",
"created_at": "2021-10-25T05:51:21.000000Z"
}
],
"totalLikes": 1,
"comments": [
{
"id": 27,
"post_id": 46,
"comment": "test comment",
"comment_by_user": 30,
"parent_id": 0,
"created_at": "2021-10-25T05:52:16.000000Z",
"post_comment_users": {
"id": 30,
"first_name": "new nmt testing",
"last_name": "test 123",
"profile": "20211025055017-ima5.png",
"profile_path": "profile-images/20211025055017-ima5.png"
},
"post_comment_replys": []
}
]
}
],
by using find I can get object from data array but how can I replace comment array of that with postDetails and get whole updated data array ?
Please guide and help.
In Chromecast Receive App Get Device Name
I’m developing in javascript a google cast receiver app, CAF version.
Can I get the chromecast’s name in the receiver app?
I visited https://developers.google.com/cast/docs/reference but I could not find any way.
I tryed to used in the receiver app url’s like http://localhost:8008/ssdp/device-desc.xml, http://localhost:8008/setup/eureka_info?options=detail, https://localhost:8443/setup/eureka_info but this generate a CORS and mixed content errors.
Lot of thanks
how to group E-mail by name in javascript
I have excel sheet which contains email id and subject
so i want to group the subject according to name
i have created a js code when we click on chose file then select the excell file and then the content in it is desplayed so i want to add a sorting according to name
here is my excell file
as i am a beginner please help me with this code
following is my code
const excel_file = document.getElementById('excel_file');
excel_file.addEventListener('change', (event) => {
if(!['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel'].includes(event.target.files[0].type))
{
document.getElementById('excel_data').innerHTML = '<div class="alert alert-danger">Only .xlsx or .xls file format are allowed</div>';
excel_file.value = '';
return false;
}
var reader = new FileReader();
reader.readAsArrayBuffer(event.target.files[0]);
reader.onload = function(event){
var data = new Uint8Array(reader.result);
var work_book = XLSX.read(data, {type:'array'});
var sheet_name = work_book.SheetNames;
var sheet_data = XLSX.utils.sheet_to_json(work_book.Sheets[sheet_name[0]], {header:1});
if(sheet_data.length > 0)
{
var table_output = '<table class="table table-striped table-bordered">';
for(var row = 0; row < sheet_data.length; row++)
{
table_output += '<tr>';
for(var cell = 0; cell < sheet_data[row].length; cell++)
{
if(row == 0)
{
table_output += '<th>'+sheet_data[row][cell]+'</th>';
}
else
{
table_output += '<td>'+sheet_data[row][cell]+'</td>';
}
}
table_output += '</tr>';
}
table_output += '</table>';
document.getElementById('excel_data').innerHTML = table_output;
}
excel_file.value = '';
}
});<head>
<meta charset="utf-8" />
<title>Group E-mails by Names</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/xlsx.full.min.js"></script>
</head>
<body>
<div class="container">
<h2 class="text-center mt-4 mb-4">Group E-mails by Names</h2>
<div class="card">
<div class="card-header"><b>Select Excel File</b></div>
<div class="card-body">
<input type="file" id="excel_file" />
</div>
</div>
<div id="excel_data" class="mt-5"></div>
</div>
</body>Api rest endpoint does not work when is called from jquery
Something very strange is happening to me that I can’t find an explanation for. Developed a rest api with nodejs that makes use of mongodb, which works fine when I test it with postman. One of the endpoints performs a database insert, and as I said, it works correctly from postman. I have developed a client application for that rest api that consumes the different endpoints through ajax calls with jquery. The problem I have is that the call to the endpoint to insert does not work. No errors are displayed, but the data insertion is not performed. The strange thing is that when you run the code step by step through the chrome debugger, it works. The code is the same, I don’t understand how if it inserts when it is executed step by step. The rest of the calls to the other endpoints of the rest api work correctly.
I upload here the jquery code that makes the call. This code is executed when a button is clicked:
function nuevaIncidencia(){
let titulo = $("#titulo").val();
let usuario = $("#usuario").val();
let descripcion = $("#descripcion").val();
let severidad = $('#severidad option:selected').val();
if (titulo!="" && usuario!="" && descripcion!=""){
$.ajax({
type: "POST",
dataType: "json",
contentType: "application/json",
data: JSON.stringify({
"title":titulo,
"description":descripcion,
"user": usuario,
"severity": severidad
}),
url: "http://localhost:3600/api/createIncident",
success: function(data){
location.href="index.html";
}
});
}
}
I would greatly appreciate a little help. Thanks in advance.
Node js Replace Html table with daynamic data
I am stuck a bit with replacing strings in the HTML file through looping on the array.
I am reading the HTML file it’s a big template file attached to the email.
I want to loop on data and replace HTML with dynamic data.
But only one element is replacing.
<table cellpadding="10" cellspacing="0" width="600" align="center"
style="border-collapse:collapse;background:white;">
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="600" align="left" border="1" id="myTable">
<tr>
<td>Date</td>
<td>%DateTo% - %DateFrom%</td>
</tr>
<tr>
<td>Url</td>
<td>%reportUrl%</td>
</tr>
</table>
</td>
</tr>
</table>
let mailHtml = '';
mailHtml = fs.readFileSync('app/emailTemplates/ReportTemplate .html').toString();
dataValues.forEach(ele => {
mailHtml = mailHtml.replace('%DateTo%', ele.dateTo);
mailHtml = mailHtml.replace('%DateFrom%', ele.dateFrom);
mailHtml = mailHtml.replace('%reportUrl%', ele.reportUrl);
})
[![enter image description here][1]][1]
[1]: https://i.stack.imgur.com/MRgd6.png
Data from ajax in datatables not sending to server using POST php
i’m creating a POS app using php which have a list of products like this
but the data inside datatables were not send to server, the data is from point 1 it’s a selectable data from server, if i click on of the data the values of that data will be stored inside point 2.But after i click save the data inside point 2 were not send, there’s no data inside my table. But if i hard coded the value to point 2, it’s send to server and the data exist on the table.
Why is that?
see the 4th and 5th value, number 4 is a hardcoded value and the 5th was from server using ajax, after i hit save, this happen
the 5th value is not send to server, did anyone knows what is happening here? any thought would be very helpful.