top of page

Simple-Comment-Box

NoImage.png

User

User-ID

CODE
INFO
Project-Structure
Title
Comment
User-Pic
sadasdasdasd
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
Arthur you little HACKER !
f7c060ed-197a-4edc-bcd4-84447dcb8226
hi
f7c060ed-197a-4edc-bcd4-84447dcb8226
hello
eed0f48a-5824-4029-8b3f-ac8034af894b
All the user which are also registered in my own DATABASE, are able to use this comment-box....
eed0f48a-5824-4029-8b3f-ac8034af894b
Ok, here another TEST-ACC
f7c060ed-197a-4edc-bcd4-84447dcb8226
wahoooooo
f7c060ed-197a-4edc-bcd4-84447dcb8226
test
f7c060ed-197a-4edc-bcd4-84447dcb8226
test
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
And YES, as you have already recognized it, there a a few bugs, which have to be modified and optimized.
Yes, this EXAMPLE will only work with registered USER, which also are inserted into the own DATABASE ---> "Member-Data"
f7c060ed-197a-4edc-bcd4-84447dcb8226
hahahahahaaaaaaaaa
f7c060ed-197a-4edc-bcd4-84447dcb8226
hahahahahaaaaaaaaa
f7c060ed-197a-4edc-bcd4-84447dcb8226
wahiiiiiiii
f7c060ed-197a-4edc-bcd4-84447dcb8226
haaaaaaa
f7c060ed-197a-4edc-bcd4-84447dcb8226
haaaaaaa
f7c060ed-197a-4edc-bcd4-84447dcb8226
kkkkk hello
^^
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
weqweqweqweqw
f7c060ed-197a-4edc-bcd4-84447dcb8226
Ok, this pic isn't updating. This needs fixing russian-dima
new message from another account
f7c060ed-197a-4edc-bcd4-84447dcb8226
yahooooooooooooo
f7c060ed-197a-4edc-bcd4-84447dcb8226
This has to auto refresh comments as I can't see my comment un till I refresh page ^^
f7c060ed-197a-4edc-bcd4-84447dcb8226
This has to auto refresh comments as I can't see my comment un till I refresh page ^^
f7c060ed-197a-4edc-bcd4-84447dcb8226
flower
f7c060ed-197a-4edc-bcd4-84447dcb8226
bird
f7c060ed-197a-4edc-bcd4-84447dcb8226
hello! I am arthur
f7c060ed-197a-4edc-bcd4-84447dcb8226
hello! I am arthur
f7c060ed-197a-4edc-bcd4-84447dcb8226
hello! I am arthur
f7c060ed-197a-4edc-bcd4-84447dcb8226
hello! I am arthur
wqewqeqeqeqeqeq
i am an unregistrated user
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
13123123123
57da6cbf-baea-4248-8b1c-e7e82fcc01f8
1312323213
eed0f48a-5824-4029-8b3f-ac8034af894b
w4wewwewqewqewqe
eed0f48a-5824-4029-8b3f-ac8034af894b
12312323ewqeqwewqewe
eed0f48a-5824-4029-8b3f-ac8034af894b
mmmm
eed0f48a-5824-4029-8b3f-ac8034af894b
wqewqewewqe
eed0f48a-5824-4029-8b3f-ac8034af894b
45rre4564564trtzr
eweqeqweqeqeqe
313121232131231223
eed0f48a-5824-4029-8b3f-ac8034af894b

Poster:

eed0f48a-5824-4029-8b3f-ac8034af894b

User-ID

b2b666c0-9f35-4724-b383-fc859b53da94

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

adc17968-44ef-434d-a740-440dbae6bbb2

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

af87734f-4d1b-4287-ade6-baf83ee4cac0

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

8204793f-ddd1-4263-bee0-dd8159a0803b

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

2637ac67-c52c-4ef4-b6bc-c5ada484df1b

Date:

01/19 - 01/23

Time:

01/19 - 01/23

Poster:

User-ID

0959096e-3e8e-4027-b2b5-d780c9bbd266

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

dc82698b-0cba-457d-958d-98bb5794bef8

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

6d47f4bb-dfc4-4436-b5f4-edab9d563e44

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

bbcc4945-e713-4b2a-a4b0-b2eb09d61154

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

f2b295a7-b849-4f79-b685-2335b0d62ad7

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

76d8e5bd-d085-490e-a335-45c6890948f3

Date:

01/19 - 01/23

Time:

01/19 - 01/23

f7c060ed-197a-4edc-bcd4-84447dcb8226

Poster:

f7c060ed-197a-4edc-bcd4-84447dcb8226

User-ID

add7c029-fd35-40e2-89d6-5efc028de381

Date:

01/19 - 01/23

Time:

01/19 - 01/23

INFO

CLOSE.png

In this example you will see a simple structured comment-box.

​

To use this example you will have to register all the users in the own database --->  "Member-Data" first.

​

Just the user which are included in this database, will be able to submit comments.

CODE

CLOSE.png

import wixData from 'wix-data';

import wixUsers from 'wix-users';

 

var picData

var ownerId

var membersData

 

$w.onReady(function () {

    $w("#dataset1").onReady( () => {    

        let userId = wixUsers.currentUser.id

        console.log(userId)

        wixData.query("Member-Data")

        .eq('_owner', userId)

        .find()

        .then( (results) => {

            membersData = results.items[0];

            console.log(membersData)

            ownerId = membersData._owner;

            console.log(ownerId)

            picData = results.items[0].profilePic

            console.log(picData)

 

            $w('#input1').value=userId

            $w('#input2').value=userId

            $w('#image1').src=picData

        })

        .catch( (err) => {

            let errorMsg = err;

        });

 

        $w('#dataset2').onBeforeSave(()=>{console.log("Prepare-Data")

            $w("#dataset2").setFieldValues( {

                "title":    $w('#input1').value,

                "comment":  $w('#textBox1').value,

                "userPic":  picData

            }); 

            console.log(picData)

        })

 

        $w('#button1').onClick(async()=>{console.log("Save-Data")       

            $w("#dataset2").save()

        })

    })

})

DB-STRUCTURE

PMD (PrivateMembersData)

Databse.png
Avatar-000.png

Picture

Column-ID ---> "picture"

CLOSE.png

Your own (Member-DB)

Databse.png
Avatar-000.png

User-Pic

Column-ID ---> "profilePic"

Your own (Commets-DB)

Databse.png
Avatar-000.png

Profile-Pic

Column-ID ---> "userPic"

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
lestherg-esilverconnect 2:52:59 AM
8/20/2022
s18376 1:07:58 AM

asdas

1/20/2022
s18376 1:03:31 AM

asdas

1/20/2022
arthurvalatin 00:15:21

he he heeeeeeeeeee!

30/12/2020
arthurvalatin 00:15:03

undefinedha ha haaaaaaaaaaa!undefined

30/12/2020
arthurvalatin 00:14:48

My little joke!

30/12/2020
arthurvalatin 00:14:14

really real

30/12/2020
o0oelys 17:55:55

real

23/09/2020
russian-dima 18:49:20

123231

2.9.2020
russian-dima 18:49:17

213213

2.9.2020
russian-dima 17:56:10

123123123

2.9.2020
russian-dima 18:48:04
31.8.2020
russian-dima 18:46:47
31.8.2020
russian-dima 18:46:10

Here you can see my link to googhttp://www.google.de target=_self>www.google.dele.......

31.8.2020
russian-dima 18:45:34

Here you can see a LINK ---> myLinktoGoogle

31.8.2020
russian-dima 14:19:38

rrrrrrrrrr

31.8.2020
russian-dima 14:18:28

qeeeqweqweqwe

31.8.2020
russian-dima 14:01:12

awddawdawd

31.8.2020
russian-dima 13:58:53

23123213

31.8.2020
juanfelipeamt 7:46:31 PM

I tried to change my picture. :)

8/25/2020
juanfelipeamt 7:43:57 PM

Hellooooo

8/25/2020
mr-money-man 13:41:23

As you can see, i changed my PIC (of the test-user --> mr-money-man)

25.8.2020
mr-money-man 13:40:45

Hello!

25.8.2020
russian-dima 18:59:25

You are still not a member of my site? So it is time to change it xDDDDDD

24.8.2020
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
Page 1 of 2
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