The Solution for Clicking on a Div Link That Isn't Working in vb.net

I enjoy clicking on links that are within a div tag. Below is the HTML code for reference:

<div class="m7"><div class="mB k7"></div><div class="mB l7"></div></div><span style="-moz-user-select: none;" role="button" class="d-s aj mqa" tabindex="0"><div class="yl kH"></div><div class="dv">Link</div></span>

In my vb.net Application, I implemented the following code:

webControl1.ExecuteJavascript("document.getElementsByClassName('dv')[0].click();")

However, the link does not respond and the expected popup does not appear. Interestingly, when running this code in the Firefox developer console, it functions correctly. This suggests that there may be an issue with Awesomium rather than the getElementsByClassName selection.

If anyone can offer assistance, it would be greatly appreciated.

Thank you

Cheers

javascript.netvb.netclickawesomium

Answer №1

In order to enable a click method on the div element, we need to add it manually. Below is a JavaScript code snippet that adds a click method:

function AddClickMethod(element, event) {
   var e = document.createEvent('HTMLEvents'); 
   e.initEvent(event, true, false); 
   element.dispatchEvent(e); 
}

To utilize this in Visual Basic.NET:

You can simply invoke the JavaScript function with parameters 

document.getElementsByClassName('dv')[0]
and click

webControl1.ExecuteJavascript("function AddClickMethod(element, event) {var e = document.createEvent('HTMLEvents'); e.initEvent(event, true, false); element.dispatchEvent(e); } AddClickMethod(document.getElementsByClassName('dv')[0], 'click');")

Answer №2

Unfortunately, using Awesomium is not feasible as it is considered outdated and no longer supported, leading to potential issues.

To address this issue, the recommended options are switching to either cefSharp (based on Chrome browser) or GeckoFX-45 (based on Firefox), both of which are free alternatives. Another option is DotNetBrowser which is a more advanced version of Awesomium, but comes at a hefty price tag of over $1000 per license.

Answer №3

You could also experiment with the invokemember method...

 getElementsByClassName("dv")(0).InvokeMember("click")

Make use of my personalized function library...

''' <summary>
''' Retrieves a collection of all elements in the document that have the specified class name, stored as a NodeList object.
''' </summary>
''' <param name="className">specified class name</param>
Function getElementsByClassName(ByVal className) As HtmlElement()
    Dim collection As New List(Of HtmlElement)
    For Each element As HtmlElement In WebBrowser1.Document.All
        If element.GetAttribute("className").Equals(className) Then
            collection.Add(element)
        End If
    Next
    Return collection.ToArray
End Function

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Verify the presence of an email in MongoDB in real-time as it is being

This particular project utilizes js, mongoose, and node.js. If an email that is already in use is attempted during registration to create an account, the page will reload, all fields will be cleared, and a pop-up message using AJAX will notify the user tha ...

javascriptnode.jsmongodbmongoose

Leverage the power of JavaScript to bring in a JSON file

Currently, I am working on building a website and utilizing a json file to store the necessary data for one of the pages. However, I am encountering difficulties when attempting to successfully import the data. My coding platform is repl.it. My attempts s ...

javascripthtmljson

Stop capturing mouse and keyboard events within a specific div element on all web browsers

I manage a website with forms that have jquery autosave features and are updated using ajax. These forms include various types of input elements such as textboxes, jQuery UI datepickers, and time pickers... <div id="content"> <form id="line1"&g ...

javascriptjqueryhtml

Possible rephrased version: "Encountering a Jquery clash

It appears that the issue causing my problem may be a Jquery conflict. Please correct me if I am wrong after reviewing the information below. I am new to Jquery and attempting to add a dropdown plugin to a website. The attempt is successful, but an existi ...

javascriptjquery

"Encountered a null reference error during the inflation process of a textview

I'm trying to enhance the UI of a Xamarin Android app by adding a textview as a header to a listview. I followed the guidance provided in ericosg's response on this Stack Overflow thread and placed the textview in a separate axml file. However, w ...

c#android.netxamarin

Issue encountered in React: Unable to access object value within ComponentDidUpdate method

I'm struggling to retrieve the value from an object key. componentDidUpdate(prevProps) { if (prevProps !== this.props) { console.log("component did update in top menu", this.props.topmenudata[0]) this.setState({ ...

javascriptreactjs

Ways to retrieve object in Javascript

I retrieved this data object from a JSON file source. { "Apple": "Red", "Orange": "Orange", "Guava": "Green", } Afterward, I transformed it into an Object using: var data = JSON.parse(dataFromJson); which resulted in a JavaScript object ...

javascriptjqueryjson

Tips for preventing a function from being triggered twice during a state change

I'm currently working with a react component that looks like this: const [filter, setFilter] = useState(valueFromProps); const [value, setValue] = useState(valueFromProps); const initialRender = useRef(true); useEffect(() => { if (initialRender. ...

javascriptnode.jsreactjs

Tips on keeping a floating sidebar afloat as ajax content loads

I'm quite the beginner in JavaScript, so here's my question. I have a floating sidebar that stops floating when it reaches the footer. Here is the JavaScript code: $(window).load(function(){ $(function() { var top = $('#sidebar ...

javascriptjqueryajaxsidebarsticky

Update the form action URL when a specific option is selected from the dropdown menu upon clicking the submit

I would like my form to redirect to a specific page on my website based on the selection made in the <select> tag. For instance, if '2checkout' is selected, it should go to gateways/2checkout/2checkout.php. Similarly, if 'Payza' i ...

javascriptphpjqueryhtmlforms

Refining an array data table within a nested component

Transitioning my old PHP/jquery single-page applications to VueJS/Webpack has been a journey I'm undertaking to familiarize myself with the latter technology. It involves converting a simple table that pulls data from a JSON API and incorporates filte ...

javascriptjqueryvue.jsvue-component

The style properties of Material UI ButtonGroup are not being properly applied

https://i.sstatic.net/apxUH.gif Within a Grid container, I have a Product image with associated buttons. The visibility of these buttons is determined by specific state variables. If the product quantity is 0, an "ADD TO CART" button is displayed; otherwi ...

javascriptreactjsmaterial-uicss-gridbuttongroup

The most effective method for initializing the "db" variable in NodeJS using MongoDB

I've been diving into the world of NodeJS / Express / MongoDB and have come across various tutorials on the subject. One tutorial that caught my eye was by Christopher Buecheler, in which steps 5 and 6 were particularly interesting: Step 5 in app.js ...

javascriptnode.jsmongodbexpress

Is it possible to conditionally call the Apollo Client in my Vue template script?

I have a scenario where I pass a query to the apollo client in my template file using a script tag. However, I want to find a more efficient way to handle this without having to specify the query every time. My idea is to pass a boolean value through a pro ...

javascriptvue.jsapollo-client

When splitting a string containing multiple integer values using the delimiter ".", the function in Javascript may return inaccurate results

I need help splitting a JavaScript string using the delimiter "." and extracting an exact integer value. <script> var text = "6.100"; var splitText = text.split("."); console.log(splitText[1]); // I want 100 as the output. </script> ...

javascriptjquery

Guide on uploading a file to Amazon Glacier with Node.js

While browsing through the Amazon AWS documentation, I stumbled upon this helpful example. var glacier = new AWS.Glacier(), vaultName = 'YOUR_VAULT_NAME', buffer = new Buffer(2.5 * 1024 * 1024); // 2.5MB buffer var params = {vaultName: ...

javascriptnode.jsamazon-web-servicesamazon-glacier

Utilizing DomQuery in TinyMCE for element retrieval

I'm currently working with TinyMCE to develop a WYSIWYG editor, however, I've encountered an issue that has me feeling stuck. My goal is to establish a system where users can create specific documents, each divided into sections as wrappers. Wit ...

javascripthtmltinymce

What is the method for retrieving a value from my Node.js module once it has been modified by an asynchronous function?

Apologies, but as a beginner developer, I'm struggling to see how this relates directly to the questions already mentioned. I have no understanding of ajax and I'm unsure how to adapt the solutions provided to my own situation. Currently, I&apos ...

javascriptnode.jsasynchronousreturn

When utilizing react-scripts test, a mock promise resolves to undefined, yet functions properly when executing Jest independently

I'm currently working on creating a basic mock function that will return a promise resolving to a specific value. const mockPromise = jest.fn().mockResolvedValue('example'); test('verifying the resolution of the mock promise', asy ...

javascriptreactjsjestjscreate-react-app

In JavaScript, numbers cannot begin with a zero

var number = 05000; var addNumber = 1; When I try to add number + addNumber, the result seems to be incorrect. var total = number + addNumber; // the result is 20481 Refer to the image below for the quick watch result: https://i.sstatic.net/Hwz84.png ...

javascriptangularjscalculator