Dear :
This code work with $w('#text').html only
but i need it to work with $w('#button') ?
but no html for button how can i do it
thanks for your help
let oldHtmlStr = $w('#text18').html;
let newHtmlStr = $w('#text18').html = "<p style='color:#F43F63;font-size:3px'> Your Text in text18 </p>"
console.log(newHtmlStr);
$w('#text18').html = newHtmlStr;
My Code
let itemws = ["button1","button2","button3","button4","button5","button6","button7","button8","button9","button10","button11","button12","button13"
,"button14","button15","button16","button17","button18","button19","button20","button21","button22","button23","button24","button25"
,"button26","button27","button28","button29","button30","button31","button32","button33","button34","button35","button36","button37"
,"button38","button39","button40","button41","button42","button43","button44","button45","button46","button47","button48","button49"
,"button50","button51","button52","button53","button54","button55","button56","button57","button58","button59"
,"button60","button61","button62","button63"];
itemws.map((itemrs)=>{
$w(`#${itemrs}`).onMouseIn(()=>{
let buttonn = itemrs.valueOf();
let buttw = $w(`#${itemrs}`).id.slice(6,9);
let buttClick2 = ('#'+buttonn);
fc = 'f'+buttw;
if ($w(`${buttClick2}`).style.backgroundColor === '#ff0000') {
// red
// i need to change the button backgroundColor on hover here
console.log("red");
}
else if
($w(`${buttClick2}`).style.backgroundColor === "#0000ff"){
// blue
// i need to change the button backgroundColor on hover here
console.log("blue");
}
else if ($w(`${buttClick2}`).style.backgroundColor === "#ffd700"){
//gold
// i need to change the button backgroundColor on hover here
console.log("gold");
}
else{
$w(`${buttClick2}`).style.backgroundColor = '#FFFFFF';
console.log("no");
}}
);
});
});
Br
Hello Massa
The box work perfect
but i have to change 1743 buttons ): to box
thanks for your help
BR
Hello Massa
Can i copy button hover background from another buttons
(win i click button 1 it copy the hover background from button 2) <<< is this possible
Ammar
Hello Ammar
you can't change the hover background, i would suggest using two buttons (show the one withe color you want and hide the other). or try using a box with it.
Massa