User types word & calls up text and images on another page

Ask the community
,
1

Hi, I have a very complicated set up that I need help with, if anyone would be so kind :).
Just for starters; how do I get a name that is typed into a text box on one page to automatically populate a text box onto another page the user is directed to? I have set it up so the name is captured in a database field, but cannot call it up into the second text box.
Secondly, as the letters of that name appear in the second text box, I need also to have 2 – 3 thumbnail images connected to each letter in the database collection show in vertical alignment below each letter. So the letters must have enough space between them to make space for thumbnail size images.
Many thanks
Anno

2

Hi,

You can pass data between pages as a query parameter on the URL.
On the first page, navigate to the other page and pass the text as a query parameter through code:

import wixLocation from 'wix-location'; 

export function button1_click(event, $w) {
     const text = $w("#myTextInput").value;
     wixLocation.to('/another-page?text=' + text);
}

On the other page, you can use the data by getting the query (here I just print it to the console):

import wixLocation from 'wix-location'; 

$w.onReady(function () {
     console.log(wixLocation.query.text)
});

Regarding spacing, you can split the text you get and use a repeater to dynamically create a repeater item for each letter. See the repeater documentation for more info: https://www.wix.com/code/reference/$w.Repeater.html