I want to learn how can I ban an Instagram account

I have tried from reporting the account but that didn’t working and I have also tried like various method where someone increase their followers using third party app I have reported that account but still it didn’t got banned I want to know if there are any other mmethodthat can lead to Instagram id ban

A mystery hits me !

I display with a loop many shipping services available for a given order on a page containing all my orders.

{% for serv in account.services %}
    <div class="service">
        <label class="form-check-label" for="service{{order.pk}}"><small>{{serv}}</small></label>
        {% if forloop.first %}
            <input class="form-check-input" type="radio" name="service{{order.pk}}" value="{{serv.pk}}" ismulti="{{serv.is_multiparcel}}" checked>
        {% else %}
            <input class="form-check-input" type="radio" name="service{{order.pk}}" value="{{serv.pk}}" ismulti="{{serv.is_multiparcel}}">
        {% endif %}
        {% if order.base_subtotal > serv.insurance_from %}
            <div class=" form-text text-danger insur-alert{{order.pk}}">Assur. appliquée car € HT sup. à {{serv.insurance_from}}</div>
        {% endif %}
        {% if order.weight > serv.max_weight %}
            <div class="form-text badge bg-danger" name="weight-alert">Poids commande > max. service {{serv.max_weight}} kg</div>
            <script>
                disableCheckCauseWeight("service{{ order.pk }}", "{{serv.pk}}");
            </script>
        {% endif %}
     </div>
 {% endfor %}

One of these services can be selected with a radio button and is identified by 2 prameters : service{{order.pk}} and {{serv.pk}}.
Both of them are well displaying in my html code:

Later in my code, for each loop, I call a JS function for disabling the given service if the order’s weight is higher than the weight accepted by the service.

But, {{serv.pk}} isn’t sent to disableCheckCauseWeight()function, despite it’s well displayed above in value="{{serv.pk}}".
A console log shows well service{{order.pk}} but not {{serv.pk}}. I tried with other values like {{order.pk}}or “tintin” or any other variable, and it’s ok.

Why do I have this issue with {{serv.pk}} ?

In React 18.3.1 when I try to use useState to set the new ip with setIp it doesn’t update.

import { useEffect, useState } from "react";
import { useIsLoading } from "./useIsLoading";
import { useError } from "./useError";

export const useFetchIp = () => {
  const [ip, setIp] = useState(null);
  const { changeIsLoading } = useIsLoading()
  const { changeError } = useError()

  useEffect(() => {
    changeIsLoading(true)
    const FetchIp = async () => {
      const url = 'https://api.ipify.org/?format=json';
      try {
        const response = await fetch(url);
        if (response.ok) {
          const ipDetail = await response.json()
          const ipMain = ipDetail.ip;
          setIp(ipMain)
          changeError(null)
          changeIsLoading(false)
        } else {
          throw new Error("Couldn't Get The IP")
        }
      } catch(err) {
        changeIsLoading(false)
        changeError(err)
      }
    }
    FetchIp()
  }, [])
  return { ip }
}

The useFetchIp function returns null. I thought I may not fetching the IP so, I got the value of ipDetail which was { "ip": "5.126.121.39" }

How to? X++ Y– can use A JavaScript number VarIable.

1. Set up your JavaScript page.

2. Type to VarIables.

3. Put ++ or –.

Results:

var number = 1;
1++;

Use it.
Learn more in.

Again!

1. Set up your JavaScript page.

2. Type to VarIables.

3. Put ++ or –.

When reading line 199 of text.ts of MathQuill,
I think this.text is a function defined at line 80, and the length of a function provides the number of arguments passed to the function, so this.text.length is always zero, and the division by zero sets avgChWidth to Infinity.

// insert cursor at approx position in DOMTextNode
var avgChWidth = this.jQ.width() / this.text.length;

I think it should be textPc.text.length to get the length of the text content.

im using script for dynamic adding row for table
but on of the option in my row should be in select from my database`
var items = 0;

function addItem(){
    items++;
    var html = "<tr>";
        html += "<td>" + items + "</td>";
        html += "<td><input class='form-control' name='machine[]' placeholder='machine'><td>";
        html += "<td><input class='form-control' name='meterstart[]' placeholder='meter start'><td>";
        html += "<td><input class='form-control' name='meterend[]' placeholder='meter end'><td>";
        html += "</tr>";

        document.getElementById("tbody").insertRow().innerHTML =  html;
}

`
this is my script

`
var items = 0;

function addItem(){
    items++;
    var html = "<tr>";
        html += "<td>" + items + "</td>";
        html += "<select class="form-control" name="machine" required="true">
                                        <option selected hidden>select machine</option>
                                        <?php 
                                        if($machine_list_result->num_rows > 0){
                                        while($mac = $machine_list_result->fetch_array()){
                                        ?>
                                        <option value="<?php echo $mac['id']; ?>" ><?php echo $mac['model']." -".$mac['machinenumber']; ?></option>
                                         <?php
                                            }
                                            }
                                        ?>
                                    </select>";
        html += "<td><input class='form-control' name='meterstart[]' placeholder='meter start'><td>";
        html += "<td><input class='form-control' name='meterend[]' placeholder='meter end'><td>";
        html += "</tr>";

        document.getElementById("tbody").insertRow().innerHTML =  html;
}

`

this what im trying to achieve

i am a new member and i start by building a e-commerce website in order to gain experience. My steps had been followed the video of personally making an e-commerce website, but I have some troubles when changing from website layout to application one. I used the extension “Live Server” and when i finished the code “@media” and changed it into application layout, it didn’t change anything. The difference between my project and the one in the tutorial video is the error in console: “Could not establish connection. Receiving end does not exist.”. It made me unable to do the next step, and i couldn’t understand the problems.

I hope that someone will help me solve this problem and give me some clear explanation in order to improve my knowledge 🙁
Thanks very much.

Using anime.js how can targeted DOM elements be animated to enter the viewport from the bottom, move vertically upward, and exit the viewport off the top? Is a timeline required or a simple anime() call would suffice?

For example, see the iOS chat bubble animation at the bottom of this page. This example is built with Framer Motion. What is the equivalent in anime.js?

This is what I first did… it removes the flag ‘ensure text remains visible during webfont load’. But, I don’t know if this is correct.

@font-face {
  font-family: myFirstFont;
  src: url('Akshar-Bold.ttf'),
  url('Akshar-Regular.ttf');
  font-weight: normal;
  font-display: fallback;
}

I tried this but it slows down the performance on lighthouse. This is the first time I’m using font-face so I really have no idea what I’m doing… ˙◠˙

@font-face {
  font-family: 'myFirstFont';
  src: url('Akshar-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'myFirstFont';
  src: url('Akshar-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

i always get : js: Uncaught ReferenceError: map is not defined

Add Leaflet-Ruler plugin

    m.get_root().header.add_child(folium.CssLink("https://unpkg.com/[email protected]/dist/leaflet.css"))
    m.get_root().header.add_child(folium.CssLink("https://cdn.rawgit.com/gokertanrisever/leaflet-ruler/master/src/leaflet-ruler.css"))
    m.get_root().html.add_child(folium.JavascriptLink("https://unpkg.com/[email protected]/dist/leaflet.js"))
    m.get_root().html.add_child(folium.JavascriptLink("https://cdn.rawgit.com/gokertanrisever/leaflet-ruler/master/src/leaflet-ruler.js"))
    my_js = '''
    L.control.ruler().addTo(map);
    '''
    m.get_root().script.add_child(folium.Element(my_js))

i trired to add this plugin to a folium map in python but i always get error

everyone
I’m trying use JavaScript to parse a PEM format certificate now. I’m expecting to get the
Basic Constraint value to distinguish whether a certificate the user uploaded is a CA.
The Basic Constraint value in the certificate is as follows:

My coding environment is Vue2 and jsrsasign v11.1.0 and nodejs v18.9.0.
My code is bellow.

<template>
  <div class="parseCert">
    <el-upload
      class="uploadFile"
      ref="upload"
      drag
      action="aa"
      :on-change="onChange"
      :auto-upload="false">
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">Drag cert file to here</div>
    </el-upload>
  </div>
</template>

<script>
  import { X509 } from 'jsrsasign'
  export default {
    data () {
      return {
      }
    },
    methods: {
      onChange (file) {
        let reader = new FileReader()

        let cert = new X509()

        reader.onload = function () {

          cert.readCertPEM(reader.result)
          cert.getSubject().array.forEach(e => {
            console.log('ds: ' + e[0].ds + ', type: ' + e[0].type + ', value: ' + e[0].value)
            }
          )
          // Here is I try to get the basicConstraints
          // But it seems that it is nothing can be get
          const basicConstraints = cert.getExtBasicConstraints() 
          console.log('Basic Constraints: ' + basicConstraints)
          console.log(basicConstraints)
          for (const key in basicConstraints) {
            if (Object.prototype.hasOwnProperty.call(basicConstraints, key)) {
              const value = basicConstraints[key];
              console.log(`Key: ${key}, Value: ${value}`);
            }
          }
        }

        reader.readAsText(file.raw)
      }
    }
  }
</script>

<style>
</style>

My code can’t get the Basic Constraint value and I have no idea how to fix.
Am I using the jsrsasign module by mistake?
There is any better or right way to achieve my goal?

Autofit. js is a solution for adapting to large screens, but when used in conjunction with elementUI, it can cause the inner elements to shift. For example, when the item setting of el table is set to show overflow tooltip, the displayed elements will send offset when the mouse moves into this grid

I hope to achieve a normal effect without causing element displacement. Thanks

I installed this package via npm: https://www.jsdelivr.com/package/npm/zebra-browser-print-wrapper

I first did npm i zebra-browser-print-wrapper like it states.

In my normal javascript file, I added the cdn link like below:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/index.min.js"></script>

Before writing any code to leverage this new package, when I load the page, I get the following error in the console:

Uncaught ReferenceError: exports is not defined at index.min.js:7:1461

which is this line within that file:

Object.defineProperty(exports, "__esModule", {

I do see the package is in my package.json file as follows:

{
  "devDependencies": {
    "tailwindcss": "^3.3.5"
  },
  "scripts": {
    "build": "npx tailwindcss -i ./static/css/src/input.css -o ./static/css/styles.css",
    "watch": "npx tailwindcss -i ./static/css/src/input.css -o ./static/css/styles.css --watch"
  },
  "dependencies": {
    "flowbite": "^2.4.0",
    "zebra-browser-print-wrapper": "^0.1.4". <-------------
  }
}

I’m not sure if I’m missing something basic/simple. I’m fairly new to npm.

    function wordCount( val ){
     var wom = val.match(/S+/g);
     return {
     charactersNoSpaces : val.replace(/s+/g, '').length,
     characters : val.length,
     words : wom ? wom.length : 0,
     lines : val.split(/r*n/).length
     };
    }

I am just asking, they both behaving totally opposite.

I am trying to make a drop down menu in p5js that displays images. I keep running into an error with loading images. When I attempted to troubleshoot and loaded an image in another sketch I did not get the error but I am getting it here. I am hoping a fresh pair of eyes could help. Thank you for your time and help!

let picker; 
let drum1, drum2, drum3, drum4, drum5;
let img;
let drumType = 'what';

function setup() {
    createCanvas(windowWidth, windowHeight);

    drum1 = loadImage('drum1.jgp');
    drum2 = loadImage('drum2.jpg');
    drum3 = loadImage('drum3.jpg');
    drum4 = loadImage('drum4.jpg');
    drum5 = loadImage('drum5.jpg');

    textAlign(CENTER);
    background(200);
  
    picker = createSelect();
 
    picker.position(10, 10);

    picker.option('djembe');
    picker.option('two hand drums');
    picker.option('one hand drum');
    picker.option('Talking drum');
    picker.option('five hand drums');
   
    picker.changed(pickEvent);

    img = drum5;
}

function draw() {
    background(200, 220, 10);
    textAlign(LEFT);
    image(img, 0, 0, width, height);
    text(trim + ' is a good drum', 10, 50); // look up what trim is

}

function pickEvent() {
    // get the item chosen with .value()
    drumType = picker.value();
        
    if (drumType === 'djembe') {
        img = drum1;
    } else if (drumType === 'two hand drum') {
        img = drum2;
    } else if (drumType === 'one hand drum') {
        img = drum3;
    } else if (drumType === 'talking drum'){
        img = drum4;
    } else  {
        img = drum5;
    }

}