When I am dynamically loading Three.js, the variable THREE is not found. I have created a React project using create-react-app and copied the three js file into the public folder. Here's the directory structure: src public ├── js │ └─┠...
When uploading an image from a React frontend to a Laravel backend, I encountered an issue where the uploaded image path was saved in the database but the image wouldn't display. React code ` useEffect(() => { axiosClient .g ...
I am currently facing an issue with recharts while trying to implement a BarChart. The setting width={600} and height={300} is causing the Barchart to be fixed in size, rather than responsive. How can I make the BarChart responsive? I attempted using per ...
Working on a personal project involving React.js for the front-end, Node.js/express for the back-end, and mySQL for the database. The current array is as follows: horaires = [ { jour: 'Lundi', horaire: 'Fermé' }, { jour: 'Mar ...
While there are plenty of examples demonstrating how to draw on a canvas, my specific problem involves loading a photo into memory, adding a shape to exact coordinates over the photo, and then drawing/scaling the photo onto a canvas. I'm unsure of whe ...
As someone who is new to the software field, I am working with a JSON array of objects: var treeObj = [ { "name": "sriram", "refernce_id": "SAN001", "sponer_id": "SAN000" }, { "name": "neeraja", "r ...
Currently using Vue3 with options API, and this question does not pertain to date formatting. Looking at the code provided on StackBlitz here, the default format for the date being initially set is dd.mm.yyyy. I am interested in knowing how to set the date ...
https://gyazo.com/e80eea9f69c0cbb52cc7929d0a46ea2f The name of the object is totalCount. How can I retrieve the count from it? Object.result was my first attempt, but it returned undefined. For my second attempt: var count = totalCount.resu ...
Is there a way to delay the rendering of a jsx element in order to smooth out the animation? I have an expanding panel with content inside, and when the panel is empty, the animation works well. However, if the panel already contains content, the expansion ...
Recently, my NextJS Application has been displaying the following warning message: Warning: Additional attributes received from server: data-new-gr-c-s-check-loaded,data-gr-ext-installed,cz-shortcut-listen,data-lt-installed I am uncertain as to why this ...
vm.owners = parents.children.map(function(e) { getparentById(e.Id) .then(function(getresponse) { var parentLink = '<a href="/#/parent/onboard/' + e.Id + '" target="_blank">' + e.Number + "-&qu ...
Recently, I came across the next.js technology and encountered an error. Can anyone help me solve this issue? What could be causing it?View image here import React from 'react' import Button from "../components/button" function HomePa ...
I've been struggling with this issue for a day now and I can't seem to pinpoint where I'm going wrong. I have experience working with JavaScript on the client side and recently started following a book tutorial. However, it appears that Face ...
Upon examining our Drupal site, we discovered a straightforward jQuery script that inserts a div class containing content: (function($) { Drupal.behaviors.myHelpText = { attach: function (context, settings) { //code begins //adjusting placeholder ...
I am currently working on customizing the tab components in Chakra-ui. As per their documentation, it needs to be enclosed within React.forwardRef because they utilize cloneElement to internally pass state. However, TypeScript is throwing an error: [tsserv ...
Here is the content I have: <table class="sortable table table-hover table-bordered"> <thead> <tr> <th>CPU</th> <th>Speed</th> <th>Cores</th> <th>TDP</th> <th> ...
I am trying to create a computed array of type Todo[], but I keep encountering this specific error: No overload matches this call. Overload 1 of 2, '(getter: ComputedGetter<Todo[]>, debugOptions?: DebuggerOptions | undefined): ComputedRef<T ...
After installing the package uniqid from npm, I encountered an issue. Whenever I try to use the uniqid() function, it displays an error message stating "TypeError: _uniqid.uniqid is not a function". import { uniqid } from 'uniqid'; console.log( ...
As I develop a blog site with a unique post management system using node, express, moongoDB, and EJS, everything seems to be running smoothly. However, the challenge arises when attempting to integrate Cloudinary uploaded images from my mongoDB to allow fo ...
I have a small React Bootstrap form where I am trying to save multiple email addresses entered by the user into an array. However, when I use onChange={()=> setEmails(e.target.value as any} it stores them in string format like this --> [email p ...
Hello, I am just starting out with JS. Is there a way for me to customize the position and font of text in this JS Fetch function using CSS? Any help will be greatly appreciated. let file = 'art.txt'; const handleFetch = () => { fe ...
I'm not entirely happy with how the question is phrased. Feel free to suggest any improvements. Also, please understand that my frustration might be due to a mix of ignorance and annoyance which could result in inaccurate assessments of the issue. I a ...
I have 4 towers and I need checkboxes for each of them. Upon checking any combination of them, the 'txtNotifTo' textbox should be populated with the respective group of email IDs for each tower selected. Could you please assist me in identifying ...
I am facing a challenge where data is being fetched from multiple controllers, causing functions to hit the server more than fifty times until they receive a response. I am unsure how to handle this situation effectively and would appreciate some guidance. ...
// I keep encountering undefined values when trying to access object values from my data map // ../data/section1 const products = [{ id: 1, image: './images/homepage/xbox-games.png', text: 'Buy Xbox games and consoles', }, ...
For my project, I am utilizing the Instagram API with the http node.js module. The API call is quite simple: getJSON : function(options, on_result, on_error) { var req = http.request(options, function(res) { var output = ''; ...
In my database table, there are 4 different statuses stored in the status column - 1, 2, 3, and 4. I am looking to implement jQuery tabs or Javascript tabs with tab names as Tab A, Tab B, Tab C, and Tab D. Depending on the status retrieved from the contro ...
By retrieving values from a database and displaying them using ng-repeat within a div: <div ng-controller = "myTest"> <div ng-repeat="name in names"> <h4>{{name.name}}</h4> <button ng-class="{'active ...
Having trouble passing a JavaScript Object to the server side using a DWR method call and encountering a JS error. Here is the JavaScript code: var referenceFieldValues = new Object(); var refFieldArray = referenceFields.split(","); for(var i=0;i<refF ...
I have a form with a list of users and checkboxes below their names. Each user has a button that should select all checkboxes assigned to them. Below is the code for the dynamically created buttons and checkboxes. The included function takes the form name ...
I am trying to dynamically load an iframe using jQuery. Here is my code: jQuery('<iframe id="myFrame" src="iframesrc.php"></iframe>').load(function(){ // do something when loaded }).prependTo("#myDiv"); Now, I need to capture th ...
After creating a PWA with React, I generated a TWA .apk using pwabuilder.com. While having a muted video playing on my screen, I am looking for a way to unmute the video when the user presses the volume change buttons on their Android mobile device. Is th ...
I'm currently working on an Express app with several routes. One of them looks like this: router.post('/upload', (req, res) => { let audioFile = req.files.audioFile; const file = __dirname + '/../' + req.body.uploadLocation ...
Many websites feature an abundance of images, prompting the use of lazy loading to enhance load times and reduce data consumption. But what happens when printing functionality is also required for such a website? One approach could involve detecting the p ...
HTML: <html> <head> <body onload="document.getElementById('a').style.display='block';"> <div id="a" align="center" onclick="document.location.reload();" style="display: block; cursor: pointer;"> <img width="9 ...
I am a beginner with this framework and my goal is to change the color when clicking on a Menu Item in the Sidebar. For example, clicking on the table component should change the table name and icon to white color. Could someone please help me figure out h ...
I'm currently utilizing Ajax to automatically submit a form when a key is pressed. After the form is submitted, the page displays the resulting information success: function (response){ $("#search_results<?php echo $HoursID ?>").html(response) ...
Looking to create a function that can toggle GPS on and off for both iPhone and Android devices ...
My current project involves manipulating the x position of all coordinates on a single face of a cube. Here is my current method: var wDepth = 200; var hDepth = 200; var geo = new THREE.CubeGeometry( 20, 40, 40, 20, wDepth, hDepth); for ( var i = ...
I'm currently working on a JavaScript application where I need to achieve the following: Periodically check every 5 seconds to see if there is an element with the 'video' tag on the page. Once an element with the 'video' tag ...
I need help implementing an AJAX feature for the following process: When a visitor clicks a button, I want to display a spinning/loading image using AJAX. AJAX will then access URL 1 http://www.mywebsite.com/url1.php to retrieve a random code, such a ...
I'm trying to display a table in HTML with 16 cells containing numbers from 1 to 16 in a random order. I am having trouble implementing the part where I need to pop a number from the array. Any help would be greatly appreciated :) Here's the cod ...
Currently utilizing Laravel with Vue for my project Vue.http.headers.common['X-CSRF-TOKEN'] = $("#token").attr("value"); new Vue({ el: '#notificationMenu', data: { patients: [] }, ...
I'm working on developing a game using A-frame. I'm trying to add a shooting effect by incorporating a gun model that follows the user's cursor. I've coded a click event so that an object moves in front of the gun and follows the direct ...
Below is an example of an array: let transactions = [{ date: 2019, amount: 3000 }, { date: 2019, amount: 5500 }, { date: 2020, amount: 2300 } ] I am looking to calculate the total amount for each year, resulting in the fo ...
After hours of searching, I'm still stuck on this issue that seems like it could easily be solved with a quick Google search. Basically, I have this string that I'm ajaxing from another site: 'function onclick(event) { toFacebook("http://w ...
I am currently working on an auto slide feature and could use some guidance with setInterval(). From my understanding, setInterval() is used to repeat functions infinitely, which is exactly what I need for this project. Here is the current layout: HTML & ...
Embarking on my initial AJAX project, I am delving into the realm of crafting a dual AJAX function. The primary goal is to utilize the output string ("venue_ID") of the first function as an input for the second AJAX function in order to generate a string ( ...
I have a question about finding a library that can generate and validate forms based on JSON schema. Before I start coding, I want to explore if there are existing solutions available. I've come across the ajv library for validation, but I'm uns ...
I'm trying to understand how WebGL / Three.js determines the heights and widths of objects. What numerical systems are used to set x, y, z coordinates? For example, when the arrow is pointing straight up with Y set to 1, it appears as 15-200 pixels. ...
I am currently working on a feature that involves hiding and showing descriptions of image thumbnails when clicked by the user. I tried following a VueJS tutorial on transitions, but unfortunately only one thumbnail is properly functioning while the rest a ...
Is it possible to toggle a navbar class based on the body offset being less than -20px using the Waypoints plugin? The current code is not working because the offset values are undefined. How can I retrieve the body offset value using Waypoints? $("body ...
Hey there, I'm a newcomer here and couldn't find any information on this topic after searching. Is there a method to scan a JSON object for empty values? For example, is there something like if(json[randomInt()].hasBlanks) that can be used? Or d ...
I'm looking to adjust the transition time for an HTML5 <progress> bar using JavaScript (jQuery), but I've been struggling to find the correct selector in jQuery to achieve this. Here are my current attempts: CSS: progress::-webkit-progre ...
On my express server, I attempted to make all paths load the same static website using this code: const express = require('express'); const app = express(); app.use('*', express.static('build')); app.listen(3000); But every ...
I'd like to incorporate this code into my gallery website, but I'm encountering a couple of issues. Firstly, when one album's slides finish, I want it to loop back to the first image. Additionally, there seems to be an intermittent problem w ...
Is there a way to hide an entire <div> if a profile image is missing, while keeping the other <div> with the same class visible? I've tried creating a solution in my jsfiddle, but I'm not sure if it's correct. Can someone verify? ...
Is there a way to efficiently convert the active scene in threejs to a JSON object? The process seems to slow down as the models get larger, making it difficult to show a progress bar. I attempted sending the threejs scene to a web worker for conversion, ...
I am working with a controller named MoviesListsCtrl that is being applied using the ng-controller directive to 3 elements in my HTML document. When I include the $http service within the controller, it ends up making 3 separate executions for the exact s ...
Since I need to use the data in multiple controllers, I have stored it in $rootScope.currentCache. When the page loads, the data typically looks like this: { System: "Foo Bar", StartDateTime: "2014-11-27T12:35:00" } (please disregard any formatti ...
My root project includes both the server and client side apps structured as follows: -- server -- node_modules -- index.ts -- package.json -- ... -- client -- node_modules -- index.ts -- package.json -- html/ -- css/ -- ... I'm s ...
Greetings, all. I am currently in the process of developing a website that utilizes Three.js. I am seeking recommendations for a platform or online database where I can store both the 3D model file and the website database together, if feasible. Your assi ...
What is the best method for saving profile pictures within the Users object? ...
Having recently delved into the world of three.js, I find myself faced with a unique challenge. I need to wrap one mesh around another, which happens to have a curve. In my scene, I have three meshes named plane1, plane2, and the base mesh (ellipsoid) resp ...
{{#each data}} <div> {{@key}} : {{this}} </div> {{/each}} Here's a glimpse at the structure of the data: data: { maxHealth: Number, maxMana: Number, chanceToCrit: Number, }, I currently have a setup similar t ...
I'm currently developing an online tool utilizing Three.js, specifically focusing on morphing and scaling different parts of a 3D object. I'm wondering if there is a method to achieve object morphing in Three.js similar to this example (with the ...
I'm trying to use nodejs to rename all tags in an XML file. My initial thought was to utilize regex and the fs module to read the file, but I quickly felt overwhelmed. <RESULTS> <ROW> <COLUMN NAME="DATA_CRIACAO"><![CD ...
Currently, I am focused on implementing a code that allows for the addition of products to a database. Within my form, I have incorporated dynamic fields to enable users to input multiple products at once. To enhance the user experience, I discovered a Jav ...
Trying to wrap my head around observables, but it's proving to be quite challenging! I'm struggling with fetching a JSON file in my code and not getting the data in my ngOninit method. I suspect this is due to the asynchronous nature of the code ...
Currently, I am working on a PHP file that contains two different forms. Here is an example of what the forms look like: <form action="index.php" method="POST"> <input type="checkbox" name="box1"> <input type="submit" value="submit1" name= ...
I am having difficulty with a slider containing URL links inside an Array. Can anyone help me figure out how to make this code run properly? Here is the link to the code: https://codepen.io/konradszymanski/pen/VwvLgYG?editors=0110 Below is the HTML: &l ...
Looking for assistance with updating a C# function I have. The code is as follows: using(SHA512 shaM = new SHA512Managed()) { var hash = shaM.ComputeHash(Encoding.UTF8.GetBytes(nonce + appKey)); StringBuilder hex = new StringBuilder(hash.Length * 2); ...
Looking for a way to dynamically send various requests to the YouTube JSON API and sort the data using a custom function. Currently referring to the examples provided on the YouTube Data JSON API site here. The current code implementation is able to retr ...
Within my code, I have implemented a function to determine when the bottom of a div is reached through scrolling: const checkBottomDiv = (el: HTMLElement) => { return el.getBoundingClientRect().bottom - 400 <= window.innerHeight; }; const contentA ...
After hours of staring at my screen, I realized something just isn't working and I had to seek help. I am dealing with an XML file that looks like this: <news attribs="thedate,image,thetext"> <item thedate="<redacted>" image="< ...