Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>i did it a different way.</p> <p>first i put unique class names to all the menu items. i used classes instead of id's because each menu it used multiple times on the page.</p> <p>then i used this code to produce the active css...</p> <pre><code>&lt;?php if($varset1a == "500") { ?&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#idname1a ul.classname li.classname1").addClass("active"); });&lt;/script&gt; &lt;?php } ?&gt; &lt;?php if($varset1a == "1000") { ?&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#idname1b ul.classname li.classname2").addClass("active"); });&lt;/script&gt; &lt;?php } ?&gt; &lt;?php if($varset2a == "name1") { ?&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#anotheridname1 ul.classname li.anotherclassname1").addClass("active"); });&lt;/script&gt; &lt;?php } ?&gt; &lt;?php if($varset2a == "name2") { ?&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#anotheridname2 ul.classname li.anotherclassname2").addClass("active"); });&lt;/script&gt; &lt;?php } ?&gt; </code></pre> <p>there are 2 sets of menus, and each set has 6 variables, and each menu has many links, so the above has to be copy and pasted many times to cover all the combinations. the above is just 2 rules for set one, and 2 rules for set two. there are many more rules than those.</p> <p>let's say it's about this many:</p> <p>varset1a1 through varset1a17</p> <p>then varset1b has 1 through 17, then varset1c has 1 through 17, then varset1d has 1 through 17, then varset1e has 1 through 17.</p> <p>then double all those and change varset1 to varset2, and that's about how many different rules there are. actually more because menu 2 has more links than menu 1.</p> <p>it's a lot to program, but only 6 lines per menu gets produced in html source code.</p> <p>this is an example if all 6 from both menus are used. it would be less if less menus are used. the amount of menus used varies, but this is the full amount:</p> <pre><code>&lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id1a ul.class li.class1a").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id2a ul.class li.class2a").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id3a ul.class li.class3a").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id4a ul.class li.class4a").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id5a ul.class li.class5a").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id6a ul.class li.class6a").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id1b ul.class li.class1b").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id2b ul.class li.class2b").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id3b ul.class li.class3b").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id4b ul.class li.class4b").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id5b ul.class li.class5b").addClass("active"); });&lt;/script&gt; &lt;script type='text/javascript'&gt;$(document).ready(function() { $("#id6b ul.class li.class7b").addClass("active"); });&lt;/script&gt; </code></pre> <p>maybe i can cut down on characters if i make it all go in between one &lt; script > tag set and one document ready clause? i hate putting php in between jquery, because many times dreamweaver produces syntax errors.</p> <p>EDIT:</p> <p>ok, now the full html output is like this and it still works:</p> <pre><code>&lt;script type='text/javascript'&gt; $(document).ready(function() { $("#id1a ul.class li.class1a").addClass("active"); $("#id2a ul.class li.class2a").addClass("active"); $("#id3a ul.class li.class3a").addClass("active"); $("#id4a ul.class li.class4a").addClass("active"); $("#id5a ul.class li.class5a").addClass("active"); $("#id6a ul.class li.class6a").addClass("active"); $("#id1b ul.class li.class1b").addClass("active"); $("#id2b ul.class li.class2b").addClass("active"); $("#id3b ul.class li.class3b").addClass("active"); $("#id4b ul.class li.class4b").addClass("active"); $("#id5b ul.class li.class5b").addClass("active"); $("#id6b ul.class li.class7b").addClass("active"); }); &lt;/script&gt; </code></pre> <p>the way i did that was by putting the rules like this:</p> <pre><code>&lt;script type='text/javascript'&gt; $(document).ready(function() { &lt;?php if($varset1a == "500") { ?&gt;$("#id1a ul.class li.class1a").addClass("active");&lt;?php } ?&gt; &lt;?php if($varset1a == "1000") { ?&gt;$("#id2b ul.class li.class2a").addClass("active");&lt;?php } ?&gt; &lt;?php if($varset2a == "name1") { ?&gt;$("#id2a ul.class li.class1b").addClass("active");&lt;?php } ?&gt; &lt;?php if($varset2a == "name2") { ?&gt;$("#id2b ul.class li.class2b").addClass("active");&lt;?php } ?&gt; }); &lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload