Is it possible dynamic page without database

Discussion Ask a question
,
1

HI, I have a table with 5 columns. I wanted to include a check box in each column. When I select more than 2 columns, I want the selected columns shown in a new web page. Please any thoughts or ideas? Appreciate your time.

2

Hi Naggi,

Dynamic pages are mostly used in the context of data collections. Either from a wix code collection or generated by a router .

In your case, you can simply store the selected items to the user’s browser storage, then navigate to a new page which will pull the data from the browser storage and display it for further processing by the user.

Use wixStorage to store the data.
Use wixLocation.to to navigate to the special page.
Use wixStorage again to pull the data and populate the items to display the information.

3

Thank you Ido Inbar! That is going to be very useful. I will try and let you know. By chance do you have any sample scripts that I can start with?
BR

4

This is the code I came to so far with the help of online search.

  1. At this point, not sure how to print the content into new webpage.
  2. Not sure how to store column contents into temporary webstorage.
  3. not sure how to include the check boxes so that the corresponding coloumns can be compared in new page.

Any inputs are very help ful.

BR,
Naggi

.table { overflow: hidden; font-size: 13px; cursor: default; text-align: center; font-family: Arial, sans-serif; } .table__row_body:nth-child(even) { background-color: green; position: relative; } .table__row_body:nth-child(odd) { background-color: #b9c9fe; position: relative; } .table__cell { position: relative; border-collapse: collapse; } .table__cell_header { background-color: #003399; color: white; position: relative; border-collapse: collapse; z-index: 20; } .table__cell_body:hover:after { position: absolute; z-index: 10; top: -5000px; left: 0px; width: 100%; height: 10000px; content: ""; background-color: #ffa; opacity: 0.2; } 
<tr class="table__row_body "> 
  <td class="table__text_align_right table__cell table__cell_body "> 
    <div class="table__content ">Row 1</div> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">a1</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">a2</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">a3</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">a4</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">a5</div> 
    </td> 
</tr> 

<tr class="table__row_body "> 
  <td class="table__text_align_right table__cell table__cell_body "> 
    <div class="table__content ">Row 2</div> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">b1</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">b2</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">b3</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">b4</div> 
    </td> 
    <td class="table__cell table__cell_body "> 
      <div class="table__content ">b5</div> 
    </td> 
</tr>
&nbsp
Col 1
Col 2
Col 3
Col 4
Col 5
checkbox-placeholder
checkbox-placeholder
checkbox-placeholder
checkbox-placeholder
checkbox-placeholder