Category: javascript

Zelle is a simple way to send money directly between almost any U.S. bank accounts typically within minutes. With just a valid email address or mobile phone, you can transfer and receive anywhere in the US. The process of Zelle app is quite simple; all you have to do is sign up on the official platform. Furthermore, the use of digital payment apps has been increased in the 21st century, and the reason behind busy schedules. People have no time to visit banks and ATM to receive and send money, so here digital payments platform has created to make our lives easy and hassle-free. But many people face issues about the Zelle transfer limit, if you have face this question then you are in the right place with this article we can solve your all issues.

Here, we have a few points that should be read before enrolling Zelle, so that you understand what Zelle is.

Zelle transaction limit

Zelle set a transaction limit is around $1000 per day and $5000 per month. You can contact the bank to increase or decrease the transaction limits. Though, there are fewer chances to renew your send limits.

Citibank Zelle Limits

so i’m trying to make a shopping cart that adds the product image,title,and price into the cart with the press of a button, yet when i press the button the image of the product will result in “getElementsByClassName(…)[0] is undefined” , i tried removing the line of code that adds the image and it worked just fine but why can`t i add the image? the shopping cart code has been used before on a different project and it worked just fine. i would add part of the html code and the javascript code below.
what i want to know is why is my image className not being defined? while the rest are all just fine.
i tried changing the name and nothing happened.

Html Code

<div
            class="col-6 col-md-4 col-lg-3 col-xs-6 mx-3 my-3"
            style="width: 224px"
          >
            <div class="product-card">
              <img
                src="/images/product-1.jpg"
                class="product-item-image card-img-top"
                style="width: 100%"
                src="..."
                alt="Card image cap"
              />
              <div class="info">
                <h3 class="px-2 product-item-title">Title</h3>
                <span class="price product-item-price px-2"
                  >300$
                  <button
                    class="btn btn-outline-danger btn-sm product-item-button"
                    style="margin-left: 45px; margin-bottom: 5px"
                    type="button"
                  >
                    Add To Cart
                  </button></span
                >
              </div>
            </div>
          </div>
          <div
            class="col-6 col-md-4 col-lg-3 col-xs-6 mx-3 my-3"
            style="width: 224px"
          >
            <div class="product-card">
              <img
                src="/images/product-2.jpg"
                class="product-item-image card-img-top"
                style="width: 100%"
                src="..."
                alt="Card image cap"
              />
              <div class="info">
                <h3 class="px-2 product-item-title">Title</h3>
                <span class="price product-item-price px-2"
                  >300$
                  <button
                    class="btn btn-outline-danger btn-sm product-item-button"
                    style="margin-left: 45px; margin-bottom: 5px"
                    type="button"
                  >
                    Add To Cart
                  </button></span
                >
              </div>
            </div>
          </div>

Javascript Code

//هذا الكود معناه انو السكربت ما لح يشتغل لحد ما الصفحة تحمل بالكامل
if (document.readyState == "loading") {
  document.addEventListener("DOMContentLoaded", ready);
} else {
  ready();
}
function ready() {
  var removeCartItemButtons = document.getElementsByClassName("btn-danger");
  for (var i = 0; i < removeCartItemButtons.length; i++) {
    var button = removeCartItemButtons[i];
    button.addEventListener("click", removeCartItem);
  }

  var quantityInputs = document.getElementsByClassName("cart-quantity-input");
  for (var i = 0; i < quantityInputs.length; i++) {
    var input = quantityInputs[i];
    input.addEventListener("change", quantityChanged);
  }

  var addToCartButtons = document.getElementsByClassName("product-item-button");
  for (var i = 0; i < addToCartButtons.length; i++) {
    var button = addToCartButtons[i];
    button.addEventListener("click", addToCartClicked);
  }

  document
    .getElementsByClassName("btn-purchase")[0]
    .addEventListener("click", purchaseClicked);
}
//هنا نكتب الدالة الي لح تظهر النه رسالة بعد ما يتم اكتمال عملية الشراء
function purchaseClicked() {
  alert("Thank you for your purchase");
  var cartItems = document.getElementsByClassName("cart-items")[0];
  while (cartItems.hasChildNodes()) {
    cartItems.removeChild(cartItems.firstChild);
  }
  updateCartTotal();
}
//هنا الدالة تختص ب ازالة القطعه من قائمة التسوق
function removeCartItem(event) {
  var buttonClicked = event.target;
  buttonClicked.parentElement.parentElement.remove();
  updateCartTotal();
}
//هنا الدالة الي تختص بحساب
function quantityChanged(event) {
  var input = event.target;
  if (isNaN(input.value) || input.value <= 0) {
    input.value = 1;
  }
  updateCartTotal();
}
//الدالة الخاصة بأضافة الغرض  الى القائمة
function addToCartClicked(event) {
  var button = event.target;
  var shopItem = button.parentElement.parentElement;
  var title =
    shopItem.getElementsByClassName("product-item-title")[0].innerText;
  var price =
    shopItem.getElementsByClassName("product-item-price")[0].innerText;
  var imageSrc = shopItem.getElementsByClassName("product-item-image")[0].src;
  addItemToCart(title, price, imageSrc);
  updateCartTotal();
}
//اضافة الغرض الى القائمة نفسها
function addItemToCart(title, price, imageSrc) {
  var cartRow = document.createElement("div");
  cartRow.classList.add("cart-row");
  var cartItems = document.getElementsByClassName("cart-items")[0];
  var cartItemNames = cartItems.getElementsByClassName("cart-item-title");
  for (var i = 0; i < cartItemNames.length; i++) {
    if (cartItemNames[i].innerText == title) {
      alert("This item is already added to the cart");
      return;
    }
  }
  //هنا نبلغ البرنامج انو يضيف الصورة والاسم والسعر للقائمة
  var cartRowContents = `
        <div class="cart-item cart-column">
            <img class="cart-item-image" src="${imageSrc}" width="100" height="100">
            <span class="cart-item-title">${title}</span>
        </div>
        <span class="cart-price cart-column">${price}</span>
        <div class="cart-quantity cart-column">
            <input class="cart-quantity-input" type="number" value="1">
            <button class="btn btn-danger" type="button">REMOVE</button>
        </div>`;
  cartRow.innerHTML = cartRowContents;
  cartItems.append(cartRow);
  cartRow
    .getElementsByClassName("btn-danger")[0]
    .addEventListener("click", removeCartItem);
  cartRow
    .getElementsByClassName("cart-quantity-input")[0]
    .addEventListener("change", quantityChanged);
}
//عملية جمع السعر لللحصول على السعر النهائي
function updateCartTotal() {
  var cartItemContainer = document.getElementsByClassName("cart-items")[0];
  var cartRows = cartItemContainer.getElementsByClassName("cart-row");
  var total = 0;
  for (var i = 0; i < cartRows.length; i++) {
    var cartRow = cartRows[i];
    var priceElement = cartRow.getElementsByClassName("cart-price")[0];
    var quantityElement = cartRow.getElementsByClassName(
      "cart-quantity-input"
    )[0];
    var price = parseFloat(priceElement.innerText.replace("$", ""));
    var quantity = quantityElement.value;
    total = total + price * quantity;
  }
  //السعر النهائي
  total = Math.round(total * 100) / 100;
  document.getElementsByClassName("cart-total-price")[0].innerText =
    "$" + total;
}

thank you for reading my question.

I want to ask about how to get value some input text who that value set by virtual dom/data binding in react/vue or maybe another lib/framework.

In my mind, a cypress is a tool for e2e testing. so that’s why we can’t get this value. I also check the component that I want to get by inspecting that element, and I can’t get some attribute for getting my value.

idk but what should i do but i need to get this value. please tell me if you know this answer.

Thank you

I have this function:

function settingTextLan(text) {
  fetch("i18n.json")
    .then((response) => response.json())
    .then((data) => {
      text = data[language].translation.test;
    });
  return text;
}
console.log(settingTextLan());

And i want return “text” in current location, But now i get “Undefined”. Later i will need to return few values that contains certain texts from JSON file and call them in different places.

How to do it to call that and have access in other places?

I have a updateGlobalVar.js file which looks as following:

var globalVar = 111;

async function setGlobalVar() {
    globalVar = 222;
}

setGlobalVar();

Also, I have a bash script, which retrieves that globalVar value, and looks as following:

#!/bin/bash

npm run /updateGlobalVar.js
GLOBAL_VAR=$(grep -Po '(?<=^var globalVar = ).*?(?=;)' ./updateGlobalVar.js)

echo $GLOBAL_VAR

The problem here is the bash script prints out initial 111 instead of an updated 222.

The way I understand that flow is:

• npm run /updateGlobalVar.js runs updateGlobalVar.js (and I am sure it does);
• function setGlobalVar() is called (and I am sure it is);
• globalVar should be now updated and printed with a new 222 value. But it doesn’t.

Moreover, when I modify my file to “debug” using the console.log() within the updateGlobalVar.js file like:

var globalVar = 111;
console.log(globalVar);

async function setGlobalVar() {
    globalVar = 222;
}

setGlobalVar();
console.log(globalVar);

It returns 111 in both console.log(globalVar) cases, which makes me think that globalVar is never updated.

Looks like I miss something fundamental regarding the work with global variables, still am struggling to figure that out.

May this be somehow related to the asynchronous nature of the setGlobalVar() function?

I got a response from the backend the response is an object how can I get the arrays from the object I tried to use Object entries but I can’t get the arrays can you please help me

Am trying to implement a feature where an item is to be deleted from local storage when a user clicks a button. The item is part of an array stored in local storage. However am not able to
here is how the item is saved

const favBtns=meal.querySelectorAll(".fav-btn i")
    const images = document.querySelectorAll('.meal-header > img')
    favBtns.forEach((favBtn,i)=>{
      favBtn.addEventListener("click", ()=>{
        favBtn.classList.toggle("active")
        console.log(images[i].src, images[i].alt)     
        myFavMeals.push({src: images[i].src, alt: images[i].alt})
        localStorage.setItem("myFavMeals", JSON.stringify(myFavMeals))
        showMeal
    })     
})

here is how am trying to delete the item

   function clearfav(){
        const clears=document.querySelectorAll("i#clear.fa.fa-window-close")
      clears.forEach(clear=>{
        clear.addEventListener("click",()=>{
          let favmeals= JSON.parse(localStorage.getItem("myFavMeals"))
          favmeals.forEach((favmeals,i)=>{
            favmeals.splice(favmeals[i],1)
            showMeal()
           })
        })   
      })
      }

After selecting 5 and 2, does any solution for how could get a string output like: 5 greater than 2 ?

<p class="showTxt" id="showTxt">

  <select size="2">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
  <p> greater than</p>
  <select size="1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
</p>

i am using AG-Grid in react, I want to rename the row title count which appear automatically while using aggregation. the photo will help you to understand better.

look at the row which says “United States” and then (1109) which is count of matching pairs i want to remove that count from there. can anyone help me in this.

Here is my situation

1. In my web renderer, I send all api calls based on baseUrl: ‘/api’
   

2. In my electron main, I serve all my web static files based on ‘File://’ protocal
   

So the problem is

How do I proxy all 'file:///api/*' api calls to a specific url, like proxy to 'http://myapiserver.com/api/*'

I’m trying to update content in an active loaded page using webhook response.

Earlier, I used to trigger the function using setTimeout for every 5 secs but noticed its kind of increasing server load. So, now whenever there is a change on the database a webhook will be triggered through which I will update the content on the loaded page without refreshing it.

But how do I tell a webhook URL to change/update content on another page.?

so far code goes as :
PAGE#1:

<div id="loader_div">Some content</div>
<script>
function loadlink(){
    $('#loader_div').load('loading.php',function () {
         $(this).unwrap();
    });
}

loadlink(); // This will run on page load

setInterval(function(){
    loadlink() 
}, 5000); // this will run after every 5 seconds
</script>

loading.php

<p>some other content that i got from database</p>

Now the webhook URL is loading.php which gets the new update from the database, but how do I trigger the ‘loadlink();’ on the page1 without refreshing it and using set timeout..?

Please do not downvote the query, I’m trying my best to ask properly as per guidelines. You got to give time to rookies.

Any help is appreciated.

var provider = new Cesium.WebMapTileServiceImageryProvider({
    url: 'xxx.xx.xxx',
    layer: 'RESPL_2018',
    style: 'default',
    format: 'image/png',
    tileMatrixSetID: 'xxx',
    tilingScheme: new Cesium.WebMercatorTilingScheme(),
});

This is how the map is loaded.I successfully loaded a map,but the latitude of the loaded map is offset by + 50 degrees. Is there any way to reset the starting point of the WMTS loading!

I managed to find a way to create a folder directory from reading a Google Sheet linked below.

https://docs.google.com/spreadsheets/d/1qgDd8PEmHSYz5IsN9banYBjbmAyoLLVe3WMnOvmHdlE/edit#gid=0

Now, my predicament is to transfer individual files into those newly created folders and the relevant search Depth. I thought this would be possible; however, I am now thinking it isn’t hence the limited code below.

This is because for each file (Column C), I would need to read the source parent folder ID (Column D) and then convert this to the destination folder equivalent recorded in Column F. I’m not sure how I can go about doing this? Moreover, should the Google Sheet be sorted into folders and files in a first instance (Column C), ideally the solution should still work when files and folders are out of order.

I know this is not the best solution; however, I am looking for a solution I can understand in order to advance my understanding.

function copyFiles() {
  const ss = SpreadsheetApp.getActiveSpreadsheet();
  const ws = ss.getSheetByName('Details');
  const range = ws.getDataRange();
  const values = range.getValues();
  values.forEach(function(row, index) {
    if (row[2] == 'File'){

    } else {

    }
    })
}

Thank you in advance

Unsubscribe header for mailgun not working.

I am making a web page with Angular for Frontend and Node.js for Backend, I am using MySql database with phpMyAdmin in Hostinger and I can’t found a datatype of MySql to save a base64 image long strings.

The problem is that this strings of base64 are too long to save in MySql database.