Hello everyone, this is my first time posting here. I have a question regarding the possibility of achieving a specific functionality. I would like to attach click events to a series of anchor links and then use the $.get() method to reload some icons. T ...
My goal is to create a web scraper and I have successfully downloaded the HTML. Now, with this code snippet, I am attempting to extract the title from my HTML: fs.readFile(__filename.json , function (err, data) { if(err) throw err; const $ = cheerio.load ...
The project I'm currently working on is located at zarwanhashem.com If you'd like to see my previous question along with the code, you can check it out here: Bootstrap one page website theme formatting problems Although the selected answer help ...
TL;DR What's the best way to insert a variable containing CSS rules into styled-jsx (using styled-jsx-plugin-sass)? In my JSX style, I have the following: // src/pages/index.tsx ... <style jsx> {` .test { height: 100vh; width ...
I am working on a page that includes the following code snippet: <script> angular.module('myapp', []).controller('categoryCtrl', function($scope) { $scope.category = <? echo json_encode($myarr); ?>; $scope.subcatego ...
Looking for a solution to search values and highlight matching text words on a page? Let me help you with that. $(function() { var tabLinks = $('.nav > li'), tabsContent = $('.tab-content > div'), ...
I need assistance with implementing a form that includes a calendar for users to select specific dates. Below is the code snippet: Here is the HTML component file (about.component.html): <form [formGroup]="angForm" class="form-element"> <d ...
I have recently started exploring Vue.js and I must say, I really enjoy using Semantic UI for my projects. In Semantic UI, dropdowns need to be initialized using the dropdown() function in semantic.js. This function generates a visually appealing HTML str ...
Among the numerous StackOverflow examples showcasing an auto-height Textarea, one noteworthy example can be found here: <textarea oninput="auto_grow(this)"></textarea> textarea { resize: none; overflow: hidden; min-heig ...
In my React-Redux application, there is an action creator that needs to make 4 server calls. The first three calls are asynchronous and the fourth call depends on the response of the third call. However, if a user changes the route before the response of t ...
I've encountered a recurring issue where many of our support calls pertain to images not loading due to users blocking Amazon S3 or a similar third-party service. I rely on third-party services for hosting images, videos, and certain JavaScript elemen ...
I am in the process of developing a website with notification features, and I am looking to implement a script that will check for new messages every 60 seconds. The goal is to pass the user id through the script to trigger an alert (currently using a ba ...
PHP Code <?php $url = "https://www.bitstamp.net/api/ticker/"; $fgc = file_get_contents($url); $json = json_decode($fgc, true); $price = $json["last"]; $high = $json["high"]; $low = $json["low"]; $date = date("m-d-Y - h:i:sa"); $open = $json["open"]; ...
I have come up with a unique solution using NodeJS, Typescript, and Serverless framework to build AWS Lambdas. To debug it locally in VS Code, I use the serverless-offline library/plugin. You can find my project on GitHub here However, when I run the comm ...
I require assistance on how to extract individual values from an HTML page. I received a response from the PAYU payment gateway team in HTML format, but I need to retrieve specific attribute values related to the transaction details. Below is the response ...
I have an index.html file and I wanted to link it to a twitter.ejs page. Unfortunately, my attempts were unsuccessful, and now I am considering changing the extension from ejs to html. However, this approach did not work either. Do .ejs files only work wit ...
Looking for a way to customize the dropdown caret in a semantic-ui-react component? Here's how it currently appears: https://i.sstatic.net/GpvfC.png <Dropdown className="hello-dropdown" placeholder="Comapany" onChange={th ...
I need some assistance with my e-commerce platform. I am trying to implement a button that adds items to the shopping cart, but I'm encountering an issue where the value in nbrSeats (my list of values) changes in the data, yet the input field displays ...
Whenever I click the add row button, the category dropdown list successfully loads. However, when I select an option from this category list, the subcategory does not load any list. The Javascript function responsible for adding rows dynamically is as fol ...
I'm facing an issue trying to pass the selected value from a dropdownlist in a user interface. I have a parent component (app.component.html) and a child component (hello.component.html & hello.component.ts). My goal is to transfer the option val ...
Currently, I am utilizing Javascript, Jquery, SVG, and SVG.js in my project. My goal is to rotate a circle around its origin while it's animating. The issue arises when the animation keeps restarting abruptly, causing a jittery motion. Here is the ini ...
My webpage contains a form with the following structure: <form action="/" method="post"> <select id="SelectedMonth" name="SelectedMonth"> <option>7/1/2017</option> <option>6/1/2017</option> </select> </form> ...
I have a function that returns an object with different functions that I can use. I want to incorporate promises into these functions for better asynchronous handling. var DATABASE = (function () { var exports = {}; exports.query = function(filter = ...
I have an object that is currently empty and I am looking to dynamically create a nested object within it. const obj = {} obj["test1"]["test1.1"] = x //initialize to some variable However, I encountered this error message: Uncaught Typ ...
I am working on a project where I use ProgressBar.js to generate a circle with a percentage displayed in the center. While the circle renders correctly initially, I'm facing an issue when trying to update the text (percentage) after running it again w ...
To successfully send information from a contact form through an email, I need to access my backend API. My app is deployed on a webhost called Kinghost and I have two URLs provided: the first one is the generic mywebaddr.com:port-number, and the second one ...
When I select an option, I am trying to retrieve the selected value in a function called within my methods. However, the function does not seem to be triggering. This is my code: From the template : <q-select filled v-model="invoice_product.tarri ...
When utilizing passport (with the passport-azure-ad strategy) for request authentication, I have encountered an issue. The initial request to Azure Active Directory proceeds smoothly, allowing me to log in with my credentials. However, I anticipate that th ...
Windows 10 x64 Based on the information found here, I created a file called C:\Users\bushm\.npmrc with the following content: author = "Andrey Bushman" However, when I run the command npm init -y in a new directory, I noticed that the pac ...
I had a plan in mind: somePromiseFunc(value1) .then(function(value2, callback) { // insert the next then() into this function: funcWithCallback(callback); }) .then(function(dronesYouAreLookingFor){ // Let's celebrate }) .done(); Unfortun ...
In my journey to write a node.js script for querying an MSSQL database, I find myself navigating the realm of JavaScript, node.js, and VSCode with limited SQL knowledge. While I have managed to piece together working code, the issue lies in the connection ...
I'm encountering the error "Cannot read property 'scrollToBottom' of undefined" and haven't been able to find a solution anywhere, hence this post: Here is my use case: I have a custom accordion list, and on click of one of the list i ...
I'm currently working with AngularJS 1.3 and UI-Router. I have a state set up with a resolve and a templateProvider. My goal is to utilize the data fetched from the database in the resolve within the templateProvider without having to make duplicate ...
I need to assign specific attributes to each player in a game. Each player should have different sets of holes, with each hole having its own win, lose, push, and points values ranging from 0-20. Is there a simple way to accomplish this task? As a beginn ...
Dealing with the jquery mobile pack has caused some major headaches for me. It completely disrupted my page by automatically turning links into ajax calls and displaying loading animations. After spending a significant amount of time trying to fix everythi ...
I've been struggling to set up an express backend with socket io. No matter what I try, the connection events just won't fire. Both the server and client are using version 3.1.2, so that's not the issue. When I start the client app, I see so ...
I have a form that directs to another page and performs various database operations. <form id="form1" method="post" action="goes_to_page1.php" onsubmit="return checkformvalidation();"> <input type="text" id="field1" name="field1" onblur="checkva ...
I am dealing with a JSON data structure that contains information about various teams. My task is to compare the values in the teams array with the values stored in html_content.position[i]. In this comparison, the index i needs to be dynamically set withi ...
<div class="navigation"> <a class="prev" href="index.php?month=__prev_month__" onclick="$('#calendar').load('index.php?month=__prev_month__&_r=' + Math.random()); return false;"></a> <!-- <div class="title" & ...
Generating a table from JSON data obtained from a REST API without utilizing Angular poses a challenge in a specific application. My query is: Is it necessary to use var table = document.createElement("TABLE"); within the script to construct the entire ta ...
Looking to create a filter for my app similar to the filterBY Vue.js feature on older versions... Currently working on a Computed Property to generate an array containing objects that match a specified string variable... However, my goal is to create a re ...
Users can enter text into an input field, and an image will be displayed if the input is valid or invalid. I want to remove or change the image when the input field is empty. Despite writing the following code, it doesn't seem to work: $('#inpu ...
I've been attempting to incorporate layout transitions into my Nuxt 3 project, but unfortunately, it's not working as expected. I even resorted to replicating the code directly from the Nuxt transition documentation, only to face another failure. ...
Does anyone have an example of how "node-remote" functions work when running certain logic from the server in an application? After adding "node-remote" : "hostip" to package.json, what should the server provide? Should it be a .js file with the functions ...
My sidebar has the ability to change both the background and text color. Initially, everything worked fine when I only changed the background. However, when I added a second property called "color" to also change the text color, I encountered some issues. ...
I am facing a challenge with an icon placed on a Twitter Bootstrap container. My goal is to click on this icon and have a dropdown menu appear, offering various options that link to different websites. Currently, I am able to display the dropdown menu, but ...
Currently, I have an existing app at . The app is designed to function on a single page, but I have been requested to convert it into a multi-page flow. Transitioning data from one page to another has proven to be challenging for me as I am more of a hobby ...
I recently started working with node.js and I have encountered a problem that I need help with. Here is the issue: I am calling the 'startProcess' function and I want to execute the 'downloadFiles' function, wait for it to complete and ...
Having trouble changing the content of a Bootstrap popover using vanilla JavaScript? The code seems to be updating, but the changes are not reflecting on the site. Any suggestions or alternative methods would be greatly appreciated! Maybe there's a di ...
My website is having trouble loading a full-page image slider. It seems like the images are not loading properly, possibly due to a javascript issue. Check out my script below: $("#menutoggle").click(function() { $('.xs-menu').toggleClass(& ...
Hey there! I'm new to this and need some guidance. I want to create a feature where users can drag items from a list and drop them into a container div. Once dropped, the item's ID would be added to the URL so that users can share their selection ...
It might seem a bit perplexing, but allow me to explain the issue. In my NodeJs web application, I am utilizing express-handlebars. To collect user input through forms, let's consider having two distinct forms in two different views: 1) Login and 2) ...
Is it better to use a class method or a getter when a render method needs to return a calculated value? class User extends Component { getFullName () { const { fname, lname } = this.props return `${lname}, ${fname}` } render () { return ...
I'm in the process of saving 2 different pieces of information into the database using JQuery and the .ajax function. Specifically, I need to save the postID and the userID in a WordPress environment. While I have a good understanding of most of the f ...
When setting the Link in a child component like this: <Link className="article-link" to={`/newsarticle/${title}`}> I expect the Route to reflect that in the App.js component: <Route path=`/newsarticle/${title}` component={NewsPage}/> The pu ...
There are two basic 3D shapes, a sphere and a cube, in my current scene. I am seeking a method to determine whether they are in collision with each other or not. Could you advise me on how to accomplish this task? ...
Apologies if it seems like I'm asking for opinions, I could use some clarification. I'm curious as to why it's necessary to replace attributes such as onclick with anonymous functions. What benefits does this provide? For instance, if I ha ...
I am exploring Angular for the first time and I have a question about using @Attribute in attribute directives. The code snippet below is from a book that I am studying: @Directive({ selector: "[pa-attr]", }) export class PaAttrDirective { constructo ...
I am encountering an issue where XMLHttpRequest is not defined while attempting to use it for the first time. I am trying to retrieve data from an API URL using .open('GET'). var weatherData; var request = new XMLHttpRequest(); loadData(); f ...
Introducing my TextEditor.js - a versatile component that allows me to use it anywhere. I aim to retrieve the associated value every time its state changes. import React, { Component } from "react"; import { Editor } from "react-draft-wysi ...
Just delving into the world of Node.js and experimenting with some basic code. I currently have the Node.js windows binary version 0.5.8 installed. Below is a snippet of my JavaScript code: var fs = require("fs"); fs.readFile('message.text ...
I'm currently working on incorporating a tilemap into highcharts with a logarithmic colorAxis, but I keep encountering highcharts error #10 which states that zero or subzero values cannot be plotted on a logarithmic axis. Is there a way to bypass thi ...
Here is the structure of my HTML view: School.html <html> <body> <div class="col-xs-9"> <!-- major bootstrap html code goes over here --> </div> <div class="col-xs-3"> <!--Call to directive goes ...
Trying my best to explain a complex situation here. Please bear with me. I'm currently working on an AngularJS app and struggling to update the UI ($scope). Check out the layout below: As you can see, we have 2 controllers and 3 different $scopes i ...
I am faced with a situation where I have 2 HTML sections that both share the same ID. Unfortunately, this is out of my control as it is being generated by a third-party CMS. Currently, I have a simple code running to determine how many html sections there ...
I have content that loads dynamically based on search results. (check it out below) (stackoverflow won't let me embed the image as I'm still a newbie) https://i.sstatic.net/n7KoE.png Here's the code snippet for the above; echo &apo ...
Within my view model exists an object that serves to showcase a series of checkboxes: components = { "ComponentInfos": [ { "Id": "1abb0ee5-7e44-4e45-92da-150079066e99", "FriendlyName": "Component1", "LimitInfos": [ { ...
I've discovered that when using an object as a react state (let [state, setState] = useState({})), and updating it like this: setState(s => { s.a = 42; return s; }) The components depending on s.a do not get re-rendered. However, if you u ...
This is the code I have been working on: function displayLocationInfo(placeLatLong, placeNames) { var placeNames = placeNames; var planLat = placeLatLong; var newStr = planLat.replace(/[(\)]/g,''); var aCars = newStr.split(&apos ...
Recently, I developed a Python Selenium script to update the date in a datefield. script = """ var date = 'input[id="date"]'; return date.value = {}; """.format('2018-01-09') value = self.driver.execute_script(script) Now, my concern ...
It's quite possible that I'm mistaken, but my goal is to load an iframe immediately after submitting a form. Take a look at the code below: $("#listings-form").submit(); $("#hiddeniframe-listings-form").load(alert('done!')); However, ...
Recently, I successfully integrated NVD3 Charts into my Angular 4 project. Within this implementation, I created an onClick event within a callback function. Unfortunately, when attempting to navigate to another component upon clicking the chart, I encount ...
Currently, I am experimenting with JavaScript animations on iOs and mobile-safari using setTimeout. I have noticed that when I define two timeouts simultaneously, the shorter one does not execute until the longer one finishes. setTimeout(a, 1000); setTi ...
Struggling to design the structure of two React components for a website under construction. The challenge lies in integrating a "book-review" component with a modal that should appear upon clicking a review. The modal is triggered by adding the "is-activ ...
Currently, I am in the process of setting up a registration page that includes standard fields such as Salutation, First Name, Last Name, and Address details. The structure of the Salutation drop-down menu is outlined below: <div class="k-list-scrolle ...