FlexiGrid 2
| 28.05.2009, 22:01 | |||||||||||
| FlexiGrid 2 является своего рода сложенной сеткой, где Вы можете
отобразить табличные данные. Что касается
внутренних функций, то, FlexiGrid придерживается концепции "Содержание
индексирование в документе". т.е. узлы идентификаторы создаются по
аналогии с содержанием Индексирования типичного документа. ------------------------------------------------ Пример использования скрипта: (может не отображаться)
------------------------------------------------ Код скрипта: (Скопируйте следующий код и вставьте между <HEAD> </ HEAD> тегами.)››› <!-- 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. --> <p> <a href="#" onclick="collapse_menu(menu1, 0); return false">Menu 1</a><br> <span id="menu1"></span> <a href="#" onclick="collapse_menu(menu2, 1); return false">Menu 2</a><br> <span id="menu2"></span> <script language="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 for each space of indentation. //and a </blockquote> tag at the end. //Example: " Option 1<br> 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> ------------------------------------------------ (Скопируйте следующий код между <BODY> </ BODY> тегами HTML-страницы.)››› <TABLE cellSpacing=1 cellPadding=1 width="550" border=0 bgColor="#000000"> <tr id="Book" bgColor="#aaaaaa" onDblClick="Collapse(this.id)"> <td width="20%">Group</td> <td width="20%">Sub Group</td> <td width="20%">Available Books</td> <td width="20%">Code</td> <td width="20%">Price</td> </tr> <tr bgColor="#cdcdcd" id="Book.1" title="Book.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none"> <td><IMG id=img.Book.1 style="CURSOR: hand" onclick="Collapse('Book.1')" height =9 src="plus1.gif" width=9 ><b>MICROSOFT</b></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ededed" id="Book.1.1" title="Book.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none"> <td><IMG id=img.Book.1.1 style="CURSOR: hand" onclick="Collapse('Book.1.1')" height =9 src="plus1.gif" width=9 ></td> <td>Visual Basic</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ffffff" id="Book.1.1.1" title="Book.1.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Programming Microsoft VB 6.0</td> <td><input type="txtStart001210"></td> <td><input type="txtEnd001210"></td> </tr> <tr bgColor="#ffffff" id="Book.1.1.2" title="Book.1.1.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>VB6.0 from the Ground Up</td> <td><input type="txtStart001212"></td> <td><input type="txtEnd001212"></td> </tr> <tr bgColor="#ffffff" id="Book.1.1.3" title="Book.1.1.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Database Access With VB 6</td> <td><input type="txtStart00121"></td> <td><input type="txtEnd00121"></td> </tr> <tr bgColor="#ededed" id="Book.1.2" title="Book.1.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none"> <td><IMG id=img.Book.1.2 style="CURSOR: hand" onclick="Collapse('Book.1.2')" height =9 src="plus1.gif" width=9 ></td> <td>ASP</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ffffff" id="Book.1.2.1" title="Book.1.2.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Programming in ASP 3.0</td> <td><input type="txtStart001310"></td> <td><input type="txtEnd001310"></td> </tr> <tr bgColor="#ffffff" id="Book.1.2.2" title="Book.1.2.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Database Access With ASP</td> <td><input type="txtStart00131"></td> <td><input type="txtEnd00131"></td> </tr> <tr bgColor="#ededed" id="Book.1.3" title="Book.1.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none"> <td><IMG id=img.Book.1.3 style="CURSOR: hand" onclick="Collapse('Book.1.3')" height =9 src="plus1.gif" width=9 ></td> <td>Visual C++</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ffffff" id="Book.1.3.1" title="Book.1.3.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Programming in Visual C ++</td> <td><input type="txtStart00143"></td> <td><input type="txtEnd00143"></td> </tr> <tr bgColor="#ededed" id="Book.1.4" title="Book.1.4" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td>ASP.NET</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ededed" id="Book.1.5" title="Book.1.5" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td>C#</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#cdcdcd" id="Book.2" title="Book.2" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td><IMG id=img.Book.2 style="CURSOR: hand" onclick="Collapse('Book.2')" height =9 src="plus1.gif" width=9 ><b>JAVA</b> </td> <td></td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ededed" id="Book.2.1" title="Book.2.1" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td><IMG id=img.Book.2.1 style="CURSOR: hand" onclick="Collapse('Book.2.1')" height =9 src="plus1.gif" width=9 ></td> <td>JSP</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ffffff" id="Book.2.1.1" title="Book.2.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Programming in JSP</td> <td><input type="txtStart002123"></td> <td><input type="txtEnd002123"></td> </tr> <tr bgColor="#ffffff" id="Book.2.1.2" title="Book.2.1.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>JSP From Scratch</td> <td><input type="txtStart0021210"></td> <td><input type="txtEnd0021210"></td> </tr> <tr bgColor="#ffffff" id="Book.2.1.3" title="Book.2.1.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Core JSP</td> <td><input type="txtStart002121"></td> <td><input type="txtEnd002121"></td> </tr> <tr bgColor="#ffffff" id="Book.2.1.4" title="Book.2.1.4" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Database Access With JSP</td> <td><input type="txtStart0021212"></td> <td><input type="txtEnd0021212"></td> </tr> <tr bgColor="#ededed" id="Book.2.2" title="Book.2.2" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td><IMG id=img.Book.2.2 style="CURSOR: hand" onclick="Collapse('Book.2.2')" height =9 src="plus1.gif" width=9 ></td> <td>J2EE</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ffffff" id="Book.2.2.1" title="Book.2.2.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>EJB Design Patterns</td> <td><input type="txtStart002223"></td> <td><input type="txtEnd002223"></td> </tr> <tr bgColor="#ffffff" id="Book.2.2.2" title="Book.2.2.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Web Services Using Java</td> <td><input type="txtStart0022210"></td> <td><input type="txtEnd0022210"></td> </tr> <tr bgColor="#ffffff" id="Book.2.2.3" title="Book.2.2.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Java Language Guide</td> <td><input type="txtStart002221"></td> <td><input type="txtEnd002221"></td> </tr> <tr bgColor="#ffffff" id="Book.2.2.4" title="Book.2.2.4" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Thinking in Java</td> <td><input type="txtStart0022212"></td> <td><input type="txtEnd0022212"></td> </tr> <tr bgColor="#ffffff" id="Book.2.2.5" title="Book.2.2.5" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>Programming Jakarta Struts</td> <td><input type="txtStart002227"></td> <td><input type="txtEnd002227"></td> </tr> <tr bgColor="#cdcdcd" id="Book.3" title="Book.3" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td><IMG id=img.Book.3 style="CURSOR: hand" onclick="Collapse('Book.3')" height =9 src="plus1.gif" width=9 ><b>IBM</b></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ededed" id="Book.3.1" title="Book.3.1" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td><IMG id=img.Book.3.1 style="CURSOR: hand" onclick="Collapse('Book.3.1')" height =9 src="plus1.gif" width=9 ></td> <td>AS 400</td> <td></td> <td></td> <td></td> </tr> <tr bgColor="#ffffff" id="Book.3.1.1" title="Book.3.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none"> <td></td> <td></td> <td>AS/400 Language Guide</td> <td><input type="txtStart010233"></td> <td><input type="txtEnd010233"></td> </tr> <TR bgColor="#aaaaaa" onDblClick="Collapse('Book')"> <td colspan=5>Double Click</td> </TR></TABLE> | |||||||||||
|
| |||||||||||
| Просмотров: 662 | Загрузок: 0 | | |||||||||||
MICROSOFT| Всего комментариев: 0 | |