Freelance Projects, Design and Programming Tutorials
After my computer has been idle for a while and I load a page, I sometimes get an error like
SyntaxError: JSON.parse: unexpected character at line 2 column 5 of the JSON data
and the page does not load
I can refresh the page and the error disappear and the site works as normal.
Until I figure out the source of the problem, is there any javascript or jQuery way to catch that error and force the page to reload?
(failed)net::ERR_CONNECTION_REFUSED found this issue in react I want to handle the error in react ?
how to handle the request and throw the error in react
(failed)net::ERR_CONNECTION_REFUSED found this issue in react I want to handle the error in react ?
how to handle the request and throw the error in react
(failed)net::ERR_CONNECTION_REFUSED found this issue in react I want to handle the error in react ?
how to handle the request and throw the error in react
By default the Datetime axis displays hour in 24 hour format. I would like the x axis to display hour in 12 hour format with am/pm. However, I am not able to accomplish this. Your help and support is greatly appreciated.
I am using lightningchart version 7.0.3
Using setCursorMode(‘show-nearest’) , I am just getting one nearest point. I want the closest points to the cursor and not the interpolated values near cursor. Is there a way to achieve it using the latest lcjs.
The errors are in this screenshot
I was checking where there was a closing tag but I can’t find any errors below is a screenshot of my html code.
Part 2 – half of the code
Part 1 – first part of the code
Please help if you see any issues. I tried many options but I can’t seem to solve it.
below is the code
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FARM to TABLE</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-custom">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="images/brandlogo.svg" alt="FARM to TABLE" class="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container text-center">
<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row">
<div class="col-md-12"><img src="images/vegetables-basket-garden-produce-fresh.jpg" alt="vegetables in basket" class="img-fluid"></div>
<h1 class="lh-1">At Farm to Table CSA in Elberta, Alabama, our mission is to nurture our community through USDA organic farming and the Community Supported Agriculture model. We pledge to promote sustainability by promoting local agriculture and providing the freshest produce directly to our customers.</h1>
<div class="col-md-6"><img src="images/cucumber-tomatoes-vines-garden-green.jpg" alt="cucumber and tomatoes" class="img-fluid"></div>
<div class="col-md-6"><img src="images/carrots-orange-garden-picked-fresh.png" alt="orange carrots" class="img-fluid"></div>
</div>
</div>
<footer class="footer mt-3 py-3">
<div class ="container text-center">
<div class="row">
<div class="col-lg-6">
<h2>FARM to TABLE</h2>
<p>230 Main Street <br>Elberta, Alabama 23567 <br>332-223-2323</p>
</div>
<div class="col-lg-6">
<h2>Hours</h2>
<p>Tuesday-Thursday 9am-7pm <br>Friday-Saturday 9am-5pm</p>
<a href="https://www.facebook.com/yourpage" target="_blank" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/yourpage" target="_blank" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
<a href="https://www.youtube.com/yourpage" target="_blank" aria-label="YouTube"><i class="bi bi-youtube"></i></a>
</div>
<h3>©2025, FARM to TABLE.</h3>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
I’m working on a game that will take a random object, and use that same random object for a series of questions/functions. I’m having trouble getting the next piece of code to run after clicking the “Begin” button. Most basically (and I know it’s still a lot sorry):
repo: https://github.com/ChristinaBohn/botany-game
const button = document.querySelector('#button')
const objects = [
{
id: 0,
name: "Object",
"first question": {
"button text": "button text",
"button function": "outerFunction.innerFunction2"
},
"second question": {
"button text": "button text",
"button function": "otherFunction"
}
}
]
const actions = [
{
name: "welcome",
"button text": "button text",
"button function": "outerFunction.innerFunction1"
}
]
function useRandomIndex() {
let randomIndex = Math.floor(Math.random() * 3);
let currentObject = objects[randomIndex];
function innerFunction1() {
button.innerText = currentObject["first question"]["button text"][0]
button.onclick = currentObject["first question"]["button function"][0]
}
function innerFunction2() {
button.innerText = currentObject["second question"]["button text"][0]
button.onclick = currentObject["second question"]["button function"][0]
}
button.onclick = useRandomIndex.innerFunction1
return { innerFunction1, innerFunction2 }
};
const outerFunction = useRandomIndex();
function update(action) {
button.innerText = action["button text"][0]
button.innerText = action["button functions"][0]
}
function welcome() {
update(actions[0])
}
functions['outerFunction.innerFunction1'] = outerFunction.innerFunction1;
functions['outerFunction.innerFunction2'] = outerFunction.innerFunction2;
functions['update'] = update;
functions['welcome'] = welcome;
welcome();
I’ve tried initializing the buttons inside the outerFunction and the game immediately jumps to the innerFunction1 step, but with the button initialized outside it gets stuck on the welcome page.
Any help is appreciated and I’m very new to this so please be gentle, don’t be afraid to overexplain -thanks!
I’m trying to make this beam of light that follows mouse movement, typical of a light house basically. I’ve been able to get syntax, but the issue I have is that is that the code seems to break when carrying the cursor behind the light. I noticed that the issue is resolved when I change the transform origin to 50% 50%, but I still want the origin to be at 0 50% so it’s from a fixed point.
import { useRef } from "react";
const Lighthouse = () => {
const lightBeamRef = useRef(null);
function handleMouseMove(e) {
const rect = lightBeamRef.current.getBoundingClientRect();
const originX = rect.left + rect.width / 2;
const originY = rect.top + rect.height / 2;
const cursorX = e.clientX;
const cursorY = e.clientY;
const angle =
(Math.atan2(cursorY - originY, cursorX - originX) * 180) / Math.PI + 1;
lightBeamRef.current.style.transform = `rotate(${angle}deg)`;
lightBeamRef.current.style.transformOrigin = "0% 50%";
}
return (
<>
<div
className="light-rock bg-stone-700 w-screen h-screen justify-center items-center flex"
onMouseMove={(e) => handleMouseMove(e)}
>
<div
ref={lightBeamRef}
className="light-beam bg-gray-200 w-50 rounded-full"
style={{
height: "100px",
clipPath: "polygon(0 50%, 100% 0, 100% 100%)",
transformOrigin: "0% 50%",
background: "linear-gradient(45deg, #FA6900, #C02942)",
transition: "transform 0.05s ease-out",
}}
></div>
</div>
</>
);
};
export default Lighthouse;
Problem Description
I am trying to deploy and invoke a chaincode on Hyperledger Fabric 2.4 using deployChaincode.sh. The chaincode installation and approval complete successfully, but when I try to invoke the chaincode using chaincodeInvokeInit, I get the following error:
Error: endorsement failure during invoke. response: status:500 message:"error in simulation: failed to execute transaction 83cdc94eeead01384f3eeabc101a71417645997f5d895e5be48dfa773b1900b3: could not launch chaincode residentManagement_1:13e03034c9144a182ea9a37c54a8b67d0df045cff62cccfafea937a01e8471ec: chaincode registration failed: container exited with 0"
Environment Details
Hyperledger Fabric Version: 2.4
Node.js Version: 16.20.2
Operating System: Ubuntu (running inside WSL)
Chaincode Language: JavaScript
What I Have Tried
Chaincode installation, approval, and commit all succeed.
Checked that all peers and orderers are running correctly.
Verified that the chaincode package ID matches the installed chaincode.
Chaincode Installation, Approval, and Commit Logs
Checked logs for possible issues but did not find any clear errors.
I’m trying to open a template file from my custom plugin. I haven’t any errors and nothing happens. But by some reason result is undefined.
A size of uint8Array is exactly the same as the size of the file that I want to open.
const templateId = Asc.scope.step.data.template;
const template = await fetch(`http://localhost:3000/templates/${templateId}`);
const arrayBuffer = await template.arrayBuffer();
const uint8Array = new Uint8Array(arrayBuffer);
window.Asc.plugin.executeMethod('OpenFile', [uint8Array, ['id', `${templateId}.xlsx`]], function (result) {
console.log('OpenFile.result', result);
});
an error pops up: No value passed for parameter ‘serviceId’.
class ServicesViewModel : ViewModel() {
private val repository = SmsRepository()
val services = MutableLiveData<List<Service>>()
val error = MutableLiveData<String>()
fun loadServices() {
viewModelScope.launch {
try {
**services.value = repository.getServices()** [enter image description here][1]
} catch (e: Exception) {
error.value = "Error: ${e.message}"
}
}
}
}
class CountriesViewModel : ViewModel() {
private val repository = SmsRepository()
val countries = MutableLiveData<List<Country>>()
val error = MutableLiveData<String>()
fun loadCountries(serviceId: String) {
viewModelScope.launch {
try {
countries.value = repository.getCountries(serviceId)
} catch (e: Exception) {
error.value = "Error loading countries: ${e.message}"
}
}
link to the entire repository:
https://github.com/Karakom/appd2/tree/master/app/src
[1]: https://i.sstatic.net/A2uJb5J8.png
I have a project based in Typescript, using Quasar to create a chrome extension but when i try to run “yarn install” on my Intel Mac i get this:
error @esbuild/[email protected]: The platform “darwin” is incompatible with this module.
error Found incompatible module.
I can’t get to create the yarn-lock folder and I can’t figure out how to solve it. I’ve tried uninstalling every package, also doing a npm install and it won’t work. I also have a problem with the compiler not being able to recognize paths inside the same project folder. I have a line in the ts-configure where it says “extends: {path to an existing file}” and vscode underlines it as if the path does not exist.
what might be happening?
thanks in advance
I am writing a browser extension that allows user to control the playback of media content on a music service website. Unfortunately Safari does not support tracking changes to the audible property in an event tabs.onUpdated. Is there an alternative to this event? I’m looking for a way to track when the automatic inference engine interrupts playback on a music service website.
That you.
I’m bulding a website using Javascript to create some page transition effect to avoid reloading pages.
The interface of the website is divided in 2 parts. The first part is the menu that is present in all pages of the site. The second part is the main content that refreshs by loading the content of the page.
The issue is, when I have a link inside the main content main, the link doesn’t trigger the page transition. It only works with the links inside the menu.
const main = document.querySelector('.js-content');
const links = [...document.querySelectorAll('a')];
let isAnimating = false;
links.forEach(link => {
link.addEventListener('click', async e => {
e.preventDefault();
if(isAnimating) return
const url = e.target.href;
console.log(url)
startTransition(url);
const pathname = new URL(url).pathname;
history.pushState(null, '', pathname);
})
})
window.addEventListener('popstate', e => {
const url = window.location.pathname;
startTransition(url)
})
const startTransition = async (url) => {
isAnimating = true;
const html = await fetch(url);
const htmlString = await html.text();
const parser = new DOMParser();
const parsedhtml = parser.parseFromString(htmlString, 'text/html').querySelector('.js-content')
transitionDiv.classList.add('is-animate-in');
transitionDiv.addEventListener('transitionend', () => {
main.innerHTML = parsedhtml.innerHTML;
transitionDiv.classList.remove('is-animate-in');
transitionDiv.classList.add('is-animate-out');
setTimeout(() => {
transitionDiv.style.transition = '0s';
transitionDiv.classList.remove('is-animate-out');
setTimeout(() => {
transitionDiv.style.transition = '1s';
}, 100)
isAnimating = false;
}, 1000)
}, {once: true})
}
I tried targeting node a inside the main content, but it doesn’t seem to work neither.
main.addEventListener("click", function(e) {
if(e.target && e.target.nodeName == "a") {
if(isAnimating) return
const url = e.target.href;
console.log(url)
startTransition(url);
const pathname = new URL(url).pathname;
history.pushState(null, '', pathname);
}
});
You can reproduce the issue in this Sandbox.
I am trying to use the GAPI to read a spreadsheet (through frontend JS) and am trying to make it so the permissions window doesn’t come up everytime the user logs in. To do this I am trying to use TestIamPermissions(), but it reponds with a 403 PERMISSION_DENIED with the reason ACCESS_TOKEN_SCOPE_INSUFFICIENT. From what I found on the web, I have to use something like https://www.googleapis.com/auth/cloudfunctions as a scope. I have done this and have authorized it on the google account, but it still returns an error.
This is the code relating to the request:
gapi.client.request({
path: `https://cloudresourcemanager.googleapis.com/v1/projects/gamblingdatabase-455413:testIamPermissions`,
headers: {"Authorization": "Bearer "+ACCESS_TOKEN},
method: 'POST',
body: {
permissions: ["drive.files.get", "drive.files.update"]
}
}).then(response => {
if(response.result.permissions && response.result.permissions.includes("drive.files.get") && response.result.permissions.includes("drive.files.update")){
SCOPES = "";
}
});
And this is what the error repsonse is:
{
"error": {
"code": 403,
"message": "Request had insufficient authentication scopes.",
"status": "PERMISSION_DENIED",
"details": [
{
"@type": "type.googleapis.com/google.rpc.ErrorInfo",
"reason": "ACCESS_TOKEN_SCOPE_INSUFFICIENT",
"metadata": {
"method": "google.cloudresourcemanager.v1.Projects.TestIamPermissions",
"service": "cloudresourcemanager.googleapis.com"
}
}
]
}
}
All varaibles are correctly initialized and in scope. I’m very new to the Google API and networking in general and am not sure what to do.
I’m working on a Django backend and a React frontend, and I need to test my app with a large number of users.
I have used Cypress for UI testing, but it takes too much time to complete the tests I need. My goal is to test two different scenarios:
First scenario (8,840 users)
Register a user
Modify user details
Create a contribution
Second scenario (~300,000 users)
Perform the same process as the first scenario but on a much larger scale
I’m looking for a faster and more efficient way to execute these tests.