Hello,
I have a repeater connected to a dataset containing 6 containers, each has a text element connected to a dynamic item page. My objective is to change the color of the text element when my mouse is hovering on it. I am able to change the color of the text with the hovering but the text element becomes a normal text element and I lose the hyperlink. Here is my code.
let language = wixWindow.multilingual.currentLanguage;
$w.onReady(function () {
// Check if the repeater is ready
$w("#propertiesRepeater").onItemReady( ($item, itemData, index) => {
console.log("The repeater is ready");
hover_color_changed();
} );
});
function hover_color_changed(){
$w("#txtPropertyName").onMouseIn( (event) => {
let $item = $w.at(event.context);
$item("#txtPropertyName").html = `<h5 style = "color:#008AFC"> ${$item("#txtPropertyName").text}</h5>`;
} );
$w("#txtPropertyName").onMouseOut( (event) => {
let $item = $w.at(event.context);
console.log($item);
$item("#txtPropertyName").html = `<h5 style = "color:#646464"> ${$item("#txtPropertyName").text}</h5>`;
});
}
What can I try next to converse the hyperlink of the item of the dataset from the text element?
Thank you!