XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. XOOPS general usage questions 
  4.  / Javascript collapsible menu in Custom block
Register
1
ardenb
Javascript collapsible menu in Custom block

  • 2009/10/24 16:19

  • ardenb

  • Just popping in

  • Posts: 2

  • Since: 2009/10/24


This is the information for the script I'm trying to use:
//Collapsible Menu Script.
//Created by Kyle Edwards.

I was able to take this code and put it in the body of my webpage. It works fine as is. But when I try to edit it, I get a script error message. Here is the code I'm trying to edit:

menu_code[0]="Option 1<br>Option 2<br>Option 3<br>";

What I need to change is

Option 1<br>Option 2<br>Option 3

to put a table with form properties inside it. But when I copy the table, this is when I get an error message. Is there a way to do this?
2
ghia
Re: Javascript collapsible menu in Custom block

  • 2009/10/24 17:03

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


ardenb, welcome to the XOOPS forum!

What was the error message you get during editing?
3
ardenb
Re: Javascript collapsible menu in Custom block

  • 2009/10/25 16:11

  • ardenb

  • Just popping in

  • Posts: 2

  • Since: 2009/10/24


Here is the original code from the script:

menu_code[0]="Option 1<br>Option 2<br>Option 3<br>";

Here is the beginning of the code I'm putting in after =:

"<table border="0" cellpadding="0" style="border-collapse: collapse" width="744">
<tr>
<td bgcolor="#E7F0F5">
<p align="center"><font face="Arial" size="5">


Using FrontPage, I click on Preview, and this is the error meesage I get:

An error has occurred in the script on this page.
Line: 55
Char: 30
Error: Expected ';'
Code: 0

When I look on line 55, there is:

<tr>

THANK YOU for your reply!




4
ghia
Re: Javascript collapsible menu in Custom block

  • 2009/10/25 22:26

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


Quote:
"<table border="0" cellpadding="0" style="border-collapse: collapse" width="744">
<tr>
<td bgcolor="#E7F0F5">
<p align="center"><font face="Arial" size="5">


You may not use " for delemiting the string and then use it inside the string itself. There it needs to be escaped or use '.

Try it with this:
le="color: #000000"><?php <!-- Collapsible Menu Script. Created by Kyle Edwards. Please keep this notice intact. --> <!-- Below is the code for the hyperlinks that expand and collapse the menus. You need to do the following for each menu: 1. Create hyperlink code that looks like this: <a href="#" onclick="collapse_menu(menu1, 0)">The value of the link goes here.</a><br> Note: Change menu1 to the name of the menu, and change 0 to the number of the menu. Note: 0 is the number of the FIRST menu. 2. After each hyperlink, type in code that looks like this: <span id="menu1"></span> Note: Change "menu1" to the name of the menu. 3. Follow the instructions inside the <script> tags. They follow //'s. --> <script type="text/javascript" > //Collapsible Menu Script. //Created by Kyle Edwards. //Please keep this notice intact. //This defines the arrays that contain info about the menus. Do NOT edit. var on_off=new Array(); var menu_code=new Array(); //Below, define number_of_menus. It should be equal to the number of menus you have. number_of_menus=2; //Here we define the code for the menus. Inside the quotation marks, type in the value of each option. //Note: After each option, you need to put a <br> tag. //Note: If you want to indent the options, type &nbsp; for each space of indentation. //and a </blockquote> tag at the end. //Example: "&nbsp;&nbsp;Option 1<br>&nbsp;&nbsp;Option 2<br>" //This puts two spaces at the beginning of each option. menu_code[0]="Option 1<br>Option 2<br>Option 3<br>"; menu_code[1]="Option 1<br>Option 2<br>Option 3<br>"; //Everything below this notice is the code that expands and collapses the menus. Do NOT edit. for (loop=0; loop<number_of_menus; loop++){ on_off[loop]=0; } function collapse_menu(menu_id, menu_number){ if (on_off[menu_number]==0){ menu_id.innerHTML=menu_code[menu_number]; on_off[menu_number]=1; }else{ menu_id.innerHTML=""; on_off[menu_number]=0; } } </script> <p> <a href="#" onclick="javascript: collapse_menu(document.getElementById('menu1'), 0); return false;">Menu 1</a><br> <span id="menu1"></span> <a href="#" onclick="javascript: collapse_menu(document.getElementById('menu2'), 1); return false;">Menu 2</a><br> <span id="menu2"></span>

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Jul 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!

Latest GitHub Commits