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

Poster:

User-ID

f6fb1370-c95c-4521-a115-69959dbea6d1

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

52777a49-f270-4a79-824e-f97fe1bd09f4

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

6e2099d7-dbbb-45a5-9799-004999256e1e

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

1d33c9d5-6524-440a-9b26-5a898aa18209

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

e4bfa989-d823-41cd-89e0-724823214cf3

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

46d663c6-3c02-4008-83fd-8dfd4fecb626

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

efc622e0-d648-42c1-8e87-10a47cfdd8ae

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

198c0f8d-0ddb-4a99-b366-a2279e765a56

Date:

01/19 - 01/23

Time:

01/19 - 01/23

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

Poster:

57da6cbf-baea-4248-8b1c-e7e82fcc01f8

User-ID

f80e4984-c75b-4b51-a2fd-0be357ef3230

Date:

01/19 - 01/23

Time:

01/19 - 01/23

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

Poster:

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

User-ID

f7d36e19-112a-4bbd-8d33-196caea96d2e

Date:

01/19 - 01/23

Time:

01/19 - 01/23

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

Poster:

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

User-ID

f6065248-3a2f-410f-b828-ef7f983da967

Date:

01/19 - 01/23

Time:

01/19 - 01/23

eed0f48a-5824-4029-8b3f-ac8034af894b

Poster:

eed0f48a-5824-4029-8b3f-ac8034af894b

User-ID

177217fe-6a69-4b55-8c54-23a5e646656d

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