Text underline hover effect

Ask the community
,
10

Hi Mustafa, i got the same Problem like MyFBAJourney but i cannot solve the problem somehow. Actually i just have 1 textbox where i want to apply this but it is still not working.

$w.onReady(function () {
removeUnderline();
});

function removeUnderline() {
let text1 = $w("#text1").html;
$w("#text1").html = text1.replace("underline","none");
}

function addUnderline(text) { // it takes the hovered text and apply the effect
let oldHtmlStr = text.html;
let newHtmlStr = oldHtmlStr.replace(/none/i, 'underline');
text.html = newHtmlStr;
}

export function text1_mouseIn(event, $w) {
let text = $w("#text1");
addUnderline(text);
}

export function text1_mouseOut(event, $w) {
removeUnderline();
}

777×448 26.9 KB

do you might have a suggestion for me? I already implemented every function via properties-panel so this should´nt be the problem.

Appreciate it!
Marian