ByRei - EliseBox


Simple dynamic Content by Markus Bordihn

Example: How to set Image Path

Normaly you need to define the Image Path for ByRei EliseBox.
The default Path is "gfx/", so when the webpage "test.htm" is under http://example.org/test/test.htm the images need to be under http://example.org/test/gfx/. You can set the alternative main path over the JavaScript Variable ByRei_EliseBox.config.path.img.

Please keep in mind that you can only access the variable after the JavaScript was loaded.
The Example above first check if the Variable is avalible and only when it is avalible it will set the Image Path.

Live Example

Test 1: Click the "minus" to collapse the Content

Here you see the Content from "Test 1".

Test W3C Validation: Valid HTML 4.01 Strict

HTML Code

...
 <script type="text/javascript" src="byrei-elisebox_0.6.js"></script>
 <script type="text/javascript">
  if (typeof(ByRei_EliseBox) !== "undefined") {ByRei_EliseBox.config.path.img = '../images/';}
 </script>

 <h4 class="EliseBox_header-expand">Test 1: Click the "minus" to collapse the Content </h4>
 <p>
  Here you see the Content from "Test 1".<br>
 </p>
...