top of page

Highlightning

CLOSE.png

In this EXAMPLE we are going to highlight some text. The code for this function is a modified version of J.D.'s code (a very good JS/CORVID-programmer).

​

Use the input-field and type in, for which word you want to search in this text, and which word(s), should be highlighted.

​

I hope you like this example, and leaves a like for J.D.'s SOLUTION!

Highlight
CODE

CODE

CLOSE.png

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


 

export function button66_click(event) {

    let searchWord = $w('#input1').value

    console.log(searchWord)

    let str = $w('#text1').text

    console.log(str)

        let res = str.replace(searchWord, `<mark>${searchWord}</mark>`);

        console.log(res)

    $w("#text1").html=res

}

Comment-Box

CLOSE.png

Version-1.0

Under_Construction.png

Leave a comment. . .

Arrow.png

General-Settings

ON                 OFF

Show Text-Length

ON                 OFF

max. Text-Length

ON                 OFF

Show Key-Press

ON                 OFF

Show Key-Code

ON                 OFF

Show Total-Count

Character-limit

Load default settings
Save
russian-dima 18:58:02

If you want to write a comment, than you have first to log-in!

24.8.2020
russian-dima 17:58:34

New logo? ^^

22.8.2020
russian-dima 17:58:16

You again xD

22.8.2020
arthurvalatin 16:19:33

Hi

21/08/2020
mr-money-man 00:30:40

As you can see in this version, i tried to implement more functions. You will fi
nd the first ones, when you go into sthe OPTIONS-MENU.

8.8.2020
mr-money-man 00:29:32

It is much more comfortable. ^^

8.8.2020
mr-money-man 00:29:12

You can use also the combinations-key on your key-board (TAB+ENTER) to send a me
ssage.

8.8.2020
mr-money-man 00:28:39

Everytime when you send a message, your Comment-Box will be REFRESHED (to see if
you got new MESSAGES).

8.8.2020
mr-money-man 00:27:49

IIt works almost like a CHAT

8.8.2020
mr-money-man 00:27:29

You can use the one in the footer.

8.8.2020
barbarabessals2 19:24:37

well, now i'm using the second one

07/08/2020
mr-money-man 00:23:00

Which one of the two comment-boxes do you use?

8.8.2020
Seite 1 von 1
Design
Settings
About
CLOSE.png
Leave a comment, or start a chat.

Post-Comment

- - -

Pressed-Key

- - -

Key-Code

Text-Length

- - -

max. Text-Length

- - -

Number of Comments

- - -

designed & developed by russian-dima

Write a comment
bottom of page