top of page
Forum-Post
CODE
INFO
CLOSE.png
Анабель

Collection:

Анабель

Klicken Sie hier, um eigene Inhalte hinzuzufügen oder verbinden Sie Datenquellen aus Ihrer Kollektion.

Button

Type-1an

Type-2an

Type-3an

Type-4an

Type-5an

NoImage.png
NoImage.png
NoImage.png
NoImage.png
NoImage.png

CODE

CLOSE.png

import wixData from 'wix-data';

 

  var ItemLength


 

  $w.onReady(function () {

    wixData.query("Collection")

    .find()

    .then( (res) => {

      let Item = res.items

      ItemLength = res.items.length

  

      wixData.query("Products")

      .find()

      .then( (results) => {

        let item = results.items

  

        $w("#repeater1").onItemReady( ($item, itemData, index) => {

        for (var i = ItemLength-1; i >= 0; i=i-1) {console.log("i = " + i), console.log("index = " + index)

          console.log('--------------------')

          if (itemData.title === Item[i].title) {$item("#TXTtype1").text = results.items[(index)*5+i+0-(1*index)].type, $item("#IMGtype1").src = results.items[(index)*5+i+0-(1*index)].image, console.log("Output-Index1 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype2").text = results.items[(index)*5+i+1-(1*index)].type, $item("#IMGtype2").src = results.items[(index)*5+i+1-(1*index)].image, console.log("Output-Index2 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype3").text = results.items[(index)*5+i+2-(1*index)].type, $item("#IMGtype3").src = results.items[(index)*5+i+2-(1*index)].image, console.log("Output-Index3 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype4").text = results.items[(index)*5+i+3-(1*index)].type, $item("#IMGtype4").src = results.items[(index)*5+i+3-(1*index)].image, console.log("Output-Index4 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype5").text = results.items[(index)*5+i+4-(1*index)].type, $item("#IMGtype5").src = results.items[(index)*5+i+4-(1*index)].image, console.log("Output-Index5 = " + index)}

          console.log('--------------------')

        }

      });

    });

  });

});

Info

CLOSE.png

In this example you will see how to place specific values into a repeater from 2-different databases.

You can see the big main-picture which represents the "Item-Collection" (database1), which is connected to a dataset and showing 

all collections stored in (database1).

The 5-small pictures represents data which is loaded from a second database called "Products", in which all the product-items are stored in.

For each item-collection, it is possible to connect 5-product-items, in this example.

Buchen

Price

Арагон

Collection:

Арагон

Klicken Sie hier, um eigene Inhalte hinzuzufügen oder verbinden Sie Datenquellen aus Ihrer Kollektion.

Button

Type-1ar

Type-2ar

Type-3ar

Type-4ar

Type-5ar

NoImage.png
NoImage.png
NoImage.png
NoImage.png
NoImage.png

CODE

CLOSE.png

import wixData from 'wix-data';

 

  var ItemLength


 

  $w.onReady(function () {

    wixData.query("Collection")

    .find()

    .then( (res) => {

      let Item = res.items

      ItemLength = res.items.length

  

      wixData.query("Products")

      .find()

      .then( (results) => {

        let item = results.items

  

        $w("#repeater1").onItemReady( ($item, itemData, index) => {

        for (var i = ItemLength-1; i >= 0; i=i-1) {console.log("i = " + i), console.log("index = " + index)

          console.log('--------------------')

          if (itemData.title === Item[i].title) {$item("#TXTtype1").text = results.items[(index)*5+i+0-(1*index)].type, $item("#IMGtype1").src = results.items[(index)*5+i+0-(1*index)].image, console.log("Output-Index1 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype2").text = results.items[(index)*5+i+1-(1*index)].type, $item("#IMGtype2").src = results.items[(index)*5+i+1-(1*index)].image, console.log("Output-Index2 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype3").text = results.items[(index)*5+i+2-(1*index)].type, $item("#IMGtype3").src = results.items[(index)*5+i+2-(1*index)].image, console.log("Output-Index3 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype4").text = results.items[(index)*5+i+3-(1*index)].type, $item("#IMGtype4").src = results.items[(index)*5+i+3-(1*index)].image, console.log("Output-Index4 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype5").text = results.items[(index)*5+i+4-(1*index)].type, $item("#IMGtype5").src = results.items[(index)*5+i+4-(1*index)].image, console.log("Output-Index5 = " + index)}

          console.log('--------------------')

        }

      });

    });

  });

});

Info

CLOSE.png

In this example you will see how to place specific values into a repeater from 2-different databases.

You can see the big main-picture which represents the "Item-Collection" (database1), which is connected to a dataset and showing 

all collections stored in (database1).

The 5-small pictures represents data which is loaded from a second database called "Products", in which all the product-items are stored in.

For each item-collection, it is possible to connect 5-product-items, in this example.

Buchen

Price

Алонзо

Collection:

Алонзо

Klicken Sie hier, um eigene Inhalte hinzuzufügen oder verbinden Sie Datenquellen aus Ihrer Kollektion.

Button

Type-1al

Type-2al

Type-3al

Type-4al

Type-5al

NoImage.png
NoImage.png
NoImage.png
NoImage.png
NoImage.png

CODE

CLOSE.png

import wixData from 'wix-data';

 

  var ItemLength


 

  $w.onReady(function () {

    wixData.query("Collection")

    .find()

    .then( (res) => {

      let Item = res.items

      ItemLength = res.items.length

  

      wixData.query("Products")

      .find()

      .then( (results) => {

        let item = results.items

  

        $w("#repeater1").onItemReady( ($item, itemData, index) => {

        for (var i = ItemLength-1; i >= 0; i=i-1) {console.log("i = " + i), console.log("index = " + index)

          console.log('--------------------')

          if (itemData.title === Item[i].title) {$item("#TXTtype1").text = results.items[(index)*5+i+0-(1*index)].type, $item("#IMGtype1").src = results.items[(index)*5+i+0-(1*index)].image, console.log("Output-Index1 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype2").text = results.items[(index)*5+i+1-(1*index)].type, $item("#IMGtype2").src = results.items[(index)*5+i+1-(1*index)].image, console.log("Output-Index2 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype3").text = results.items[(index)*5+i+2-(1*index)].type, $item("#IMGtype3").src = results.items[(index)*5+i+2-(1*index)].image, console.log("Output-Index3 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype4").text = results.items[(index)*5+i+3-(1*index)].type, $item("#IMGtype4").src = results.items[(index)*5+i+3-(1*index)].image, console.log("Output-Index4 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype5").text = results.items[(index)*5+i+4-(1*index)].type, $item("#IMGtype5").src = results.items[(index)*5+i+4-(1*index)].image, console.log("Output-Index5 = " + index)}

          console.log('--------------------')

        }

      });

    });

  });

});

Info

CLOSE.png

In this example you will see how to place specific values into a repeater from 2-different databases.

You can see the big main-picture which represents the "Item-Collection" (database1), which is connected to a dataset and showing 

all collections stored in (database1).

The 5-small pictures represents data which is loaded from a second database called "Products", in which all the product-items are stored in.

For each item-collection, it is possible to connect 5-product-items, in this example.

Buchen

Price

Тесина

Collection:

Тесина

Klicken Sie hier, um eigene Inhalte hinzuzufügen oder verbinden Sie Datenquellen aus Ihrer Kollektion.

Button

Type-1te

Type-2te

Type-3te

Type-4te

Type-5te

NoImage.png
NoImage.png
NoImage.png
NoImage.png
NoImage.png

CODE

CLOSE.png

import wixData from 'wix-data';

 

  var ItemLength


 

  $w.onReady(function () {

    wixData.query("Collection")

    .find()

    .then( (res) => {

      let Item = res.items

      ItemLength = res.items.length

  

      wixData.query("Products")

      .find()

      .then( (results) => {

        let item = results.items

  

        $w("#repeater1").onItemReady( ($item, itemData, index) => {

        for (var i = ItemLength-1; i >= 0; i=i-1) {console.log("i = " + i), console.log("index = " + index)

          console.log('--------------------')

          if (itemData.title === Item[i].title) {$item("#TXTtype1").text = results.items[(index)*5+i+0-(1*index)].type, $item("#IMGtype1").src = results.items[(index)*5+i+0-(1*index)].image, console.log("Output-Index1 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype2").text = results.items[(index)*5+i+1-(1*index)].type, $item("#IMGtype2").src = results.items[(index)*5+i+1-(1*index)].image, console.log("Output-Index2 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype3").text = results.items[(index)*5+i+2-(1*index)].type, $item("#IMGtype3").src = results.items[(index)*5+i+2-(1*index)].image, console.log("Output-Index3 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype4").text = results.items[(index)*5+i+3-(1*index)].type, $item("#IMGtype4").src = results.items[(index)*5+i+3-(1*index)].image, console.log("Output-Index4 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype5").text = results.items[(index)*5+i+4-(1*index)].type, $item("#IMGtype5").src = results.items[(index)*5+i+4-(1*index)].image, console.log("Output-Index5 = " + index)}

          console.log('--------------------')

        }

      });

    });

  });

});

Info

CLOSE.png

In this example you will see how to place specific values into a repeater from 2-different databases.

You can see the big main-picture which represents the "Item-Collection" (database1), which is connected to a dataset and showing 

all collections stored in (database1).

The 5-small pictures represents data which is loaded from a second database called "Products", in which all the product-items are stored in.

For each item-collection, it is possible to connect 5-product-items, in this example.

Buchen

Price

Мерида

Collection:

Мерида

Klicken Sie hier, um eigene Inhalte hinzuzufügen oder verbinden Sie Datenquellen aus Ihrer Kollektion.

Button

Type-1mr

Type-2mr

Type-3mr

Type-4mr

Type-5mr

NoImage.png
NoImage.png
NoImage.png
NoImage.png
NoImage.png

CODE

CLOSE.png

import wixData from 'wix-data';

 

  var ItemLength


 

  $w.onReady(function () {

    wixData.query("Collection")

    .find()

    .then( (res) => {

      let Item = res.items

      ItemLength = res.items.length

  

      wixData.query("Products")

      .find()

      .then( (results) => {

        let item = results.items

  

        $w("#repeater1").onItemReady( ($item, itemData, index) => {

        for (var i = ItemLength-1; i >= 0; i=i-1) {console.log("i = " + i), console.log("index = " + index)

          console.log('--------------------')

          if (itemData.title === Item[i].title) {$item("#TXTtype1").text = results.items[(index)*5+i+0-(1*index)].type, $item("#IMGtype1").src = results.items[(index)*5+i+0-(1*index)].image, console.log("Output-Index1 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype2").text = results.items[(index)*5+i+1-(1*index)].type, $item("#IMGtype2").src = results.items[(index)*5+i+1-(1*index)].image, console.log("Output-Index2 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype3").text = results.items[(index)*5+i+2-(1*index)].type, $item("#IMGtype3").src = results.items[(index)*5+i+2-(1*index)].image, console.log("Output-Index3 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype4").text = results.items[(index)*5+i+3-(1*index)].type, $item("#IMGtype4").src = results.items[(index)*5+i+3-(1*index)].image, console.log("Output-Index4 = " + index)}

          if (itemData.title === Item[i].title) {$item("#TXTtype5").text = results.items[(index)*5+i+4-(1*index)].type, $item("#IMGtype5").src = results.items[(index)*5+i+4-(1*index)].image, console.log("Output-Index5 = " + index)}

          console.log('--------------------')

        }

      });

    });

  });

});

Info

CLOSE.png

In this example you will see how to place specific values into a repeater from 2-different databases.

You can see the big main-picture which represents the "Item-Collection" (database1), which is connected to a dataset and showing 

all collections stored in (database1).

The 5-small pictures represents data which is loaded from a second database called "Products", in which all the product-items are stored in.

For each item-collection, it is possible to connect 5-product-items, in this example.

Buchen

Price

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
mr-money-man 00:22:20

You can use also the CHAT if you want

 

8.8.2020
mr-money-man 00:22:01

Welcome back on my site ^^

8.8.2020
barbarabessals2 19:21:42

hello!

07/08/2020
mr-money-man 23:52:46

Hello Barbera ^^

7.8.2020
arthurvalatin 07:33:29

hello

04/08/2020
russian-dima 00:15:35

You can also set your own CHARACTER-LIMITATION in the SETTINGS but at moment 240
-characters are the max.

30.7.2020
arthurvalatin 07:13:39

hello!

30/07/2020
russian-dima 00:11:43

PRESS "TAB+ENTER" and you will see how it works without the button xD

30.7.2020
russian-dima 00:10:23

For example it is possible to send messages without to click everytime with the
mouse onto the button xDD

30.7.2020
russian-dima 00:09:45

You will find a lot of hidden intergrated stuff in my little comment/chat-tool ^
^

30.7.2020
arthurvalatin 07:09:33

Hello!

30/07/2020
russian-dima 00:08:44

Check it out! It almost works like a CHAT-BOX

30.7.2020
Page 1 of 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