Simulating clicks of the mouse on a Shopify website - shopify

I'm not a coder FYI.
What I'm trying to do is simulating clicks of the mouse on a Shopify website but within code.
So, as an example, you have a Shopify webpage with two drop down boxes and two buttons. I go to that page and click on those items and select whatever I select.
I want to be able to replicate those clicks within code so that the click of one button will replicate the same effect.
I hope that makes sense?
Is this possible?

Related

Using puppeteer to automate button clicks for every button at every URL in a web app

I am currently trying to use JS and puppeteer to take a screenshot of every url in my web app, as well as take a screenshot of every button that can be clicked. Is there a way to click each button without specifying the id? Not all of my buttons have an id and even if they did, I wouldn't want to have x number of page.click(id, options) for each button I have (which is quite a lot).
Thanks
I have tried going based off each className (this app is built using react) but this does not work. It will take a screenshot of the same buttons over and over. I believe because if page.click has multiple of the same options, it only chooses the first one and many buttons have the same styling classNames.
You could get an array of each element on a page, go through the elements with a for loop determine if it is a button, then click it. Then for each page you'd have to input each url in an array and then use a for loop to go through it.

How do I implement this type of dynamic UI in a Razor view?

I will start by saying that I am an absolute newbie to web development and to MVC as well.
I want to implement a view for a Subscriber page (part of an MVC4 application dealing with Email marketing). What I want to implement is:
1) When the user clicks the "+ Add a List" button, a new Category should appear on the left and the cursor should blink, meaning it should be ready to receive the name for the category from the user. I also want that whenever the user hovers over any category name on the left, a small bar containing two buttons (edit and delete) should appear which should let the user edit the category name or delete that category. The thing I want is that all of these must happen without reloading the page.
2) When the user clicks the "+ Add Contact" button, a pop up dialog box containing two tabs should appear which lets the user either manually enter the details or upload a CSV to capture the details. Whenever the user clicks the "Add Contact" button or "Upload and Add Contacts" in the pop up dialog box, I want the new contacts to display in the contact list region shown in the picture (once again, without reloading the page). I also want the same hover bar for the contacts too (same as categories).
I am confused as to how to implement this in a Razor view? What do I use - JavaScript/jQuery/AJAX?
I am pretty much lost. Can someone please guide me a little bit so that I can continue and finish my first MVC4 project?
You need some javascript libraries like jQuery UI or maybe Kendo UI, I'd recommend to use jQuery UI at this time. they have many widgets but look at these. and keep in mind that a cshtml view can be look upon like a html page, you can have all tags, css and javascript you want there:
http://jqueryui.com/dialog/
http://jqueryui.com/tabs/
http://jqueryui.com/

Click Google+1 Button using vb.net

Google+1 has such a complex code that it changes on mouse over as the option appears to select the circle in which we need to have.
Can you tell me how can i add a google plus one page to circle using vb.net?
The Google+ Badge is the only way to add a page to a circle without visiting plus.google.com and it requires direct action from a user.

How to get Multiple Inputs

I was thinking of implementing picture uploading to my web application.
Now there are few Uncertainties.It would be great if some one makes them clear.
How do you allow user to upload multiple data for
Example. I have a model for car and I want user to add as many pictures with comments. Usually on websites there is button that says "Add another picture". If user clicks that button or link a text field and a Browse button appears and user can add as many pictures as he wants.
You need to go through this wiki -
http://www.yiiframework.com/wiki/176/uploading-multiple-images-with-cmultifileupload/

In Sencha-touch, how can I make a form popup when a user clicks on an item in a list?

In Sencha-touch, how can I make a form popup when a user clicks on an item in a list?
I would attach a listener to the 'itemtap' or 'itemdoubletap' events within your Ext.List instance which triggers the display of your form. That's off the top of my head as I haven't touched (rimshot) Sencha Touch since before it came out of beta.
http://dev.sencha.com/deploy/touch/docs/?class=Ext.List
You might want to explore disclosures, which place an arrow on the list item for the user to click, or as Wilhelm says, attach to a regular tap or selection event.
For 'modal' popups, simply create a panel with floating:true. See the docs at http://dev.sencha.com/deploy/touch/docs/?class=Ext.Panel and the examples in the User Interface / Overlays section of http://dev.sencha.com/deploy/touch/examples/kitchensink/
for this i will guide you please go through link which i have give will help You alot
http://www.mysamplecode.com/2012/07/sencha-touch-floating-panel-example.html