JavaScript Latest Topics

Beginer to JavaScript

Tue, 11 Oct 2022 20:58:45 +0000

Any suggestions on where to start learning JavaScript?

Seems to be a overwhelming amout of options.

Gapless playback of multiple audio files in the browser

Sun, 05 Nov 2023 12:28:20 +0000

Is there a way to do that? I tried several different approaches and none of them worked, the two most promising approaches I tried were:

My own DIY double-buffer solution which listens for the `timeupdate` event on two audio elements and tries to start playback of the other one just a little while before the other ends, but the resolution is nowhere near high-enough for this to work.
Gapless-5 - Even this fails and introduces small pauses in-between the files, even though it's supposed to work perfectly.

I was actually streaming audio which arrives in little chunks of MP3s encoded as base64, so that might make the task a bit harder. I converted the strings to Blobs in my experiments.

javascript assistance

Thu, 04 Aug 2022 17:48:50 +0000

This is supposed to insert the "item[value]" into the third input in a form but it's not. I'm clearly using "find("input", 3)" incorrectly, I was trying and hoping it would work like this, but it actually only finds the first element. And when I use it properly and remove the 3, it sets the value in all the inputs. How can I rewrite this to find "X" index position element in the "$(this).closest(".item-row")" and set what I need to?

$(this).closest(".item-row").find("input", 3).attr("value", item["value"]);

Thanks.

What is the feasibility of this UI feature (correcting incorrect graph lines)?

Sun, 21 Nov 2021 11:22:12 +0000

I will be digitizing(scanning) [ICU Graphs][1] i.e over which patient vitals will be plotted(eg. heart rate wrt time) using a machine learning model. However the lines may need to be 'nudged' up and down sometimes by a person (a human-in-the-loop) to correct them.

The approach will be similar to how we move the lines to [crop an image in camscanner][2] i.e user only move the vertices.

How can we go about implementing the UI(say in a JS framework like Angular/React) to allow the user to move these lines up and down and correct them?

[1]: https://i.stack.imgur.com/iEHqL.png
[2]: https://i.stack.imgur.com/ghG6S.png

User Script - Make Video Playlist

Thu, 18 Nov 2021 01:56:08 +0000

Hello. I need to write a User Script to add videos to created playlists. On the video watch page on the right, there are recommended videos.
When cursor on thumbnail upper-right on icon appears plus sign, when cursor on that plus sign appears list of user's playlists and by clicking on playlist name video adding to playlist and appears plus sign located right of playlist name. If video already in some playlist, when cursor on thumbnail plus sign, plus sign already located right of playlist name.
I think it must be like JS function copy thumbnail, link and video name, after adding that on playlist page. Playlist page initially is some cleared page of site, for example page that doesn't exist - when you put wrong address that's written. User Script saves data to appear it on that page.
On the playlist page, you can remove videos from it. There is also a page set in the code where you can create or delete a playlist. When creating, along with the name, the address of an empty page is set to which the video will be added.
On the video viewing page, a plus sign is also needed under it so that this video can be added.

This is the code for the thumbnail on the right of the page.

795

37.7k

On the video viewing page, to add to the playlist, you need to extract the poster address from part of the code

Title from here

VIDEO NAME

I think it's worth copying the number of likes and views from here

380 17,716

I rely on you.

Can javascript change the variable value via the byref like au3?

Sun, 23 May 2021 03:45:11 +0000

Reference website:

https://www.quanzhanketang.com/ajax/tryajax_header.html?filename=tryajax_header

Reference Code:





The getAllResponseHeaders() function returns the header information of a resource, like length, server-type, content-type, last-modified, etc.

I modify it as follows:





The getAllResponseHeaders() function returns the header information of a resource, like length, server-type, content-type, last-modified, etc.

Results can be obtained, but need click twice, not sure why.....

Modify it once again as follows:





The getAllResponseHeaders() function returns the header information of a resource, like length, server-type, content-type, last-modified, etc.

but no result.

if Au3,

function requery(byRef header) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function(header) {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      header=xhttp.getAllResponseHeaders();
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

it can use the function 'requery' to change the value of the-address-parameter 'header', but do not know how with js

Please share experiences with me,

more thanks in advance!

Mobile Pinch zoom problem

Tue, 11 Jun 2019 12:56:21 +0000

Hi,

I'm working on an interface and I have a problem with zoom management. In desktop mode it works and in android cell mode it seems to work fine too. However, on a Windows tablet, it seems to have a problem ... Basically what I'm trying to do is display a modal in bootstrap 4. But when on the tablet I zoom, my modal s really big and out of my screen. On the android mobile, I remove the zoom before displaying the modal but on the Windows tablet I am unable to reproduce the same behavior.

My toggle function to reset zoom before display modal ( Yeah it maybe sketches but I'm not find other solutions)

function resetZooming() {   

    if (zoomOut) {

        $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, maximum-scale=1');

        setTimeout(resetZooming, 1000);

        zoomOut = false;

    }else{

        $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0');

        zoomOut = true;

    } 

}

And I call this function under my event

$("#modalCreationForm").modal("show");
resetZooming();

If you have any ideas

Thank you

Javascript Object Constructor

Tue, 05 May 2020 17:17:50 +0000

Hi there,

I have recently started learning Javascript. Now I started working with Objects. I got some problems when I want to define my own Object with it's own methods. The code looks like this:

function Model(){

  var model = document.createElement("div");
  return model;
  
  this.append = function(parent) {
  	
    document.getElementById(parent).appendChild(model);
  
  }
  
}

var farm = new Model();
farm.append("map");

The result should have looked like this:

But instead the "map" container is empty. The result I wanted is, that the new element I created with the object Model() is appended to the "map" container by using the .append() method. But instead it doesn't seam to happen like that. I do not get any error messages in the console even when using try - catch method. I have also tried the Object Prototypes like in the example bellow:

function Model() {
	var model = document.createElement("div");
  	return model;
}

Model.prototype.append = function(parent) {
 
  document.getElementById(parent).appendChild(this);
  
}

var farm = new Model();
farm.append("map");

.. but the same story happen. The question is what am I doing wrong here? I am waiting for your answers.

Thanks in advance!

HTML FORM IF..then

Wed, 26 Jun 2019 11:47:53 +0000

Hello there 😉 I'm stuck google is not helping me, I need a little help form you guys..

This is the scenario if any of Hongkong1, Hongkong2 and Hongkong3 value is greater than "0" then Noodle value is equal to "1", ill be using this on our Daily Inventory 😓





HTML Forms


 NOODLES:
  
 

 

 Hongkong1:
  
  

  Hongkong2:
  
  

 Hongkong3:

Any Idea?, Thank you.. 😘

Convert localhost to absolute local path

Sun, 16 Dec 2018 18:46:17 +0000

We make a lot of apps with a web page interface for various departments in the company to use. When writing or making changes to an app, we usually run the server code locally for testing changes.

My boss wants me to automate this process by using Postman to send a set group of variables to the locally running server code, then compare the returned pdf with a control pdf to make sure they are still identical.

Since the server code is running locally, it's hosted on "localhost:port" but javascript can't read a file at a path "localhost:port//somename.pdf" so I need to convert localhost:port to the absolute path where the local server script is actually running. Is there a way to do this?

NodeJS promise function chaining

Fri, 15 Feb 2019 14:20:05 +0000

I have to functions, each return a promise. I need to execute the first function 2x, then when it's done, execute the 2nd function 2x

currently it's set up in this format

async function somename (parameters) {
  promise = new Promise((resolve, reject)=> {
    do stuff;
  };
  complete = await promise;
};

async function somename2 (parameters) {
  promise = new Promise((resolve, reject)=> {
    do stuff;
  };
  complete = await promise;
};

somename(parameters).then((onReturn) => {
  somename(newparameters).then((onReturn) => {
    somename2(parameters).then((onReturn) => {
      somename2(newparameters).then((onReturn) => {
        do stuff;
      })
    })
  })
})

Ideally I'd like to just call the first function 2x, then wait for both to finish, then call the next one 2x and wait for both of those to finish. That way each pair of functions is running at the same time.

How to access listbox in java using javaIT4xjava jar

Wed, 16 Jan 2019 15:32:11 +0000

i am able to access listbox successfully in autoscript but facing problem while accessing in java using javaITx4java jar 
Please find code for autoIT script


#include 
Dim $winhandle
Dim $hdlList
Local $appTitle="PROKEY - NK1: [keine Datei geladen]";
Local $entryDialogTitle="InputAccel-Dokumentenliste";
ControlFocus($appTitle,"","SVWORK2")
WinWaitActive($appTitle)
Sleep(2000)
WinMenuSelectItem($appTitle,"","EAntrag","Stapel auswählen")
Sleep(2000)
Local $diawin = WinGetHandle($entryDialogTitle)
Local $cidListActive = "[CLASS:ListBox; INSTANCE:1]"
If Not IsHWnd($diawin) Then
    ConsoleWrite("not handle $diawin")
   Exit
Else
              ;MsgBox("handle","","")
              ConsoleWrite("handle $diawin"&@CRLF)
EndIf
$hdlList = ControlGetHandle($diawin, "",$cidListActive)
If Not IsHWnd($hdlList) Then
   ConsoleWrite("not handle $hdlList")
   Exit
Else
               ConsoleWrite("handle $hdlList"&@CRLF)
EndIf
   Local $num =  _GUICtrlListBox_GetCount($hdlList)
ConsoleWrite("num  "&$num&@CRLF)
 
 
For $i = 0 To $num-1 Step 1
              Local $itemText = _GUICtrlListBox_GetText($hdlList,$i)
              ConsoleWrite($itemText&@CRLF)
             If $itemText=="MMM_KL20190104_94909" Then
                        _GUICtrlListBox_ClickItem($hdlList,$i)
 
                        ExitLoop
              EndIf
Next
 
ConsoleWrite()
;Local $selItem = _GUICtrlListBox_ClickItem($hdlList,1)
ControlClick($entryDialogTitle,"OK","Button2")

check code for java using autoitxjava
 String appTitle="PROKEY - NK1: [keine Datei geladen]";

             String entryDialogTitle="InputAccel-Dokumentenliste";

             final String JACOB_DLL_TO_USE = System.getProperty("sun.arch.data.model").contains("32") ? "jacob-1.19-x86.dll" : "jacob-1.19-x64.dll";          

             File file = new File(System.getProperty("user.dir")+"\\alib",JACOB_DLL_TO_USE);

             System.setProperty(LibraryLoader.JACOB_DLL_PATH, file.getAbsolutePath());           

             AutoItX control = new AutoItX();

             Utility.isProcessOpen();

             Utility.openApp(driver, service);

             control.controlFocus(appTitle,"","SVWORK2");

             control.winWaitActive(appTitle);

             control.winMenuSelectItem(appTitle,"","EAntrag","Stapel auswählen");

i have mention both code here issue is accessing listbox in java

Stuck on a jquery plugin [solved]

Fri, 30 Nov 2018 02:36:49 +0000

We have a small function we use in our server code to periodically send messages to a web page interface to notify the user of key steps in the process.

This is in the form of

function sendMsg(body, flag = null) {
	ws.send(JSON.stringify({ body: body, flag: flag }));
}

where body is the information and the flag is the type of message

I'm trying to make the receiving of the messages a jQuery plugin and where I'm having an issue. It does all the processing it's supposed to do but I can't get it to return data back to the web page for me to grab.

//create websocket (endpoint as argument)
(function ( $ ) {
    $.MakeSocket = function( options ) {
        settings = $.extend({
            // These are the defaults.
            endpoint: '',
            data	: '',
            success	: {},
            error	: {},
            open	: {},
            exit	: {}
        }, options );
 		var wsURI;
        if (window.location.protocol === "https:") {
			wsURI = "wss:";
		} else {
			wsURI = "ws:";
		}
		wsURI += "//" + window.location.host;
		wsURI += window.location.pathname + settings.endpoint;
		
		var socket = new WebSocket(wsURI);
			socket.onopen = function() {
				settings.open = {body: null, flag: 'OPEN'};
			}
			socket.onmessage = function( event ) {
				var json = JSON.parse(event.data);

				if (json.flag === 'DATA') {
					socket.send(JSON.stringify({
						results : settings.data,
						flag    : 'DATA',
					}));
				} else if (json.flag === 'COMP') {
					console.log('', json);
					settings.success = json;
					socket.close();
				} else {
					console.log('', json);
					settings.success = json;
					//callback( settings );
				};
			}
			socket.onerror = function(event) {
				settings.error = {body: event, flag: 'ERR'};
			}
			socket.onclose = function() {
				console.log('Close called');
				settings.exit = {body: null, flag: 'EXIT'};
			}	
		};
	};

}( jQuery ));

What this does is creates a websocket, then processes our message flags for the webpage

And we want to be able to call the websocket and message processing like so:

$.MakeSocket({
	endpoint	: "Process", 
	data		: data,
	success		: function (wsData) {
		console.log('', wsData);
	}
});

so that we can perform functions based on if the result is a success, what type of success, error, ect. (Just like the ajax post method for jquery)

Problem is I can't seem to get any return value from the plugin to use in the webpage.

small problem on java android studio

Sun, 28 Oct 2018 20:46:56 +0000

I don't know if it belongs here but I know many people here know android studio.

so basically i have a problem with R , when I read about it its because i have a problem in one of my XML files. which I do. but I don't know what is the problem.

http://prntscr.com/lbhtkv - photo
?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@drawable/ic_launcher_background" />
<foreground android:drawable="@drawable/ic_launcher_foreground" />
adaptive-icon>

ty alot !

Javascript - help getting variable out of function [solved]

Sat, 29 Sep 2018 17:20:27 +0000

I'm using this node module, dbffile to try and get a count of records in a database.

I want to modify their existing example:

DBFFile.open('[full path to .dbf file]')

.then(dbf => {

console.log(`DBF file contains ${dbf.recordCount} rows.`);

console.log(`Field names: ${dbf.fields.map(f => f.name)}`);

return dbf.readRecords(100);

})

.then(rows => rows.forEach(row => console.log(row)))

.catch(err => console.log('An error occurred: ' + err));

to just simply return the dbf.recordCount to be used later in the script.

if I do:

DBFFile.open(dbfFilePath + '/' + csvData.DATANAME)
   .then(dbf => {
       qty = dbf.recordCount;
})
   .catch(err => console.log('An error occurred: ' + err));

I simply get "undefined" later in my script.

If I try:

qty = DBFFile.open(dbfFilePath + '/' + csvData.DATANAME)
.then(dbf => {
return dbf.recordCount;
})
.catch(err => console.log('An error occurred: ' + err));

Then I get Promise {pending}

How to retrieve string from console?

Fri, 13 Jul 2018 04:16:38 +0000

The following text are shown on console, I would like to know on how to retrieve string "321898720" from "conid" symbol and store in a variable.

Does anyone have any suggestions?

Thanks in advance for any suggestions

conid = 321898720
symbol = FISV

How do I pass the value from AutoIt to Java?

Mon, 18 Jun 2018 05:58:52 +0000

Hi All,
I am new to autoit. I am trying to run some simple unix commands through java and return some value from unix to java program . Here is the overall flow:
1> Java (CallPutty.java ) is opening the putty application and login with Username & password.

2> I am calling an autoit script (PuttyCommand.exe) .

3>autoit script is passing & running commands in putty.

I am taking the count of files in a specific folder and I want to pass the count o into the java program.

I know , the code written in italic & underlined font , will not work.This is just for reference and I need help to build the logic with correct code .

Code snippet from CallPutty.java

public static void main (String args[]) throws AWTException, IOException, InterruptedException

{

CallPutty c=new CallPutty();

Runtime r = Runtime.getRuntime();

Process p;

String username = "Userid";

String password = "Password";

String serverString = "Server";

String s = "C:\\Program Files (x86)\\Simon Tatham\\PuTTY\\putty.exe -ssh -l "+username+" -pw "+password+" "+serverString+"";

try

{

//open the putty session with the above given username, password and server

p = r.exec(s);

} catch (Exception e)

{

System.out.println(e);

e.printStackTrace();

}

//calling the autoit script to run unix command

int count = Runtime.getRuntime().exec("C:\\Users\\workspace\\HelloWorld\\AutoIt_Script\\PuttyCommand.exe");

try

{

Thread.sleep(2000);

}

catch (Exception e)

{

}

Code Snippet from PuttyCommand.exe

ControlFocus("auq4094l.unix.anz - PuTTY","","")

WinSetState("auq4094l.unix.anz - PuTTY","",@SW_MAXIMIZE)

Sleep(1000)

Send( "cd /data/out/GCR/NZ/new" & "{ENTER}" )

Sleep(3000)

$count = Send( "ls | wc -l " & "{ENTER}" )

return $count

Promise.allComplete

Sun, 22 Apr 2018 18:47:16 +0000

So asynchronous programming is something quite difficult to do in JavaScript, but since we now have Promises and async/await, it's becoming increasingly less complicated. Plus there is no need for "callback hell".

So I will assume you understand what Promise.all() is and why it can sometimes be problematic, as it will not wait for all requests to complete and just fails on the first rejected Promise. The following function will still reject on a failed Promise, but the difference being it will wait for all the Promises to complete before resolving or rejecting. If no failure occurred, then the resolved value is the same as Promise.all(), an array of resolved values; otherwise, it returns a completed object (see below for details). Also note that the array might contain empty slots, this is so it's easier to debug which Promise failed in the array, as they're inserted in the same index slot

Promise.allComplete = (iterable) => {
    if (!Array.isArray(iterable)) {
        throw new TypeError('Invalid argument, expected "iterable" to be an array');
    }
    
    const completed = {
        resolved: [],
        rejected: [],
    };

    const wrapResolutionOrRejection = (type, index) => valueOrReason => (completed[type][index] = valueOrReason);
    const wrappedIterable = iterable.map((value, index) =>
        Promise.resolve(value)
            // The rejected wrapper function could be put in the catch, but it's wasteful for our purposes
            .then(wrapResolutionOrRejection('resolved', index), wrapResolutionOrRejection('rejected', index))
    )

    return Promise.all(wrappedIterable)
        .then(() => completed.rejected.length === 0 ? Promise.resolve(completed.resolved) : Promise.reject(completed));
};

// Example
const requests = [
    createPromise(true, 10),
    createPromise(false, 10),
    createPromise(true, 200),
    createPromise(true, 1000),
];

// Rejects on the first Promise which fails, but if you check in the console, it didn't wait
// for the third Promise to successfully complete, as the console log came after the error log was displayed
// Promise.all(requests)
//   .then(values => console.log('Successfully completed', values))
//   .catch(err => console.error('Not successfully completed', err))

// "allComplete" is different, in that it will wait for all the Promises to be completed i.e. resolve and reject,
// then resolve if all Promises were successful or reject if one Promise failed.
// It returns the following data structure:
// {
//  resolved: [...Promises which resolved, and inserted by the associated Promise's index],
//  rejected: [..Promises which rejected, and inserted by the associated Promise's index],
// }
Promise.allComplete(requests)
    .then(completed => console.log('Successfully completed', completed))
    .catch(completed => console.log('Not successfully completed', completed))

function createPromise(isResolved, delay) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(`Promise: "${delay}"`);
            if (isResolved) {
                resolve(delay);
            } else {
                reject(new Error('An unexpected error occurred'));
            }
        }, delay);
    });
}

Javascript instead of Autoit for excel automation?

Mon, 20 Nov 2017 16:10:53 +0000

Hi,

I'm new to programming and as such I have more and more questions as I discover all the new possibilities. I have managed to create some primitive scripts that import data from multiple excel files into a single master file and then, using pixel cords or control cords, insert the data into pdf forms fields. Unfortunately, the pdf forms I use change over time and the pixel or control cords get outdated pretty easily. Therefore I now seek a more reliable way to insert the data into the pdf form fields, that will relate to the IDs of the pdf form fields.

Since I'm also learning the basics of Javascript (it is required for calculating values in the pdf forms), I think about switching to it completely. However, I do not know if the following is possible in JS, similar to Autoit:

1.) Can I automate excel files as easily as with Autoit (insert formulas into cells, insert/copy ranges, edit cell formating etc.)

2.) Instead of using pixel cords, will I be able to input the data from excel files into the pdf forms fields with form field IDs?

3.) What is the best code editing tool for Javascript?

Thanks in advance!

How to Make beautiful/interactive tables?

Mon, 05 Jun 2017 14:59:42 +0000

Hi, what else can we add in

besides &

to make it more interative to the users?

Javascript Canvas - Rotate object around the area

Sun, 02 Apr 2017 10:38:11 +0000

Hello guys! Today i just wanna ask you how to make an element such as an Arc spin around a specific area in a canvas, as described in the image?

As you can see here, i just want to make the X arc spin around the area or axis.

Thanks in advance.

How to get the source after executing javascript

Mon, 26 Dec 2016 14:46:28 +0000

I'm trying to get the HTML code after executing javascript in IE. Here is my code.

$url = "http://example.com"
$oIE = _IECreate($url)
Sleep(3000) ;waiting for executing javascript. But useless.
$oFrame = _IEFrameGetCollection($oIE, 0)
$sCode &= _IEPropertyGet($oFrame, "innerhtml") & @CRLF

Then, I get this error.

"C:\Program Files (x86)\AutoIt3\Include\IE.au3" (2308) : ==> The requested action with this object has failed.:
$oTemp = $oObject.document.body
$oTemp = $oObject^ ERROR

After executing javascript, when I view source in IE, there are HTML code like below.



...


...

What should I do?

Help with Script

Thu, 03 Nov 2016 18:39:57 +0000

I know nothing about Javascript. I didn't write this script but I know what it does. I'm just trying to understand the syntax used. Is there a better way to code this with C# or powershell or a bat file?


fin4  = fso.OpenTextFile( src4, forReading );
fout = fso.OpenTextFile( dest, forWriting, true );

 try 
 {
	
	var CineCPU;
	var OpenGL;

	while( !fin4.AtEndOfStream ){
		var line = fin4.ReadLine();
		var expCineCPU = /^.*Rendering.*$/;
		var expOpenGL = /^.*fps.*$/;
   
		if(expCineCPU.test(line))
			CineCPU =line
		if(expOpenGL.test(line))
			OpenGL =line
		}
	    
	  
	fout.WriteLine("========================================================================");
	fout.WriteLine("                         BENCHMARK SCORES                               ");
	fout.WriteLine("========================================================================");
	fout.WriteLine("CineBench Scores");
		CineCPU=CineCPU.replace("Rendering (Multiple CPU) : ","      CPU Score: ");
	fout.WriteLine(CineCPU)
		OpenGL=OpenGL.replace("Shading (OpenGL)                : ","      OpenGL Score: ");
	fout.WriteLine(OpenGL)  	
		}
  
 catch( e )
 {
  WScript.Echo( "Error: " + e.description );
  }

cant see the word in console

Wed, 14 Sep 2016 04:53:01 +0000

Hey guys.

I am using SciTE. When I compiled my program and found a error. The words cannot be shown correctly on the console, Instead, it shows many question marks.

Like below.

Stocksale.java:8: ??: ????
e;
^
Stocksale.java:13: ??: ??';'
System. out println("e is =" e);
^
Stocksale.java:13: ??: ????
System. out println("e is =" e);
^
Stocksale.java:13: ??: ??';'
System. out println("e is =" e);

How to fix it guys?
^

javascript create a new file

Sat, 19 Sep 2015 17:51:34 +0000

Hello guys! I've got a little problem.I want to create a new file using javascript.But the code i've inserted does not work!Here's the code:

function o{
   var html = new ActiveXObject('Scripting.FileSystemObject');
   var s = html.CreateTextFile('c:\\test.txt',true);
   s.WriteLine('');
   s.Close();

}

I need your help regarding this problem. Thanks in advance!