Home/ Questions/Q 6028477
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T04:44:44+00:00

I’ve been looking high and low, but I can’t find a layout switcher that

  • 0

I’ve been looking high and low, but I can’t find a layout switcher that doesn’t just let me switch css but also the html code and also saves the users chosen setting in a cookie.

I want to be able to have several site layouts and functions and let the user choose which he/she prefers. The content i.e. the text will be the same no matter what layout a user sets.

Does anyone know a jquery based code that allows this? I prefer jquery, but php would be acceptable too.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Store your content as xml, in a format of your choosing. Something like the following

    Page.xml

    Must be parsed as PHP

    <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="Layout-<?php echo $_COOKIE['layout'] ?>.xslt"?>
<page>
    <title> ... </title>
    <main-content> ... </main-content>
    <articles>
        <article>
            <title> ... </title>
            <content> ... </content>
        </article>
        <article> ... </article>
        <article> ... </article>
        <article> ... </article>
    </articles>
</page>

    Layout-[name].xslt

    <?xml version="1.0"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" encoding="utf-8" indent="yes" />
    <xsl:template match="/page">
        <xsl:text disable-output-escaping='yes'>&lt;!DOCTYPE html></xsl:text>
        <html>
            <head>
                <xsl:value-of select="title" />
            </head>
            <body>
                ...
                <!-- copy node as HTML -->
                <xsl:copy-of select="main-content/node()" />
                ...
                <xsl:apply-templates match="articles/article" />
            </body>
        </html>
    </xsl:template>
    <xsl:template match="article">
        <div>
            <h2><xsl:copy-of select="title" /></h2>

            <!-- copy node as HTML -->
            <xsl:copy-of select="content/node()" />
        </div>
    </xsl:template>
</xsl:stylesheet>

    You can just deliver the XML page to the client, and their browser will do the transformation!

    • 0