Home/ Questions/Q 670857
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T00:18:35+00:00

What is the best practice is in the case of altering the render order

  • 0

What is the best practice is in the case of altering the render order of elements on a webpage. For example, I have two DIVs that are to be displayed on a page:

<div id="appleSection" class="appleStyle">
    <!-- Apple DIVs, content, form elements, etc -->
</div>

<div id="orangeSection" class="orangeStyle">
    <!-- Orange DIVs, content, form elements, etc -->
</div>

Depending on user selection (perhaps by country or something), the order which the DIVs are presented to the user can differ when the user changes their selected country. Certain country selections present the appleSection above orangeSection, and for other selections, their order is reversed.

If the core logic of the page is the same regardless, is it a best practice to determine order on the server-side (perhaps via two pages that differ in the order of the DIVs), or is it more appropriate to have just a single page and use CSS to control whether appleSection is above orangeSection or vice versa?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Does the order of the selections have to change instantaneously? As in, does it have to change when the user selects a country? Or is it pre-rendered?

    If it is the latter, I would do it from the server-side. I’d send in a flag of some sort. Assuming you are using JSTL or ASP or something you can control the order based on the value of the flag. I think two pages to do the same thing isn’t a good idea because that is significant duplication of code.

    If it has to change based on user interaction, I would use something like jQuery along with the appropriate CSS (change the classes using jQuery based on user input).

    • 0