How to make expanding boxes - Article :: Oneness - True FaithArticle XML
https://www.wizanda.com/modules/article/view.article.php/133/c1
2024-03-29T09:11:35+00:00How to make expanding boxes - Article :: Oneness - True Faith
https://www.wizanda.com/modules/article/
https://www.wizanda.com/modules/article/images/logo.pngtext/html1970-01-01T00:00:00+00:00https://www.wizanda.com/modules/article/wizandaHow to make expanding boxes
https://www.wizanda.com/modules/article/view.article.php/133/c1
Category: General<br />Keywords: Web-Design,Guide,Html<br />Summary : All over our site you will see a new feature of + added all over to fold up the site, this is done in Java and html so here is how to do it on anything with an idHere is a quick example of how to add folding up page items on any page that supports java and html together.
<br />
<a name="heading1" id="heading1"></a><h3>demo</h3>
<a onclick="showorhide('fred');" href="#">+</a>
<div id="fred"> blah blah blah vanishes </div>
<br />
<br />
<a name="heading2" id="heading2"></a><h4>Java Code = Important Part</h4>
<br />
<div style='width: 500px;overflow:auto;' class="xoopsCode"><code></code></div>
<br />
That is the Java Code this on our site; it was placed in the banner to begin and works in Xoops.
<br />
Yet can easily be added in the top of a theme in the head or html document.
<br />
yet in our case we wanted it on all our theme in one go, with no work on our part it is only after playing around adding it as banner.... We realized that the banner within Xoops is a top loader and loads before the rest of the page; so works on all items.
<br />
So just adding a blank banner with this code, can add to multiple themes in one go as we have.
<br />
<br />
<a name="heading3" id="heading3"></a><h4>Java Code = Action Part</h4>
<div style='width: 500px;overflow:auto;' class="xoopsCode"><code></code></div>
<br />
Now the + Sign you see everywhere, this will make anything that is called by the same ID name, to open and close...
<br />
For instances...<br />
<br />
<a name="heading4" id="heading4"></a><h4>Examples of ID uses</h4>
<br />
<br />
Plus many others, we have not included TR as it causes a second opening table section, when reloaded on opening
.<br />
Each ID must be different and each time you want to make something collapse you can use Alink to make a + sign where needed any where in the page.
<br />
So as you see with what we have done, there is ++++ at the bottom of our pages and this is linked across the theme, so the theme folds.
<br />
The Blocks that have it, are included in the templates of the blocks and so on.
<br />
This could be made more into Xoops as a standard feature and may do when people notice we have done it.
<br />
<br />
<a name="heading5" id="heading5"></a><h4>ID exists already</h4>
<br />
If you already have ID used in a theme or anything really, just add the Alink part and then change the idname for the one being used. This should then make that item fold up.<br />
<br />
<a name="heading6" id="heading6"></a><h4>Blah DEMO Code Example</h4>
<div style='width: 500px;overflow:auto;' class="xoopsCode"><code></code></div>
<br />
Just to finish this is all the code added when the JAVA is in place and it makes what you see to begin with work.<br />