JavaScript

Any tips? I am brand new and created a binary translator. I'm open to feedback.

9-Jul-20 10:16

Just debug your code and figure out what you're doing wrong. Should be pretty simple.

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Hany Halim1-Jul-20 9:55

Hany Halim

1-Jul-20 9:55

// NOTICE: This only works for letters and spaces like I intended it to.

function textToBinary(text) {
    let alphabet;
    let letter;
    let binary = "";
    let value;
    alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    for (letter in text) {
        if (alphabet.includes(text[letter].toUpperCase())) {
            if (text[letter] === text[letter].toUpperCase()) {
                binary += "010";
            } else {
                binary += "011";
            }
            value = alphabet.indexOf(text[letter].toUpperCase()) + 1;
            if (value >= 16) {
                binary += "1";
                value -= 16;
            } else {
                binary += "0";
            }
            if (value >= 8) {
                binary += "1";
                value -= 8;
            } else {
                binary += "0";
            }
            if (value >= 4) {
                binary += "1";
                value -= 4;
            } else {
                binary += "0";
            }
            if (value >= 2) {
                binary += "1";
                value -= 2;
            } else {
                binary += "0";
            }
            if (value >= 1) {
                binary += "1";
                value -= 1;
            } else {
                binary += "0";
            }
        } else {
            binary += "00100000";
        }
    }
    console.log(binary);
}

textToBinary("this is written in BINARY");

Re: Any tips? I am brand new and created a binary translator. I'm open to feedback.

Richard MacCutchan1-Jul-20 22:41

Richard MacCutchan

1-Jul-20 22:41

What is your question?

Re: Any tips? I am brand new and created a binary translator. I'm open to feedback.

ZurdoDev9-Jul-20 10:17

Re: Any tips? I am brand new and created a binary translator. I'm open to feedback.

9-Jul-20 10:17

Any tips?

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Richard Deeming1-Jul-20 23:45

Re: Any tips? I am brand new and created a binary translator. I'm open to feedback.

1-Jul-20 23:45

Object.prototype.toString() - JavaScript | MDN[^]:
For Numbers and BigInts toString() takes an optional parameter radix the value of radix must be minimum 2 and maximum 36.

By using radix you can also convert base 10 numbers (like 1,2,3,4,5,.........) to another base numbers, in example below we are converting base 10 number to a base 2 (binary) number ...

So your entire series of if (value >= ...) blocks can be replaced with a single call to toString, along with a call to padStart[^] to add any leading zeros:

JavaScript

value = alphabet.indexOf(text[letter].toUpperCase()) + 1;
binary += value.toString(2).padStart(5, "0");

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Member 1489456920-Jul-20 15:46

Member 14894569

20-Jul-20 15:46

Yeah, get rid of the semicolons

Cannot read back correct JSON from excel workbook

kjeeva28-Jun-20 10:57

kjeeva

28-Jun-20 10:57

I am using npm module xlsx to write and read JSON data.

I want to write this JSON to excel
{ "name": "John", "class": 1, "address" : [ { "street": "12th Cross" , "city": "London" }, { "street": "22nd Cross" , "city": "Cade" } ] }

Later when I read back I want to get same JSON from excel file

If you already solved, any suggestion or help will be of great help Smile | :)

Here is what I have tried

```
var XLSX = require("xlsx");
console.log("Node Version: " + process.versions.node);
console.log("XLSX Version: " + XLSX.version);

/* GENERATE TEST FILE */
(function() {
// create workbook
var wb = XLSX.utils.book_new();
var ws = XLSX.utils.json_to_sheet([
{ "name": "John", "class": 1, "address" : [ { "street": "12th Cross" , "city": "London" }, { "street": "22nd Cross" , "city": "Cade" } ] }
], {header:["name","class","address","street","city"]});

XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
XLSX.writeFile(wb, "testfile.xlsx");
let worksheet = wb.Sheets['Sheet1'];
let jsonArray= XLSX.utils.sheet_to_json(worksheet);
console.log(JSON.stringify(jsonArray));
})();
```
This returns
```
Node Version: 8.12.0
XLSX Version: 0.16.2
[{"name":"John","class":1}]

But I was expecting
{ "name": "John", "class": 1, "address" : [ { "street": "12th Cross" , "city": "London" }, { "street": "22nd Cross" , "city": "Cade" } ] }
```

Any help or suggestion will be of great help Smile | :)

I am creating a program with Visual Basic Script files with C++.

c0d3r1/226-Jun-20 7:15

c0d3r1/2

26-Jun-20 7:15

I am creating a program where if an action occurs then a message box through visual basic script (.vbs). I plan to do I through a fstream file.

C++

if (statement)
{
open fstream file // I know that's not  how you do it
}

Re: I am creating a program with Visual Basic Script files with C++.

Bohdan Stupak29-Jun-20 4:18

Bohdan Stupak

29-Jun-20 4:18

I think that this one is a bit misplaced in the "Javascript" section

Re: I am creating a program with Visual Basic Script files with C++.

ZurdoDev29-Jun-20 4:35

how to get audio play auto work in mobile browsers andriod & ios

29-Jun-20 4:35

Unless things have changed, only IE will support running vb script files which means this won't work in FireFox, Chrome, or any other browser, probably not even Edge.

But you are writing this in C++ so I am confused as to what you are actually doing. How and why does vbs come into play with C++ code?

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Member 1486961821-Jun-20 20:38

Member 14869618

21-Jun-20 20:38

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Need javascript code support for below request

mikt201618-Jun-20 0:57

mikt2016

18-Jun-20 0:57

1. PA is hard coded
2. open field for customer to manually enter the sterilization no
3. The last 2 digit are with ( ) with spacing from number before
4. If the customer enter PA-1234 (56) then Output is PA-1234 (56)
5. if the customer enter PA-1234(56) the Output is PA-1234 (56)
6. if the customer enter PA-123456 the Output is PA-1234 (56)
7. if the customer enter 123456 the Output is PA-1234 (56)
8. if the customer enter 1234 56 the Output is PA-1234 (56)
9. if the customer enter 1234(56) the Output is PA-1234 (56)
https://www.webdeveloper.com/d/390330-need-help-for-javascript-code-for-below-requirement

Re: Need javascript code support for below request

ZurdoDev18-Jun-20 2:00

Re: Need javascript code support for below request

18-Jun-20 2:00

You need to ask a specific question. It is rude to ask someone to do all your work for you.

Social Media - A platform that makes it easier for the crazies to find each other.

Everyone is born right handed. Only the strongest overcome it.
Fight for left-handed rights and hand equality.

Richard MacCutchan18-Jun-20 4:43

Richard MacCutchan

18-Jun-20 4:43

Same answer(s) as you received on webdeveloper.com.

Accordion not working properly with dynamic content

mhutch2617-Jun-20 4:09

mhutch26

17-Jun-20 4:09

a newbie here...

I have an accordion that's content is being brought in through includes. The accordion is showing up but with all the tabs in the open position and they won't toggle open/close. I'm completely stuck on how to get these to work with the accordion content being brought in dynamically.

This is the code that works on the normal content accordions:

JavaScript

(function($, window, document, undefined) {
'use strict';

$(document).ready(function() {

    /**
     * Accordions ===========================
     * Save DOM selectors.
     */
    var $container_class = $('.accordions');
    var $default_class = $('.beefup');
    var $toggle_buttons_class = $('.toggle-buttons');

    /**
     * default options.
     */
    var $default_options = {
        openSingle: true,
        openSpeed: 300,
        closeSpeed: 300
    };

    /**
     * default settings.
     */

    // we have accordions selector?
    if ($container_class.length) {

        // loop throw main containers
        $container_class.each(function() {

            // we have beefup selector?
            if ($default_class.length) {
                $(this).find($default_class).beefup($default_options);
            }

        });

    }

    // we have toggle buttons selector?
    if ($toggle_buttons_class.length) {

        $toggle_buttons_class.each(function() {

            var $this = $(this);
            var $beefup = $this.find($default_class).beefup($default_options);

            // open all
            $this.find('.toggle-open-all').on('click', function() {
                $beefup.open();
            });

            // close all
            $this.find('.toggle-close-all').on('click', function() {
                $beefup.close();
            });

            // open accordion using button
            $this.find('.buttons-group').find('.button').each(function(index) {
                $(this).on('click', function() {

                    if (!$(this).hasClass('toggle-open-all') && !$(this).hasClass('toggle-close-all')) {

                        $this.find($container_class).find($default_class).each(function(item) {

                            if (index === item) {
                                $beefup.click($(this));
                            }

                        });

                    }

                });
            });

        });

    }

The classes are different for the dynamic accordion, I tried to change them in a duplicated section of this JS, but no luck.

The page if wish to view is here: http://clear-talk.oiw11.com/motorola/bpr40.htm It's the section towards the bottom of the page under the "accessories" tab.

I'm wondering if there's a better/easier way to go about this.

Any and all help would be greatly appreciated.

Thank you in advance!

Data from one page to another with a twist.

and180y14-Jun-20 10:33

14-Jun-20 10:33

I have a page where values (monetary) are entered into boxes and the aim is to have them appear in a drop down list on the next page. I have searched and found this Transferring page values to another page[^] But wondered if there was a more upto date way of doing it?
I have the code below and whilst I can send the data to the URL the script doesn't put it in the drop down. I've read about doing it with cookies, is that a more reliable method?

<script>
//get the value of each field 
from the url as a query string
var query = location.search; 
var splitQuery = []; var value 
= [];

function parseQuery(query){

/*check if there are 
mutiple value (querystring in 
url are seperated with &), and 
store them to an associative 
array*/

if(query.search(/[&]/)){
splitQuery = query.split('&');

/*split again and target drop 
down*/ 

for (var x = 0; x < 
splitQuery.length; x++){
var splitEach = 
splitQuery[x].split('=');

document.getElementsByClassName
('dropdown')[x].textContent = 
splitEach[1];       
}   
} 
} 
parseQuery(query); 
</script>

Richard Deeming15-Jun-20 0:41

15-Jun-20 0:41

So long as you don't need to support Internet Explorer, the modern way to parse the querystring is to use the URLSearchParams class:
URLSearchParams - Web APIs | MDN[^]

JavaScript

const searchParams = new URLSearchParams(location.search);
for (const [key, value] of searchParams) {
    console.log(key, "=", value);
}

It's not clear what the connection is between the querystring parameters and the form parameters, but the code you've shown requires that they're in exactly the same order. It would probably be better if you could match based on the name of the element.

You'll also need to use the value property, not the textContent property, to set the value for a form element.

JavaScript

const searchParams = new URLSearchParams(location.search);
for (const [key, value] of searchParams) {
    let element = document.getElementsByName(key)[0];
    if (element && element.classList.contains("dropdown") && (/^INPUT|SELECT$/i).test(element.tagName)) {
        element.value = value;
    }
    else {
        console.warn("Unknown element:", key, element);
    }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

and180y15-Jun-20 1:00

15-Jun-20 1:00

Hi Richard, thanks for replying.

When I input the data and press the submit button it correctly forwards me to this page;
overheads5.html?level-1=10&level-2=20&level-3=30&level-4=40&level-5=&level-6=
so the data is in the url but I can't get it from there into the dropdown to use in calculations.

Basically the idea is that other data in the destination page has the value in the drop down added to it. Would it help to show you the actual pages?

Richard Deeming15-Jun-20 1:15

15-Jun-20 1:15

If you really want to match based on the index of the parameter, then you could try:

JavaScript

const searchParams = new URLSearchParams(location.search);
let index = 0;

for (const [key, value] of searchParams) {
    let element = document.getElementsByClassName("dropdown")[index];
    element.value = value;
    index++;
}

This assumes that the value already exists in the list. If you want to add a new option instead:

JavaScript

let element = document.getElementsByClassName("dropdown")[index];
let option = document.createElement("option");
option.value = value;
option.text = value;
element.add(option, null);
element.value = value;

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

and180y15-Jun-20 1:24

15-Jun-20 1:24

Thanks Richard, this is how the inputs and the dropdown are laid out but can be changed if it makes it easier to get to the result I need. Smile | :)

I have tried the code you have given me but still nothing in the dropdown. (All I get is level 1, level 2 etc)

 <div class='payroll-container row p-5'>	
<form action ="overheads5.html"  method 
= "get" name = "payrate" id = 
"payrate"> Payrate
<br/>

Level 1

<input type = "text" name = 
"level-1" id = "level-1" />
<br/>

Level 2
<input type = "text" name = 
"level-2" id = "level-2" />
<br/>

Level 3
<input type = "text" name = 
"level-3" id = "level-3" />
<br/>

Level 4
<input type = "text" name = 
"level-4" id = "level-4" />
<br/>

Level 5
<input type = "text" name = 
"level-5" id = "level-5" />
<br/>

Level 6
<input type = "text" name = 
"level-6" id = "level-6" />
<br/>
<input type = "submit"/>

JavaScript

<div class='dropdown-container row p-4'>	  
<select>
<option class = 'dropdown'>level-1</option>
<option class = 'dropdown'>level-2</option>
<option class = 'dropdown'>level-3</option>
<option class = 'dropdown'>level-4</option>
<option class = 'dropdown'>level-5</option>
<option class = 'dropdown'>level-6</option>
	  </select></div>

Richard Deeming15-Jun-20 1:27

15-Jun-20 1:27

Based on that markup and the querystring from your previous message, this should work:

JavaScript

const searchParams = new URLSearchParams(location.search);
for (const [key, value] of searchParams) {
    let element = document.getElementById(key);
    if (element) {
        element.value = value;
    }
    else {
        console.warn("Unknown element:", key, element);
    }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

and180y15-Jun-20 1:46

15-Jun-20 1:46

Thanks Richard,
I'm thinking it's probably me as the code below still gives me nothing. Assuming it should post to the dropdown I already have?

<script>
const searchParams = new URLSearchParams(location.search);
for (const [key, value] of searchParams) {
    let element = document.getElementById(key);
    if (element) {
        element.value = value;
    }
    else {
        console.warn("Unknown element:", key, element);
    }
}
</script>

Richard Deeming15-Jun-20 4:59

15-Jun-20 4:59

Ah, no, sorry. I thought you were trying to put the values into the text inputs.

Given a select list:

HTML

<div class='dropdown-container row p-4'>
    <select>
        <option class='dropdown'>level-1</option>
        <option class='dropdown'>level-2</option>
        <option class='dropdown'>level-3</option>
        <option class='dropdown'>level-4</option>
        <option class='dropdown'>level-5</option>
        <option class='dropdown'>level-6</option>
    </select>
</div>

and the URL: overheads5.html?level-1=10&level-2=20&level-3=30&level-4=40&level-5=&level-6=

then something like this should work:

JavaScript

const searchParams = new URLSearchParams(location.search);
const elements = document.getElementsByClassName("dropdown");
let index = 0;

for (const [key, value] of searchParams) {
    let element = elements[index];
    element.text = value;
    index++;
}

Demo[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

and180y15-Jun-20 8:56