Eclipse Content Assist feature appears to be malfunctioning as it fails to display

Having an issue with Eclipse on Win 10 (64bit) when working with JavaScript projects. I've tested this problem on both Eclipse Photon and version 2018-09 (64 bit versions) and encountered the same problem on both instances:

After creating a new JavaScript project and script within Eclipse, I noticed that when trying to code and use functions like document.getElementById, the auto suggestions feature (Ctrl+Space) is not providing any suggestions. Even when trying to access properties like style, the suggestions window showed "No Default Proposals" or "MISSING".

Similarly, coding HTML and CSS within the script tags resulted in the same issue with the suggestions window being empty or not opening at all in some cases. Even basic tags like <style> were not being suggested.

It seems that Eclipse can be trained to provide suggestions within the same file, as evidenced by the inputField.style example. However, this functionality does not extend to accessing the same properties in different scripts.

I have not made any changes to the default settings in Eclipse, including the Content Assist options for JavaScript, HTML, and CSS editors. Despite trying different configurations, the issue persists.

It's worth noting that this problem is isolated to JavaScript projects, as I have not encountered similar issues while working on a Java project using Eclipse Mars.2.

Any suggestions or insights on how to resolve this problem without resorting to installing additional plugins would be greatly appreciated.

Edit: Further testing revealed that this issue is specific to Eclipse Photon and 2018-09 versions, as it works fine on Eclipse Mars.2 (PHP). However, I would prefer to find a solution for the newer versions rather than reverting to an older release.

javascriptcsshtmleclipsecontent-assist

Answer №1

In the realm of web development, the ability to access a document exists solely within a web browser, where the function getElementById can be utilized. Presently, Eclipse provides only basic support for JavaScript.

For instance, the Tern Eclipse IDE offers the functionality you may be seeking:

  1. Right-click on the project and select Configure > Convert to Tern Project...
  2. Choose the Browser module

The Tern Eclipse IDE boasts compatibility with various JavaScript frameworks. For instance, by opting for the jQuery module, you can input $. and press Ctrl+Space to access jQuery-specific functions.

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

I encountered an issue while attempting to link my project to a database. An error popped up stating that the name 'textbox' does not exist in the current context

I encountered an error when trying to connect my project to a live database. The error message stated: the name ‘textbox’ does not exist in the current context. How can I resolve this issue? Below is the aspx.cs code that I used for the connection, wh ...

htmlcsswebforms

The CSS overlay effect refuses to shut down

Greetings everyone, I'm new around here so please bear with me. I am encountering an issue wherein the overlay only works in one direction - it appears when the button is clicked, but nothing happens when attempting to close it. I have tried adjustin ...

jqueryhtmlcssscrolloverlay

Use React to insert a leading zero next to a number in the input field if the number is greater than 10

I have scoured the web and consulted resources like this one but haven't found a solution that addresses my specific issue with adding padding to input numbers. My goal is to automatically add a leading zero whenever the number inside an input field i ...

javascripthtmlreactjs

Transferring JavaScript to a different page using EJS

Feeling a little stuck here and could use some assistance. It seems like a simple issue, but I'm tired and could really use a fresh pair of eyes to take a look. I'm trying to pass the 'username' variable, but since I'm new to this ...

javascripthtmlnode.jsobjectejs

Unnecessary Page Diversion

Within my index.php file, I have a download button with the id of "render". Using AJAX, I am sending a request to the server. The JavaScript code being utilized is as follows: $('#render').click(function(e){ $('html,body').animat ...

javascriptphpjqueryajax

What is the best way to access and verify data from an array that has been passed through props

I am working with a component that takes an array as a prop <Component runners={['1','2']}/> Inside this functional component, my goal is to generate an element for each value in the array. Here's my logic: const { runners ...

javascriptarraysreactjsobject

Expand the width of the image to fill the entire screen

I have been working on trying to insert an image into my header element. However, when I test it using Live Server, the image doesn't fully fill the width of the container. Update: The dimensions of the image are 899.875 x 600. Below is my CSS and H ...

htmlcssimagecontainers

Creating and launching multiple tabs in node.js (cloud9 IDE): A step-by-step guide

I am currently working on a choice provider. This program will take a (choice) program with a variable number of choices. For example: Let's say we want to make a coffee with two choices - 1. <light, dark> ...

htmlnode.jstabssocket.iocloud9-ide

The jQuery ellipsis extension is incompatible with the "max-height" property

Is it possible to use this plugin with the "max-height" css property? Currently, it only works with a specific height defined but not with max-height. Is there a way to make it compatible with max-height as well? (function($) { $.fn.ellipsis = f ...

jquerypluginsellipsiscss

Steps to hide a div with jQuery when a user clicks outside of a link or the div itself:1. Create a click event

Here's a simple question - I have a link that when clicked, displays a div. If the user clicks away from the link, the div is hidden, which is good. However, I don't want the div to be hidden if the user clicks on it. I only want the div to disap ...

javascriptjquery

Encounter a problem while installing node modules

I am facing an issue with my test directory which contains a package.json file: { "name": "test", "version": "0.0.1", "dependencies": { "hem": "~0.1.6", } } Upon trying to run node install, I encounter the following error: module.js:337 ...

javascriptnode.jsnpm

The video on Videojs fails to show up on the screen

Currently utilizing the most recent version of videojs. Referencing this example http://jsfiddle.net/swinginsam/NWbUG/#share Access source code Having trouble identifying the issue. <!DOCTYPE html> <html> <head> <title>Video.j ...

javascriptjqueryvideo.js

What is the process to subscribe and obtain data from a server-to-user channel using pusher-js?

I am currently hosting my application using next.js on Vercel. I want to integrate Pusher to provide real-time messages to users in a private and secure manner. Despite successful log entries, I am facing challenges in subscribing to the channel and retrie ...

javascriptnext.jsvercelpusherpusher-js

What is the most effective method for handling extremely large Long numbers in Ajax?

When it comes to Javascript, all numbers are represented as double-precision floating-point. This can result in a loss of precision when handling numbers that exceed the 64 bit Java Long datatype limit of 17 digits. For instance, a number like: 7143412520 ...

javascriptajaxlargenumber

The PHP function is returning an undefined value in JavaScript

I feel like there must be a simple solution to this problem that I just can't seem to find. Everything related to PHP search functions and queries is functioning properly, except for the fact that the data isn't displaying correctly in the text a ...

javascriptajax

Activate Bootstrap 5 dropdown exclusively when positioned above its parent element

I am facing an issue with a Bootstrap 5 dropdown menu placed within a div. When I click the icon, the dropdown appears but only those options that overlap the parent div can be hovered/clicked. In the provided screenshot, the 'Action' option fun ...

javascriptbootstrap-5

Moving Configuration Files in NextJS

When working on a typical Next.js project, I often end up with several root-level configuration files: tsconfig.json next.config.js next-seo-config.ts .eslintrc etc... I am looking to tidy up my root directory by moving these files into their own separat ...

javascriptnode.jsreactjsnext.jspackage.json

What steps do I need to take in order to develop a cross-platform icon using React Native

Currently in the process of creating a signup form, I am looking to incorporate icons that will display differently based on the platform being used. For example, when utilizing Ionicons, I would like the icon to appear as ios-person on iOS devices and m ...

javascriptreactjsreact-nativereact-native-ios

Determining the number of words in every line within a textarea

I am looking to determine the number of words per line in a textarea. The width of the textarea is variable. Check out this code snippet that calculates the number of rows: http://jsfiddle.net/2tcygj9e/ ...

javascriptjquery

Encountering issues when trying to upload a video to a Facebook page using the Graph

Trying to publish a video to a specific Facebook page using the guidelines provided by Facebook's documentation at this link, but encountering persistent errors. Below is the code snippet: try { let mediaPostParams = new URLSearchParams() ...

javascriptnode.jsfacebookexpressfacebook-graph-api