I recently made changes to a code that showcases a marquee scrolling a basic HTML list. Check it out here: I am facing 3 issues that I am struggling to resolve: JS: I want the marquee to continuously show text re-entering from the right just after it ...
Is there a way to make my treepanel perform a specific action when double clicked? Every time I double click on a treenode, it expands or collapses unintentionally. Is there a method to prevent this expanding or collapsing behavior when double clicking? ...
Recently, I have been diving into the world of JSON, JavaScript, and YUI while working on a homework assignment. The JSON packet I am dealing with has the following structure: [{"id":"1234", "name":"some description","description":"url":"www.sd.com"}, {sa ...
Our web application has a feature that automatically loads more content when the bottom of the page is reached. Here's how it works: $window .on('scroll', function () { var $this = $(this) ; if ($this.scrollTop() == $do ...
I am currently in the process of building my online portfolio, and while I am new to JQuery and PHP, I am working through any challenges that come my way. However, I am facing a roadblock that has left me puzzled. My goal is to create a seamless iframe to ...
My CSS is written using percentages. I need to maintain the percentages intact. Is there a way to stop the layout from changing when the browser window is resized? I want the percentages to remain unaffected, even when the browser window is being resized ...
My current predicament seems quite challenging as my supervisor has mandated that I send a JSON over an AJAX post call using jQuery with duplicate keys. Struggling to achieve this task, I found that if I were to structure the JSON like so: $.post("someurl ...
I'm currently working with a JSON file and trying to display it in a bootstrap table. Check out the code snippet I've been using: $(document).ready(function(){ $.getJSON(url, function(data){ content = '<h1><p class="p1 ...
Struggling to pick the right JQuery elements for my portfolio site. The aim is to show/hide the .inner (Task) items by clicking on the .outer (Category) items, complete with rotating .arrows when the menu expands. Check out a similar question, along with ...
Is there a way to selectively hide all elements with the class .dropdown-menu, except for the second one? I've tried using the following code snippet, but it doesn't seem to be working: $('.dropdown-menu').not().eq(1).hide(); If anyon ...
I am working with the object shown below to extract the desired output. The result will be a new object that represents the final output. var data = { Customer: { Name: "emp1", Departments: [ {Departme ...
I am looking for a way to show or hide objects by simply clicking a button. For example, when the button is clicked on the GUI, obj1 should be hidden and obj2 revealed. I tried using object.traverse(object.visible=false); but it doesn't seem to be ...
Creating this website was just a little project for me. I've been experimenting with different methods to ensure it's compatible with all devices and fits perfectly on each screen. Unfortunately, I'm pretty clueless when it comes to @media ...
What value should be used in the title param for browsers to use their default settings? In Safari 5.1.7 (7534.57.2), using either null or undefined as the title param defaults to the browser's settings. However, Opera 12.16 interprets "null" and "u ...
Recently, I started using the amazing ionic framework and I am new to angular. I have a web service up and running, and my app is supposed to load data. I have succeeded in retrieving data, however, the WordPress rest API sends data in the form of pages. I ...
Due to privacy concerns, I am unable to provide specific details about this issue. The confirm dialog feature is functioning flawlessly for the majority of users, except for one individual who is accessing the same environment using identical Internet Expl ...
I am attempting to change the orientation of a mesh that has been loaded into an Object3D using OBJMTLLoader. var obj = new THREE.Object3D(); // loading process... obj.rotation.y += 0.1; //executed within the update function This method works correctly ...
I'm having some difficulty setting the value of a hiddenfield using a Bootstrap radio button. Below is the code for the button group with the radio buttons and the hiddenfield. <div class="myRow"> <div class="smallCol"> ...
I have encountered variations of this issue multiple times, but despite analyzing numerous examples, I am unable to determine why my code is not functioning properly. <script> $('document').ready(function(){ $('datafixForm' ...
I am curious about the common practices and consensus among the Angular2 community when it comes to writing reusable code in TypeScript. I have gathered some information and questions related to Angular2 that I would like to discuss. Organizing Module/A ...
Currently, I am developing an application that will need to download image files (jpg/png) from the web via API during its initial run. These files will then be stored locally so that users can access them without requiring an internet connection in the fu ...
When it comes to clearing sketches on a canvas, I am experiencing some confusion. Despite successfully clearing the sketch from the canvas, as soon as I click to draw something new, the cleared sketch reappears in its original position. It seems like the ...
I'm currently working on a PHP form that is being validated with jQuery. In this form, there is a radio button list. If the user clicks "Yes," then the textbox related to that radio button should not be validated. However, if the user clicks "No," the ...
As I work on integrating a 3rd party API into my website, I am currently in the testing phase using Postman (the Chrome Extension) before proceeding to write my AngularJS Service with $http. However, there is one aspect of the process that has me puzzled. ...
After receiving valuable help from Stackoverflow with the current version, I find myself completely lost trying to solve a new issue. Any advice would be greatly appreciated. The problem arises with a product container that displays parameters on mouse :h ...
Currently, I am immersed in a project that makes use of ReactJS and CSS modules, where each React component is paired with a SASS file. During the CSS writing process, every class is suffixed with a 'triple underscore random string' like this: . ...
In the dataframe below, I have multiple strings stored: v1 v2 ARSTNFGATTATNMGATGHTGNKGTEEFR SEQUENCE1 BRCTNIGATGATNLGATGHTGNQGTEEFR SEQUENCE2 ARSTNFGATTATNMGATGHTGNKGTEEFR SEQUENCE3 I am interested in searching for a ...
Is there a way to dynamically change routes in React Native when a button is pressed? Inside my SplashContainer component, I have the following method: handleToSignUp = () => { console.log("Running handleToSignUp") this.props.navigator.push({ ...
Within this section, there are three dropdown lists containing numbers from 0 to 9. These dropdowns are used for inputting costs. For example, if I choose 4 in the first dropdown, 5 in the second dropdown, and 0 in the third dropdown, the total cost should ...
I am in the process of creating a personalized Wordpress theme that consists of one main page with 8 additional sub-pages. I am wondering how I can navigate to a specific section using an ID (for example, <a href="#how">how</a>) from the sub-pa ...
I'm currently working on a single page application with my own custom router implementation. window.onhashchange = function(event) {... Within the URL structure, I am using hash bangs similar to the following examples: #!/products #!/products/1 #! ...
Currently, I am utilizing express-validator to validate my post fields. However, I am facing an issue where I need certain fields to be required only if other fields have specific values. For example: If the person_organisation field is true: The person_o ...
Why does the invariant function have these parameters: function(condition, format, a, b, c, d, e, f) { instead of: function invariant(condition : any, format?: string, ...args : Array < any >) { Could someone please explain this to me, as it does ...
Using React to style icons has been a fun experience for me. For the styling, I've relied on the incredible Material-UI library which offers a wide range of components. One such component is the FontIcon. However, I ran into an issue where the FontIc ...
I have been working with node.js to establish a database connection with postgresql. Here is what my dbConfig.js file looks like: var pg = require('pg'); var client = new pg.Client({ host:'myhoost', port:'5432', ...
How about developing a React component called LoadingMask that can toggle the display of a loading mask based on the current state? The purpose would be to show the mask before an ajax call and hide it once the data is received. To avoid showing multiple ...
When rendering an object with textures using MTL and OBJ files in Three.js, I encountered an issue where my model was displayed with flat shading. How can I enable smooth shading? var scene = new THREE.Scene(); var mtlLoader = new THREE.MTLLoader(); mtl ...
I have a unique application that directs to a custom URL based on a specific employee ID parameter when an individual employee is clicked in a list. Upon clicking the employee, users are redirected to a detailed employee page with their ID property as a pa ...
Welcome to my first post on this forum! I have been delving into the world of Ajax, jQuery, and Php lately and trying to create a 'Favorite' feature. This feature allows users to click on an icon, triggering an Ajax function that links to a .php ...
I am currently working on abstracting the concept of a ticket list building into an angular application using 2 components. 1st component --> ("Smart Component") utilizes $http to fetch data and populate an array called populatedList within the parent ...
I have set up app.js to route all requests to my controller.js. Here is an example of what my controller.js code looks like. router.all('/Controller/:id', controller); function controller(req, res){ // Check database using the ID in the URL ...
Currently, I am diving into the world of React and ES6. Along this learning journey, I came across an interesting code snippet below. import { getBoxStyle } from './PythagorasTree.js' export const TreeBox = (props) => { const style = getBox ...
I am currently delving into the realm of JavaScript and my instructor has given me an exercise to create a function that will output an array containing all the names from the nested object below: { name: 'grandma', daughter: { name: &ap ...
I have implemented the Materialize CSS "Material Box" lightbox plugin, but I am facing an issue. I want all the thumbnails to be uniform in size, and when clicked, the full photo should be displayed. Currently, I am using the onclick function to change th ...
I'm facing an issue with a button that opens a scrollable div. When I try to use the arrow keys on the keyboard, they do not scroll the div as expected. Interestingly, if I click anywhere on the div, then I am able to scroll using the arrow keys. I ...
Currently, I am working with a Bootstrap Vue form to create a basic form allowing users to upload files. I am wondering if there is a way to validate the size of files selected within the Vue form. My goal is to restrict users from uploading certain files ...
I am currently utilizing React along with react-redux, redux and redux-actions. Within my application, I have a specific action that is responsible for verifying the validity of the token stored in localStorage to ensure it is not expired. This action loo ...
After successfully developing a Single Page Application using VueJS, I realized that the SEO performance was not up to par. To combat this, I decided to create a standard HTML website with some pages incorporating VueJS code (since my hosting environment d ...
My current challenge involves dispatching an action that has the following structure: { type: "TOGGLE_FARA", fara: true, id: "5d20d019cf42731c8f706db1" } The purpose of this action is to modify the "enabled" property within my "fara" state. The configura ...
I have encountered an issue where I am capturing the HTML content of a page and attempting to send it as a string to a PHP web service using jQuery's ajax() function. However, when I receive the parameter on the PHP side, the &s in the URLs present wi ...
Within my rendered Nunjucks template, I have set it up to accept a username and password input from the user. Upon clicking the submit button, the goal is for the system to search through a database in my JavaScript Express file to verify if the entered cr ...
In my Vuejs code, I am utilizing the plugins feature to define a global shared variable. Vue.use(shared) The shared variable is defined as follows:- export const shared = { config: getAppConfig() } shared.install = function() { Object.definePropert ...
I am struggling to perform a fetch request using getStaticProps in Next.js. Despite following the documentation provided on their website, I am unable to console log the props successfully. My background is mainly in React, so I tried to adapt my approac ...
I recently developed a multi-level tree in Angular with 3 levels. Currently, when the tree is loaded, only the first level is opened by default. Check out the demo here My goal is to enable users to add or delete items within this tree, and whenever an a ...
Currently, I have a fully functional flash system implemented in PHP to display a success message to the user once an entry is created in the database. In one of the forms on my website, there is a select field where users should be able to seamlessly add ...
After transitioning to Angular 9 (Type Script) from Angular.js, we aim to stick with Mocha for writing tests while maintaining the JavaScript syntax instead of using TypeScript in Mocha. Is it viable to write JavaScript tests for Type Script code, specifi ...
I need help with formatting a DateTime string retrieved from an API where it is in the format of YYYY-MM-DDTHH:MM:SS +08:00 and I want to change it to DD-MM-YY HH:MM getDataFromApi(res) { this.timestamp = this.timestamp.items[0].timestamp; console ...
System OS: MacOS 10.15.5 NodeJS Version: 10.16.3 Mongoose Versions: 5.8, 5.9 MongoDB Version: 4.0.3 The following code snippet is in question: import User from 'models/user' const session = await User.startSession() session.startTransaction() ...
Recently, I began learning React and used npx create-react-app frontend to set up my React app. This gave me the following directory structure: -- demo -- frontend -- node_modules -- public -- src -- .gitignore - ...
I am facing a challenge with my menu component that is displayed globally. What is the most effective way to populate this component with data? I am exploring the static generation feature provided by Next.js, but all of the data fetching recommendations ...
Is it possible to validate a form so that at least 5 select boxes are set to Yes? If there are fewer than 5, the form should not submit and display an error message. I believe a custom validator is needed for this task. To see a complete example, check ou ...
Is there a way for me to access the JavaScript object that is available when I use the browser console in a Vue.js component? I am utilizing a JavaScript library and have added the script in index.html which creates the object in the DOM. However, I am una ...
My asynchronous function fetches data in JSON format from an API, with each subsequent call dependent on the previously returned data. However, there are instances where I receive null values when trying to access data pulled from the API due to the async ...
Need help with code to delete an item (current method not working) const docRef = firebase.firestore().collection('users').doc(firebase.auth().currentUser.uid) docRef.collection('tasks').doc(this.task.id).delete() ...
As I delve into coding a vscode extension by following a tutorial, I encountered an issue with importing in my server.ts file. The directory structure looks like this: ...
Hey there! I've set up a form in my custom web app that allows users to update their details. Check out the code: <g:form class = "updateCustomerClient" controller="customerClient" action="updateCustomerClient" id=&quo ...
How can I change the image when clicking a button in a class component? I am familiar with function components, but unsure how to achieve this. class CoffeeImages extends React.Component{ constructor(props){ super(props) ...
In my Vuejs project, I am utilizing v-slot:activator with v-btn. Everything is functioning properly, except that the button remains in a hovered state as if it has been pressed. <v-dialog v-model="dialog" max-width="600px"> ...
Just starting out with Three.js and I'm trying to figure out how to make my GLTF model cast a shadow on itself. I've been experimenting with different approaches, but not sure if I'm on the right track. The light is set as a PointLight and t ...
The console log is displaying NaN for any variable I input. Additionally, the color function is not correctly changing classes, likely due to the number issue. I still need to address local storage, but my main focus is on getting the variable to display ...
Is there a way to retrieve specific data from my MongoDB database based on the URL? For example, if I navigate to localhost:3000/phones, I want to fetch all entries with the category "phones", and if it's localhost:3000/laptops, I need data related to ...
Hey there, I have a function related query. Whenever I try to access my data, I can only reach the first index of each array. For instance, I have 5 different images of PlayStation, but on my webpage, I am only able to see one image. How can I resolve this ...
I'm currently developing a basic search bar that reads input and updates the 'inputString' state when the content changes. Upon clicking the 'search' button, the inputString is split and assigned to the 'keywords' state a ...
I found a basic code example from the RTK query documentation: updatePost: build.mutation<void, Pick<Post, 'id'> & Partial<Post>>({ query: ({ id, ...patch }) => ({ url: `posts/${id}`, method: 'PUT', ...
Currently revamping my query due to a crucial API redesign. With the presence of a "file" as multipart/form-data, I found the need for a form handler since NextJS lacked one. After some workarounds with "multiparty", now I can successfully parse the incomi ...