swimmer

@rodrigo.pedra After little bit more of digging they use the library called Backbone.js not React.

Currently I am still looking to use JS to automate tasks for the site.

Thank you for your help

@ rodrigo.pedra Thank you for all the info. The website that I'm working with is Etsy and it is working with the framework React.

I do not know how to work with React. But maybe there is a way to work with React which is similar to work with native JavaScript and then I can learn it quickly I do not want to dive into React at this moment.

For example: instead of

document
.getElementById('attribute-340')
.querySelector('option[value="2"]')
.selected = true;
React

React.getElementById('attribute-340')

React.selected = true;

Because if all I need is to update some element
I will learn the syntax.


Looking forward to hearing your answers.

@rodrigo.pedra

This is not a website that I built. I am trying to simulate mouse clicks to build a script that will help me do things quicker. The script is to only runs on my local computer.

I don't think which framework is being used is relevant. As there needs to be a way in vanilla JS to trigger those clicks.

Did you get a chance to watch the video that I attached in the first post?

Thank you for your help

Hi,

@rodrigo.pedra

Thank you for your help. 1)I tried your suggestion however it still not triggering the change. I used the following code

// Set color lara
document
.getElementById('attribute-340')
.querySelector('option[value="2"]')
.selected = true;

1. I am also trying to set the value in the search bar that exists on the page however not successful in setting that as well.

This is the code that I'm using to set the search is:
  document.getElementById('taxonomy-search').value = "loose diamond";

The html from the webpage for the search is:

<input type="search" id="taxonomy-search" aria-owns="results-list" aria-describedby="category-err-msg" aria-invalid="false" aria-expanded="false" aria-required="true" data-search-field-input="true" class="input text-truncate" value="Wedding &amp; Engagement" placeholder="men’s coats, hoop earring, wall hanging, yarn" role="combobox">

You can watch a video explaining both my issue at the following link:

https://drive.google.com/file/d/1BK1T0hz80B2HThTw2R_huxFWw_9X9J1x/view?usp=sharing

Thank you for your help.

@aladanh

I think you posted this post by mistake. I still need help with this question.

Thank you for the recommendations. Can you give me any tips exactly what to look for, and what is causing the color to change to blue and on the server-side?

Hello,

I am trying to simulate mouse clicks with JS via the google console. However even though I am able to change the appearance in the front end it is not changing the backend.

In order to understand my issue better please watch the following video: https://drive.google.com/file/d/18l7Um9MYj_wQ67H9w_T8sXL7VITAUHDy/view?usp=sharing

You can find at the following link the JS I am trying to inject as well as the HTML

I am trying to change. tps://codepen.io/swimmer11/pen/VwwqYKN?editors=0010 What am I doing wrong?

Thank you for your help

@artcore @Nakov

I finally found the right code to start the sequence. @artcore I used your idea to add an event listener document.body.addEventListener('click', e=> {console.log(e.target)})

Then I realized that I what was firing the click with not the “li”

The right code is

var selector_dropdown = document.getElementsByClassName
       ('dropdown__link');
       selector_dropdown[22].click();
       selector_dropdown[22].click();

    document.querySelector("button[data-et-name='update']").click();
document.querySelector("button[data-et-name='list_item']").click();

Now I’m going to work on making a better code where I search for the inner text that contains the right selectors with clicks.

Thank you for your help.

@Nakov

Of course you get "page not found: In order to view everything properly you need to be logged in. Unfortunately we can not give you our logged in information. However together with the html and the video I put on Google drive hopefully you will find a solution.

@Nakov Thank you for pointing it out.

I fixed the issue with the HTML and updated the pen to the right page.

@Nakov @artcore

I saved all the code to "code pen" you can find it at the following link:

https://codepen.io/swimmer11/pen/LYYZWrw?editors=1000

Thank you for your help.

@artcore,

Thank you for your help.

However from reading your answers I understand that you want to add to the HTML to the code you mentioned.

However please read the first post where I explained that I do not have access to html page.

What I'm trying to do is " I am trying to fire JS on my local computer with the help of tampermonkey which is a Google Chrome extension which allows you to inject JavaScript to any website on your local computer."

Any solution for simulating the click on the li would be appreciated. I rather vanilla JS then Jquery if possible as I am not the biggest expert of Jquery.

@Nakov I tried your code and your code however it’s not working properly.

I also upload this video to Google drive that explains my issue.

Reading your answers to my questions it seems do not fully understand my issue.

The only way to properly understand my issue is watching the video. If you cannot watch it hopefully someone else will be able to find a solution.

Thank you for your help you are amazing

It does not.

1)Please watch the video at the following link: https://drive.google.com/file/d/1twI3MKTXm2hH-zRc3_P49rFLlJO8H7yr/view?usp=sharing

And it will explain what selector_dropdown[4] does?

It is still not working. When I try what you suggested I am getting the following error

Uncaught TypeError: Cannot read property '0' of undefined at :18:29

I think the reason I am getting the error is because

selector_dropdown[4]

it only represents the div that has the specific class I am looking for I am not able to bring it down to the options button.

Farther more when I search the HTML for “options” nothing comes up it’s like there is no options in the HTML.

Can you think about another way to work around it?

Did you get a chance to watch the video? Watching the video will explain the issue better.

I tried a different approach.

I tried to get find all the “UL “ tags on the page and then find the specific UL and LI and simulate a click.

It still did not work.

I also tried to find the div that I am trying to click and change the inner texts of the div and then simulated a click however it still did not work.

This is the code I was trying to use

var all_ul = document.getElementsByTagName("ul");


all_li = all_ul[11].getElementsByTagName("li");

all_li[0].click();

var selector_dropdown = document.getElementsByClassName
       ('dropdown__selector dropdown__selector--select-tag dropdown__selector--select-tag--large');

selector_dropdown[4].click();    
selector_dropdown[4].innerText = "Not For Sale";
selector_dropdown[4].click(); 

document.querySelector("button[data-et-name='update']").click();
document.querySelector("button[data-et-name='list_item']").click();

This question could be a bit tricky therefore I made a video explaining exactly what I’m trying to achieve you can find the video at the following link:

https://drive.google.com/file/d/1twI3MKTXm2hH-zRc3_P49rFLlJO8H7yr/view?usp=sharing Thank you for your help.

@nakov

The website is blocked you need to be registered and list a product

However I uploaded a video that shows the issue which can be found at the following link:

https://drive.google.com/file/d/1riJNP2WfMf52TFR7yMm9HqSe0p3IFXcC/view?usp=sharing

I hope this video will help you give me better advice.

Thank you for your answer. I tried your suggestion however I’m getting the following

1. r.fn.init [li.navigation--horizontal__tab, prevObject: r.fn.init(1)]
2. 0: li.navigation--horizontal__tab
3. length: 1
4. prevObject: r.fn.init [document]
5. proto: Object(0)

This is not my website I am trying to manipulate some code with the help of tampermonkey which is a Google Chrome extension which allows you to inject JavaScript to any website on your local computer.

Therefore putting in a id is more complicated

Here is the html for the div I am trying to click on the li.

< div class = "listing-editor__subsection" > < div class = "col-x24 col-l4 listing-edit__section__info" > < h3 class = "tr--uppercase tc--b fw--med m--b--2" >
    Availability <
    /h3><!----><!----></div > < div class = "listing-editor__input--half d--ib va--t col-x24 col-l20"
aria - required = "false"
aria - invalid = "false" > < div aria - haspopup = "true"
tabindex = "-1"
class = "dropdown form__text--select d--b" > < div class = "dropdown__selector dropdown__selector--select-tag dropdown__selector--select-tag--large" > < span > For Sale < /span></div > < div > < ul class = "dropdown__menu" >
    
     < li class = "dropdown__menu__item" > 

< a class = "dropdown__link" > Not For Sale < /a></li > < li class = "dropdown__menu__item" > < a class = "dropdown__link" > For Sale < /a></li > < /ul></div > < /div><div><div class="modal-backdrop"></div > < div class = "modal simple-modal modal--small" > < div class = "modal__header modal__header--borderless" > < h5 class = "modal__title modal__title--borderless" >
    Error <
    /h5><button type="button" class="btn btn--close modal__close-btn simple-modal-close"
    
    
    ><i class="cross"></i > < /button></div > < div class = "modal__body" > < p > Unable to mark listing as available.Listings must have a minimum price of < span place = "path" >  < /span> to be available for sale</p > < /div><!----></div > < /div></div > < /div>

Maybe you have a better idea how I can get access to the right li and click on it.

Silly me I forgot to put in the li

However it is still not selecting the right li tag. You can find a screenshot of my issue at the following link:

https://drive.google.com/file/d/1la-CJyfAg_50rK0oUVVVDuNapg_GlpqK/view?usp=sharing

What am I doing wrong?

I tried your suggestion

However it’s not letting me select the li,

This error I am getting when I inputted to the Google consuls

$('ul.dropdown__menu:first').trigger('click'); r.fn.init [ul.dropdown__menu.ws--nowrap, prevObject: r.fn.init(1)]

This is the command I am using

$('ul.dropdown__menu:first').trigger('click');

What am I doing wrong?

I am trying to fire JS on my local computer with the help of tampermonkey which is a Google Chrome extension which allows you to inject JavaScript to any website on your local computer.

There is a website I'm trying to access which has the following block of code:

< div aria - haspopup = "true"
tabindex = "-1"
class = "dropdown form__text--select d--b" > 
< div class = "dropdown__selector dropdown__selector--select-tag dropdown__selector--select-tag--large" >
     < span > For Sale < /span></div > < div > 
     < ul class = "dropdown__menu dropdown__menu--top" >
          < li class = "dropdown__menu__item" > 
          < a class = "dropdown__link" > Not For Sale < /a>
          </li > 
          
          < li class = "dropdown__menu__item" >
               < a class = "dropdown__link" > For Sale < /a></li > < /ul></div > < /div>

I am trying click on the following li:

< li class = "dropdown__menu__item" >

What I'm trying to do is

$(".dropdown__menu__item li:first").trigger('click');

What am I doing wrong? I prefer an answer in vanilla JS.

Thank you for your help.

Thank you for your help. Your remarks help me a lot.

I am using a Google Chrome extension tamper monkey

to simulate links.

I am able to get the following html from the page I want to manipulate with the extension

<div><ul class="dropdown__menu"><li class="dropdown__menu__item"><a class="dropdown__link">Not For Sale</a></li><li class="dropdown__menu__item"><a class="dropdown__link">For Sale</a></li></ul></div>

I would like to click on the “not for sale” li (It seems there are no “id” tag)

How can I do this with JavaScript?

I’m not interested in scraping the page.

I’m interested to simulate clicks to allow me to add and remove products to the website with out filling in the information manually.

I’m also still relatively new to JS and trying to learn from this project. (I’ve been playing with JS for about a year).

I hope this clarifies and you will be able to assist me with my original question.

I’m trying to simulate mouse clicks with the help of the google chrome extension “Tampermonkey.”

I am working on the following webpage

https://poshmark.com/closet/nadiajoseph

I’m interested to get all the “href” tags of the page. The issue with this page is that it has lazy loading not all href tags are visible at the first glance therefore in order to bypass the issue I am doing a loop 45 times in order to scroll to bottom of the page. (I am assuming that 45 times is more then enough)

Once I get to the bottom of the page I want to get all of the “href” tags Since JavaScript is an event driven language the function which collects the “href” tags works before we got to the bottom of the page and we are able to see all the “href” tag.

For that reason, I am using a call back in my code however it still is not working correctly. In order to answer my question correctly I believe you will need to first look at link I sent. To understand how the page is built. This is my code

  var i; 
  var link;
 

  loop_for_scroll_down(get_all_href);


  function loop_for_scroll_down(callback){

for (i = 0; i < 45; i++) { 
    
    setTimeout(scroll_down,1000*i*0.5);                    

}
   
    callback(); 
    
  }

  function scroll_down(){  
   
    var scrollingElement = (document.scrollingElement || document.body);
    scrollingElement.scrollTop = scrollingElement.scrollHeight;
    

     }
    
    
    function get_all_href(){
        link = document.querySelectorAll( '[href*="#"]' );
        console.log(link[50].href);

    }

What am I doing wrong?

Ok, so it is 15 seconds however I’m still looking for a solution that would trigger every five seconds 10 times.

What you suggest won’t trigger every five seconds/

It will trigger the following

5000 * 0 = 0  // after zero seconds
5000 * 1 = 5000 // after five seconds
5000 * 2 = 10,000 //after 10 seconds
5000 * 3 = 15,000 //after 1.5 minutes

etc.

Thank you for your solution Sinnbeck That’s not exactly what I want I wanted to trigger the function 10 times every five seconds I’m assuming this has to do with asynchronous how can I solve this with sync await

I am working with a page that has lazy loading.

I am trying to simulate a JavaScript code that will scroll all the way to the bottom. You can find the sample page which I am making my trials on at the following link https://poshmark.com/closet/nadiajoseph

I have the following code

for (var i = 0; i < 10; i++) { 
    
       
    //let wait_time =randomIntFromInterval(5000,6500);
    setTimeout(scroll_down,5000);
  
}

    function scroll_down(){  
    
      
    var scrollingElement = (document.scrollingElement || document.body);
    scrollingElement.scrollTop = scrollingElement.scrollHeight;
    
    }

I am making the assumption that if I run my script 10 times so for sure will get the bottom of the page.

However it seems that my code is only running once even though it’s in a loop.

What am I doing wrong?

Hi impbob,

Thank you for the answer it works.

The trailing commas is Syntex mistake.

I am trying to combine 2 objects in 1 array in order to get a valid JSON however I am not receiving the right result.

This is my code:

var item_json_1 = {
  "sku": 34003029,
  "quantity": 1
}




var item_json_2 = {
"sku":2222,
"quantity": 3,
"name":"swimmer"

}


var item_json_all =[item_json_1,item_json_2];

console.log(item_json_all)

The result of I am trying to achieve is:

[
  {
    "sku": 34003029,
    "quantity": 1
  },
{
 "sku":2222,
"quantity": 3,
"name":"swimmer",

},
  

];

What am I doing wrong?

I am trying to create a dynamic sessionStorage name and store the name in a localStorage

Later in the code I am interested in getting the name of the dynamic sessionStorage from the

localStorage and and then access the dynamic sessionStorage name however I am receiving an error.

Here is my code which is broken up to two parts The first is “part 1 Create dynamic report” -which creates a dynamic report

The second “part 2 Import information to report” it finds the sessionStorage with the help of localStorage I am getting an error in the function save_action_status_to_json();

What am I doing wrong?

// ****** part 1 Create dynamic report ******

// /his simulates the dynamic name for the session storage
// in my code I have another function with I did not put in this example to keep things simple
c_reports = "10_10_19";
sessionStorage.setItem("latest_c_report", c_reports);

let sku = 100;
let quantity = "1";
let remark = "is king"
let status = "good";


let js_object_c_reports_info = ([{
    "sku": sku,
    "quantity": quantity,
    "remark": remark,
    "status": status
}]);



let json_object_c_reports_info = JSON.stringify(js_object_c_reports_info);
localStorage.setItem(c_reports, json_object_c_reports_info);

// ****** part 2 Import information to report ******

let sku = "31000094";
let quantity = "0";

var js_object_new_info = ({
    "sku": sku,
    "quantity": quantity
});

save_action_status_to_json(js_object_new_info);

function save_action_status_to_json(js_object_new_info) {
    let latest_c_report_location = sessionStorage.latest_c_report;
    let json_object_c_reports_info = localStorage.latest_c_report_location;
    js_object_c_reports_info = JSON.parse(json_object_c_reports_info);
    js_object_c_reports_info.push({
        js_object_new_info
    });

    json_object_c_reports_info = JSON.stringify(js_object_c_reports_info);

    localStorage.setItem(latest_c_report_location, json_object_c_reports_info);



}

It seems that the issue has to do that my console.log wasn’t working properly in google chrome nothing to do with my code. You can read how to fix it at the following link:

https://stackoverflow.com/questions/18760213/chrome-console-log-console-debug-are-not-working

I am trying to build a dynamic sessionStorage based on current time and date then I’m trying to import the information to a variable “latest_ddd_reports”

However I am receiving the following error

Uncaught SyntaxError: Unexpected token d in JSON at position 0 at JSON.parse () at :1:27

What am I doing wrong?

Here is my code

date_time = date_time(); 

var ddd_reports =   (`ddd_reports ${date_time}`);
sessionStorage.setItem("latest_ddd_report", ddd_reports);

function date_time(){
  
    
  var today = new Date();
  var date = today.getFullYear() + '_'+today.getDate()+'_'+(today.getMonth()+1);
  var time = today.getHours() + "_" + today.getMinutes(); 
  var dateTime = date+' '+time;
 
  return dateTime;
  }

  var latest_ddd_reports =  sessionStorage.latest_ddd_report;
  latest_ddd_reports = JSON.parse(latest_ddd_reports);
 
  console.log(latest_ddd_reports);

Thank you for clarifying now I understand

I have on if statements that if it is true it preformes on arrow function. However it doesn’t seem to work properly

Only when I remove the arrow function it seems to work.

This is the code that is not working:

did_we_find_item_to_remove ="no";
is_thier_pagination = "no";

if(did_we_find_item_to_remove != "yes" && is_thier_pagination != "yes")

() =>{
{
 

        console.log("We are in");

  
}
}

else{
    console.log("We are out");

}

This is the code that is working

did_we_find_item_to_remove ="no";
is_thier_pagination = "no";

if(did_we_find_item_to_remove != "yes" && is_thier_pagination != "yes")

{
{
 

        console.log("We are in");

  
}
}

else{
    console.log("We are out");

}

What is wrong with my first syntax.

Thank you for your help

In my original post is the word “this” please ignore it got there by mistake

I have the following chunk of code

let temp_link = pagin[the_array_that_is_the_next_pagin].href;
            
             sessionStorage.setItem("temp_link",temp_link);
             window.location.href = temp_link;
             window.location.href = sessionStorage.temp_link;
            this window.location.href = pagin[the_array_that_is_the_next_pagin].href;

The code has three redirects only the one that uses

window.location.href = sessionStorage.temp_link;

Is the one that works I can’t understand why as the sessionStorage is using temp_link is that the same as window.location.href = temp_link; ?

Thank you for your help.

That works as charm. I built on if case that checks if polys[4].dataset.next

Has on empty value.

if (polys[4].dataset.next== ""){ alert(found the set);

} else alert(did not find the set);

Thank you for your help.

Hi, I am using the following

var polys = document.getElementById('pagination').querySelectorAll('a');

To create an array with all "a" selector inside the 'pagination' div.

In one of the polys there is the following:

a href="…"" target="_blank" rel="noreferrer noopener">https://wwwaaaaa.com/closet/ccccccu/removed/…" data-next="" data-route="" data-pagination=""></a

How can I find if the id "data-next" exist in one of polys?

I tried the following; polys[3].id; However it dose not work.

Thank you for your help.

I tried both of your suggestions.

However I am still receiving the same error.

Attached is a screenshot of the error I am receiving.

Any other ideas how to deal with the space?

You can find the screenshot at the following link:

https://drive.google.com/file/d/1ONfKGUSSB4lBjZqgGUZkaw-YBlg52G7a/view?usp=sharing

I am trying to run a cmd command with a bat file.

I am using winscp.com to upload a file via FTP.

However I get an error that "the system cannot find the file specified."

I am assuming the issue has to do that I have spaces in the path of the file I am trying to upload.

This is my code

winscp.com /command "open sftp://cano:[email protected]:2222/" "put "C:\Users\e\Google Drive\upload\desy\daily_json.json""

what am I doing wrong?

Thank you for your help

Hi bobbybouwmann, Thank you for the link however can you show me how this can be done with my example?

I am struggling to get JSOP to work properly.

Lest say I have the following script on third-party site.

[ { Name: "Debi", City: "NY" }, { Name: "David", City: "LA" }

]

And I want to fetch the script from the site and input the Jsonp in to an object called "info". On my current html page. How can this be done with plane JS?

It is from my site. I use Volusion with is a competitor for Shopify for our E-commerce. I am using the Google chrome extension "Tampermonkey" which allows me to manipulate Java script on my local computer for other websites. The idea is to make a request to a page on my Volusion FTP and get a JSON with information to manipulate. There are two solutions I can think about: 1)I can control the file that gose on Volusion and put a tag letting the browser know that this page is allowed for " CORS domain " Access-Control-Allow-Origin"

However I'm not sure what tag to put on the page. if there's such a tag please let me know.

2)Put the information on my FTP in a different file format maybe a JS file with variables. If I do store variables on my ftp and access them from a different domain, Would I have any issues?

If there is an another creative solution to solve this problem please let me know.

Thank you again for your help

Thank slev1n you that works.

When I tried to use the following

console.log('hi'); in Google Chrome console i get "undefined"

When I try the exact same thing the developer tools of Firefox it seems to work properly.

I tired on a different computer that's running Google Chrome everything seems to work properly. How do I fix this issue on my computer?

Mike.f, unfortunately I do not have access. Is their a way from the page level to define this particular page can share information with other domains?

Made maybe by adding a HTML tag.

Hi Munazzil,

The solution you suggested is PHP on this project I can only work with JS.