nord vpnnord vpn
Ad

New Line

mail@pastecode.io avatar
unknown
javascript
a year ago
2.4 kB
3
Indexable
Never
$w.onReady(function () {

    //DEFINE ACTIVE AND INACTIVE BUTTON COLORS 🤩
    const blackColor = "#000000";
    const textColorActive = "#FFFFFF";

    const whiteColor = "#FFFFFF";
    const textColorInactive = "#000000";

    //ONCLICK FUNCTIONS FOR EACH BUTTONS. CHANGE STATE ✨
    $w('#firstButton').onClick(() => {
        $w('#stateElementId').changeState("firstState");
    });

    $w('#secondButton').onClick(() => {
        $w('#stateElementId').changeState("secondState");
    });

    $w('#thirdButton').onClick(() => {
        $w('#stateElementId').changeState("thirdState");
    });

    $w('#fourthButton').onClick(() => {
        $w('#stateElementId').changeState("fourthState");
    });

    //CHANGE BUTTON COLORS IF THEY ARE ACTIVE OR NOT 🎉
    $w("#stateElementId").onChange((event) => {

        const buttonNames = ["first", "second", "third", "fourth"];

        buttonNames.forEach(buttonName => {
            let button = $w("#" + buttonName + "Button");
            let state = buttonName + "State";
            let line = $w("#" + buttonName + "Line");

            if (event.target.currentState.id === state) {
                button.style.backgroundColor = blackColor;
                button.style.color = textColorActive;
                line.show();
            } else {
                button.style.backgroundColor = whiteColor;
                button.style.color = textColorInactive;
                 line.hide();
            }
        });
    });
});

//Copied Code
import wixWindow from 'wix-window';
$w.onReady(() => {
    $w("#copyButton").onClick(() => {

        let textMessage = $w("#textInput").text;

        wixWindow.copyToClipboard(textMessage)
            .then(() => {
                $w("#copyButton").disable();
                $w("#copyButton").label = 'Copied!';
                $w("#box22").show();

                refresh(); //ADD YOUR TIMEOUT FUNCTION HERE AFTER THE COPY

            });
    });

    //ADD TIMEOUT TO ENABLE AND CHANGE THE LABEL OF YOUR BUTTON AFTER 1 SECOND
    //▶START
    function refresh() {

        if ($w("#copyButton").disable()) {
            setTimeout(function () {
                $w("#copyButton").enable();
                $w("#copyButton").label = 'Copy Code';
                $w("#box22").hide('fade');

            }, 1000);
        }
    } //▶END

});

nord vpnnord vpn
Ad