I'm looking to incorporate a hover effect on a hyperlink within JEditorPane utilizing Swing in Java. How can I achieve this

Question

I'm looking to incorporate a hover effect on a hyperlink within JEditorPane utilizing Swing in Java. How can I achieve this

After successfully implementing the hyperlink in jEditorPane through this link, I now aim to incorporate a hover effect to the hyperlink.

I attempted to apply CSS using the following code:

MyHTMLEditorKit kit = new MyHTMLEditorKit();
setEditorKitForContentType("text/html", kit);        
addHyperlinkListener(createHyperlinkListener());
StyleSheet css= kit.getStyleSheet();
css.addRule("a { color: red;}");

Despite my efforts, the CSS rules like a:hover{color:red;} did not yield the desired results. I also experimented with attributes like

onmouseover="this.style.color='red'"

, but to no avail.

How can I effectively implement the onhover effect for hyperlinks in jEditorPane?

java html css swing hyperlink

Answer 1

Answer №1

My approach to this code seems a bit convoluted. I'm looking for a cleaner solution from others.

import java.awt.*;
import java.util.*;
import javax.swing.*;
import javax.swing.event.*;
import javax.swing.text.*;
import javax.swing.text.html.*;

public class HoverEffectSolution {
  private static final String SO = "http://stackoverflow.com/";
  private final String s = "<a href='%s' color='%s'>%s</a><br>";
  private final String s1 = String.format(s + "aaaaaaaaaaaaaa<br>", SO, "blue", SO);
  private final String s2 = String.format(s + "cccc", SO, "#0000FF", "bbbbbbbbbbb");
  private final JEditorPane editor = new JEditorPane(
    "text/html", "<html>" + s1 + s2);
  private JComponent createUI() {
    editor.setEditable(false);
    //@see: BasicEditorPaneUI#propertyChange(PropertyChangeEvent evt) {
    //      if ("foreground".equals(name)) {
    editor.putClientProperty(JEditorPane.HONOR_DISPLAY_PROPERTIES, Boolean.TRUE);
    editor.addHyperlinkListener(new HyperlinkListener() {
      @Override public void hyperlinkUpdate(HyperlinkEvent e) {
        if (e.getEventType() == HyperlinkEvent.EventType.ENTERED) {
          setElementColor(e.getSourceElement(), "red");
        } else if (e.getEventType() == HyperlinkEvent.EventType.EXITED) {
          setElementColor(e.getSourceElement(), "blue");
        } else if (e.getEventType() == HyperlinkEvent.EventType.ACTIVATED) {
          Toolkit.getDefaultToolkit().beep();
        }
        //I don't understand why this is necessary...
        //??? call BasicTextUI#modelChanged() ???
        editor.setForeground(Color.WHITE);
        editor.setForeground(Color.BLACK);
      }
    });
    return new JScrollPane(editor);
  }
  private void setElementColor(Element element, String color) {
    AttributeSet attrs = element.getAttributes();
    Object o = attrs.getAttribute(HTML.Tag.A);
    if (o instanceof MutableAttributeSet) {
      MutableAttributeSet a = (MutableAttributeSet) o;
      a.addAttribute(HTML.Attribute.COLOR, color);
    }
  }
  public static void main(String... args) {
    EventQueue.invokeLater(new Runnable() {
      @Override public void run() {
        displayGUI();
      }
    });
  }
  public static void displayGUI() {
    JFrame f = new JFrame();
    f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    f.getContentPane().add(new HoverEffectSolution().createUI());
    f.setSize(320, 240);
    f.setLocationRelativeTo(null);
    f.setVisible(true);
  }
}

Answer 2

My approach to this code seems a bit convoluted. I'm looking for a cleaner solution from others.

import java.awt.*;
import java.util.*;
import javax.swing.*;
import javax.swing.event.*;
import javax.swing.text.*;
import javax.swing.text.html.*;

public class HoverEffectSolution {
  private static final String SO = "http://stackoverflow.com/";
  private final String s = "<a href='%s' color='%s'>%s</a><br>";
  private final String s1 = String.format(s + "aaaaaaaaaaaaaa<br>", SO, "blue", SO);
  private final String s2 = String.format(s + "cccc", SO, "#0000FF", "bbbbbbbbbbb");
  private final JEditorPane editor = new JEditorPane(
    "text/html", "<html>" + s1 + s2);
  private JComponent createUI() {
    editor.setEditable(false);
    //@see: BasicEditorPaneUI#propertyChange(PropertyChangeEvent evt) {
    //      if ("foreground".equals(name)) {
    editor.putClientProperty(JEditorPane.HONOR_DISPLAY_PROPERTIES, Boolean.TRUE);
    editor.addHyperlinkListener(new HyperlinkListener() {
      @Override public void hyperlinkUpdate(HyperlinkEvent e) {
        if (e.getEventType() == HyperlinkEvent.EventType.ENTERED) {
          setElementColor(e.getSourceElement(), "red");
        } else if (e.getEventType() == HyperlinkEvent.EventType.EXITED) {
          setElementColor(e.getSourceElement(), "blue");
        } else if (e.getEventType() == HyperlinkEvent.EventType.ACTIVATED) {
          Toolkit.getDefaultToolkit().beep();
        }
        //I don't understand why this is necessary...
        //??? call BasicTextUI#modelChanged() ???
        editor.setForeground(Color.WHITE);
        editor.setForeground(Color.BLACK);
      }
    });
    return new JScrollPane(editor);
  }
  private void setElementColor(Element element, String color) {
    AttributeSet attrs = element.getAttributes();
    Object o = attrs.getAttribute(HTML.Tag.A);
    if (o instanceof MutableAttributeSet) {
      MutableAttributeSet a = (MutableAttributeSet) o;
      a.addAttribute(HTML.Attribute.COLOR, color);
    }
  }
  public static void main(String... args) {
    EventQueue.invokeLater(new Runnable() {
      @Override public void run() {
        displayGUI();
      }
    });
  }
  public static void displayGUI() {
    JFrame f = new JFrame();
    f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    f.getContentPane().add(new HoverEffectSolution().createUI());
    f.setSize(320, 240);
    f.setLocationRelativeTo(null);
    f.setVisible(true);
  }
}

Answer 3

Answer №2

Check out this code snippet:

HTMLEditorKit editor = new HTMLEditorKit();
StyleSheet styleSheet = editor.getStyleSheet();
styleSheet.addRule("a:hover{color:blue;}");
Document document = editor.createDefaultDocument();
String htmlContent = "<a href='google.com'>Visit Google!</a>";
// set up your JEditorPane
jEditorPane.setDocument(document);
jEditorPane.setText(htmlContent);

Answer 4

Check out this code snippet:

HTMLEditorKit editor = new HTMLEditorKit();
StyleSheet styleSheet = editor.getStyleSheet();
styleSheet.addRule("a:hover{color:blue;}");
Document document = editor.createDefaultDocument();
String htmlContent = "<a href='google.com'>Visit Google!</a>";
// set up your JEditorPane
jEditorPane.setDocument(document);
jEditorPane.setText(htmlContent);

I'm looking to incorporate a hover effect on a hyperlink within JEditorPane utilizing Swing in Java. How can I achieve this

Answer №1

Answer №2

Similar questions

Utilizing PHP to Assign Attributes to Form Elements

The page refreshes when the anchor element is clicked

CSS Grid ensures uniformity in the spacing between columns

Bidirectional binding of attributes in an Angular directive

Deactivate the selection option in Syncfusion NumericTextbox

The styling of the first column in this row will be different from the rest

Changing knockoutJS foreach binding dynamically

Is it not possible to use a hyperlink and the general sibling combinator simultaneously?

What is the best way to display a default image when a specific image file cannot be located?

Ways to transfer a value from a Thymeleaf template to an Ajax request

Customizing Material UI: Adjusting the visibility of slider thumb upon user interaction and value changes in the slider

Transform collapsible color upon materialize click

How come the background image gets replaced by an extensive amount of text?

Popup text alert remains persistent in SeleniumPlus test on Internet Explorer

How can I extract the value of an integer variable from the TextEdit response in MainActivity to utilize it in another class?

I am eager to demonstrate the utilization of AngularJS in displaying hierarchical table rows

What causes threads to be awakened by Object.notifyAll but fail to acquire the lock they need?

Discover the best ways to repurpose an HTML page with varying jQuery/PHP code

Problem with redirecting when using HTTPS

transforming the elements within a div into a visual representation