remove the border removal for the Filter field; todo: improve the X reset appearance
[phpmyadmin/dkf.git] / js / functions.js
blob8c924e033052dfb968ab2e0ca44e530a963256be
1 /* vim: set expandtab sw=4 ts=4 sts=4: */
2 /**
3  * general function, usally for data manipulation pages
4  *
5  * @version $Id$
6  */
8 /**
9  * @var sql_box_locked lock for the sqlbox textarea in the querybox/querywindow
10  */
11 var sql_box_locked = false;
13 /**
14  * @var array holds elements which content should only selected once
15  */
16 var only_once_elements = new Array();
18 /**
19  * selects the content of a given object, f.e. a textarea
20  *
21  * @param   object  element     element of which the content will be selected
22  * @param   var     lock        variable which holds the lock for this element
23  *                              or true, if no lock exists
24  * @param   boolean only_once   if true this is only done once
25  *                              f.e. only on first focus
26  */
27 function selectContent( element, lock, only_once ) {
28     if ( only_once && only_once_elements[element.name] ) {
29         return;
30     }
32     only_once_elements[element.name] = true;
34     if ( lock  ) {
35         return;
36     }
38     element.select();
41 /**
42  * Displays an confirmation box before to submit a "DROP DATABASE" query.
43  * This function is called while clicking links
44  *
45  * @param   object   the link
46  * @param   object   the sql query to submit
47  *
48  * @return  boolean  whether to run the query or not
49  */
50 function confirmLinkDropDB(theLink, theSqlQuery)
52     // Confirmation is not required in the configuration file
53     // or browser is Opera (crappy js implementation)
54     if (PMA_messages['strDoYouReally'] == '' || typeof(window.opera) != 'undefined') {
55         return true;
56     }
58     var is_confirmed = confirm(PMA_messages['strDropDatabaseStrongWarning'] + '\n' + PMA_messages['strDoYouReally'] + ' :\n' + theSqlQuery);
59     if (is_confirmed) {
60         theLink.href += '&is_js_confirmed=1';
61     }
63     return is_confirmed;
64 } // end of the 'confirmLinkDropDB()' function
66 /**
67  * Displays an confirmation box before to submit a "DROP/DELETE/ALTER" query.
68  * This function is called while clicking links
69  *
70  * @param   object   the link
71  * @param   object   the sql query to submit
72  *
73  * @return  boolean  whether to run the query or not
74  */
75 function confirmLink(theLink, theSqlQuery)
77     // Confirmation is not required in the configuration file
78     // or browser is Opera (crappy js implementation)
79     if (PMA_messages['strDoYouReally'] == '' || typeof(window.opera) != 'undefined') {
80         return true;
81     }
83     var is_confirmed = confirm(PMA_messages['strDoYouReally'] + ' :\n' + theSqlQuery);
84     if (is_confirmed) {
85         if ( typeof(theLink.href) != 'undefined' ) {
86             theLink.href += '&is_js_confirmed=1';
87         } else if ( typeof(theLink.form) != 'undefined' ) {
88             theLink.form.action += '?is_js_confirmed=1';
89         }
90     }
92     return is_confirmed;
93 } // end of the 'confirmLink()' function
96 /**
97  * Displays an confirmation box before doing some action
98  *
99  * @param   object   the message to display
101  * @return  boolean  whether to run the query or not
102  */
103 function confirmAction(theMessage)
105     // TODO: Confirmation is not required in the configuration file
106     // or browser is Opera (crappy js implementation)
107     if (typeof(window.opera) != 'undefined') {
108         return true;
109     }
111     var is_confirmed = confirm(theMessage);
113     return is_confirmed;
114 } // end of the 'confirmAction()' function
118  * Displays an error message if a "DROP DATABASE" statement is submitted
119  * while it isn't allowed, else confirms a "DROP/DELETE/ALTER" query before
120  * sumitting it if required.
121  * This function is called by the 'checkSqlQuery()' js function.
123  * @param   object   the form
124  * @param   object   the sql query textarea
126  * @return  boolean  whether to run the query or not
128  * @see     checkSqlQuery()
129  */
130 function confirmQuery(theForm1, sqlQuery1)
132     // Confirmation is not required in the configuration file
133     if (PMA_messages['strDoYouReally'] == '') {
134         return true;
135     }
137     // The replace function (js1.2) isn't supported
138     else if (typeof(sqlQuery1.value.replace) == 'undefined') {
139         return true;
140     }
142     // js1.2+ -> validation with regular expressions
143     else {
144         // "DROP DATABASE" statement isn't allowed
145         if (PMA_messages['strNoDropDatabases'] != '') {
146             var drop_re = new RegExp('(^|;)\\s*DROP\\s+(IF EXISTS\\s+)?DATABASE\\s', 'i');
147             if (drop_re.test(sqlQuery1.value)) {
148                 alert(PMA_messages['strNoDropDatabases']);
149                 theForm1.reset();
150                 sqlQuery1.focus();
151                 return false;
152             } // end if
153         } // end if
155         // Confirms a "DROP/DELETE/ALTER" statement
156         //
157         // TODO: find a way (if possible) to use the parser-analyser
158         // for this kind of verification
159         // For now, I just added a ^ to check for the statement at
160         // beginning of expression
162         var do_confirm_re_0 = new RegExp('^\\s*DROP\\s+(IF EXISTS\\s+)?(TABLE|DATABASE|PROCEDURE)\\s', 'i');
163         var do_confirm_re_1 = new RegExp('^\\s*ALTER\\s+TABLE\\s+((`[^`]+`)|([A-Za-z0-9_$]+))\\s+DROP\\s', 'i');
164         var do_confirm_re_2 = new RegExp('^\\s*DELETE\\s+FROM\\s', 'i');
165         if (do_confirm_re_0.test(sqlQuery1.value)
166             || do_confirm_re_1.test(sqlQuery1.value)
167             || do_confirm_re_2.test(sqlQuery1.value)) {
168             var message      = (sqlQuery1.value.length > 100)
169                              ? sqlQuery1.value.substr(0, 100) + '\n    ...'
170                              : sqlQuery1.value;
171             var is_confirmed = confirm(PMA_messages['strDoYouReally'] + ' :\n' + message);
172             // drop/delete/alter statement is confirmed -> update the
173             // "is_js_confirmed" form field so the confirm test won't be
174             // run on the server side and allows to submit the form
175             if (is_confirmed) {
176                 theForm1.elements['is_js_confirmed'].value = 1;
177                 return true;
178             }
179             // "DROP/DELETE/ALTER" statement is rejected -> do not submit
180             // the form
181             else {
182                 window.focus();
183                 sqlQuery1.focus();
184                 return false;
185             } // end if (handle confirm box result)
186         } // end if (display confirm box)
187     } // end confirmation stuff
189     return true;
190 } // end of the 'confirmQuery()' function
194  * Displays a confirmation box before disabling the BLOB repository for a given database.
195  * This function is called while clicking links
197  * @param   object   the database 
199  * @return  boolean  whether to disable the repository or not
200  */
201 function confirmDisableRepository(theDB)
203     // Confirmation is not required in the configuration file
204     // or browser is Opera (crappy js implementation)
205     if (PMA_messages['strDoYouReally'] == '' || typeof(window.opera) != 'undefined') {
206         return true;
207     }
209     var is_confirmed = confirm(PMA_messages['strBLOBRepositoryDisableStrongWarning'] + '\n' + PMA_messages['strBLOBRepositoryDisableAreYouSure']);
211     return is_confirmed;
212 } // end of the 'confirmDisableBLOBRepository()' function
216  * Displays an error message if the user submitted the sql query form with no
217  * sql query, else checks for "DROP/DELETE/ALTER" statements
219  * @param   object   the form
221  * @return  boolean  always false
223  * @see     confirmQuery()
224  */
225 function checkSqlQuery(theForm)
227     var sqlQuery = theForm.elements['sql_query'];
228     var isEmpty  = 1;
230     // The replace function (js1.2) isn't supported -> basic tests
231     if (typeof(sqlQuery.value.replace) == 'undefined') {
232         isEmpty      = (sqlQuery.value == '') ? 1 : 0;
233         if (isEmpty && typeof(theForm.elements['sql_file']) != 'undefined') {
234             isEmpty  = (theForm.elements['sql_file'].value == '') ? 1 : 0;
235         }
236         if (isEmpty && typeof(theForm.elements['sql_localfile']) != 'undefined') {
237             isEmpty  = (theForm.elements['sql_localfile'].value == '') ? 1 : 0;
238         }
239         if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined') {
240             isEmpty  = (theForm.elements['id_bookmark'].value == null || theForm.elements['id_bookmark'].value == '');
241         }
242     }
243     // js1.2+ -> validation with regular expressions
244     else {
245         var space_re = new RegExp('\\s+');
246         if (typeof(theForm.elements['sql_file']) != 'undefined' &&
247                 theForm.elements['sql_file'].value.replace(space_re, '') != '') {
248             return true;
249         }
250         if (typeof(theForm.elements['sql_localfile']) != 'undefined' &&
251                 theForm.elements['sql_localfile'].value.replace(space_re, '') != '') {
252             return true;
253         }
254         if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined' &&
255                 (theForm.elements['id_bookmark'].value != null || theForm.elements['id_bookmark'].value != '') &&
256                 theForm.elements['id_bookmark'].selectedIndex != 0
257                 ) {
258             return true;
259         }
260         // Checks for "DROP/DELETE/ALTER" statements
261         if (sqlQuery.value.replace(space_re, '') != '') {
262             if (confirmQuery(theForm, sqlQuery)) {
263                 return true;
264             } else {
265                 return false;
266             }
267         }
268         theForm.reset();
269         isEmpty = 1;
270     }
272     if (isEmpty) {
273         sqlQuery.select();
274         alert(PMA_messages['strFormEmpty']);
275         sqlQuery.focus();
276         return false;
277     }
279     return true;
280 } // end of the 'checkSqlQuery()' function
282 // Global variable row_class is set to even
283 var row_class = 'even';
285 /** 
286 * Generates a row dynamically in the differences table displaying
287 * the complete statistics of difference in  table like number of 
288 * rows to be updated, number of rows to be inserted, number of 
289 * columns to be added, number of columns to be removed, etc.
291 * @param  index         index of matching table
292 * @param  update_size   number of rows/column to be updated
293 * @param  insert_size   number of rows/coulmns to be inserted
294 * @param  remove_size   number of columns to be removed
295 * @param  insert_index  number of indexes to be inserted
296 * @param  remove_index  number of indexes to be removed
297 * @param  img_obj       image object 
298 * @param  table_name    name of the table
301 function showDetails(i, update_size, insert_size, remove_size, insert_index, remove_index, img_obj, table_name)
302 {   
303     // The path of the image is split to facilitate comparison
304     var relative_path = (img_obj.src).split("themes/"); 
305     
306     // The image source is changed when the showDetails function is called.
307     if (relative_path[1] == 'original/img/new_data_hovered.jpg') {    
308         img_obj.src = "./themes/original/img/new_data_selected_hovered.jpg";
309         img_obj.alt = PMA_messages['strClickToUnselect'];  //only for IE browser
310     } else if (relative_path[1] == 'original/img/new_struct_hovered.jpg') {
311         img_obj.src = "./themes/original/img/new_struct_selected_hovered.jpg";
312         img_obj.alt = PMA_messages['strClickToUnselect'];
313     } else if (relative_path[1] == 'original/img/new_struct_selected_hovered.jpg') {
314         img_obj.src = "./themes/original/img/new_struct_hovered.jpg";
315         img_obj.alt = PMA_messages['strClickToSelect'];
316     } else if (relative_path[1] == 'original/img/new_data_selected_hovered.jpg') {    
317         img_obj.src = "./themes/original/img/new_data_hovered.jpg";
318         img_obj.alt = PMA_messages['strClickToSelect'];
319     } 
320     
321     var div = document.getElementById("list");    
322     var table = div.getElementsByTagName("table")[0]; 
323     var table_body = table.getElementsByTagName("tbody")[0];
324     
325     //Global variable row_class is being used
326     if (row_class == 'even') {
327         row_class = 'odd';
328     } else {
329         row_class = 'even'; 
330     }
331     // If the red or green button against a table name is pressed then append a new row to show the details of differences of this table. 
332     if ((relative_path[1] != 'original/img/new_struct_selected_hovered.jpg') && (relative_path[1] != 'original/img/new_data_selected_hovered.jpg')) { 
333         
334         var newRow = document.createElement("tr");    
335         newRow.setAttribute("class", row_class);
336         newRow.className = row_class; 
337         // Id assigned to this row element is same as the index of this table name in the  matching_tables/source_tables_uncommon array  
338         newRow.setAttribute("id" , i);
339             
340         var table_name_cell = document.createElement("td");
341         table_name_cell.align = "center";
342         table_name_cell.innerHTML = table_name ;
343         
344         newRow.appendChild(table_name_cell);
345        
346         var create_table = document.createElement("td");
347         create_table.align = "center";
348            
349         var add_cols = document.createElement("td");
350         add_cols.align = "center";
351         
352         var remove_cols = document.createElement("td");
353         remove_cols.align = "center";
354         
355         var alter_cols = document.createElement("td");
356         alter_cols.align = "center";
357         
358         var add_index = document.createElement("td");
359         add_index.align = "center";
360         
361         var delete_index = document.createElement("td");
362         delete_index.align = "center";
363         
364         var update_rows = document.createElement("td");
365         update_rows.align = "center";
366         
367         var insert_rows = document.createElement("td");
368         insert_rows.align = "center";
369         
370         var tick_image = document.createElement("img");
371         tick_image.src = "./themes/original/img/s_success.png"; 
373         if (update_size == '' && insert_size == '' && remove_size == '') {
374           /**
375           This is the case when the table needs to be created in target database. 
376           */
377             create_table.appendChild(tick_image);
378             add_cols.innerHTML = "--";
379             remove_cols.innerHTML = "--";         
380             alter_cols.innerHTML = "--";
381             delete_index.innerHTML = "--";
382             add_index.innerHTML = "--";
383             update_rows.innerHTML = "--";
384             insert_rows.innerHTML = "--";
386             newRow.appendChild(create_table);
387             newRow.appendChild(add_cols);
388             newRow.appendChild(remove_cols);
389             newRow.appendChild(alter_cols);
390             newRow.appendChild(delete_index);
391             newRow.appendChild(add_index);
392             newRow.appendChild(update_rows);
393             newRow.appendChild(insert_rows);
394             
395         } else if (update_size == '' && remove_size == '') {
396            /**
397            This is the case when data difference is displayed in the 
398            table which is present in source but absent from target database 
399           */
400             create_table.innerHTML = "--";
401             add_cols.innerHTML = "--";
402             remove_cols.innerHTML = "--";         
403             alter_cols.innerHTML = "--";
404             add_index.innerHTML = "--";
405             delete_index.innerHTML = "--";
406             update_rows.innerHTML = "--";
407             insert_rows.innerHTML = insert_size;
408             
409             newRow.appendChild(create_table);
410             newRow.appendChild(add_cols);
411             newRow.appendChild(remove_cols);
412             newRow.appendChild(alter_cols);
413             newRow.appendChild(delete_index); 
414             newRow.appendChild(add_index);
415             newRow.appendChild(update_rows);
416             newRow.appendChild(insert_rows);
417             
418         } else if (remove_size == '') {
419             /**
420              This is the case when data difference between matching_tables is displayed. 
421             */
422             create_table.innerHTML = "--";
423             add_cols.innerHTML = "--";
424             remove_cols.innerHTML = "--";         
425             alter_cols.innerHTML = "--";
426             add_index.innerHTML = "--";
427             delete_index.innerHTML = "--";
428             update_rows.innerHTML = update_size;
429             insert_rows.innerHTML = insert_size;
430             
431             newRow.appendChild(create_table);
432             newRow.appendChild(add_cols);
433             newRow.appendChild(remove_cols);
434             newRow.appendChild(alter_cols);
435             newRow.appendChild(delete_index);
436             newRow.appendChild(add_index);
437             newRow.appendChild(update_rows);
438             newRow.appendChild(insert_rows);
439             
440         } else {
441             /**
442             This is the case when structure difference between matching_tables id displayed
443             */
444             create_table.innerHTML = "--";
445             add_cols.innerHTML = insert_size;
446             remove_cols.innerHTML = remove_size;         
447             alter_cols.innerHTML = update_size;
448             delete_index.innerHTML = remove_index;
449             add_index.innerHTML = insert_index;
450             update_rows.innerHTML = "--";
451             insert_rows.innerHTML = "--";
452            
453             newRow.appendChild(create_table);
454             newRow.appendChild(add_cols);
455             newRow.appendChild(remove_cols);
456             newRow.appendChild(alter_cols); 
457             newRow.appendChild(delete_index);
458             newRow.appendChild(add_index);
459             newRow.appendChild(update_rows);
460             newRow.appendChild(insert_rows);
461         }
462         table_body.appendChild(newRow);
463       
464     } else if ((relative_path[1] != 'original/img/new_struct_hovered.jpg') && (relative_path[1] != 'original/img/new_data_hovered.jpg')) {
465       //The case when the row showing the details need to be removed from the table i.e. the difference button is deselected now.
466         var table_rows = table_body.getElementsByTagName("tr");
467         var j;
468         var index; 
469         for (j=0; j < table_rows.length; j++) 
470         {   
471             if (table_rows[j].id == i) { 
472                 index = j;
473                 table_rows[j].parentNode.removeChild(table_rows[j]);     
474             }
475         }
476         //The table row css is being adjusted. Class "odd" for odd rows and "even" for even rows should be maintained.
477         for(index; index < table_rows.length; index++)
478         {
479             row_class_element = table_rows[index].getAttribute('class');
480             if (row_class_element == "even") {
481                 table_rows[index].setAttribute("class","odd");  // for Mozilla firefox
482                 table_rows[index].className = "odd";            // for IE browser
483             } else {
484                 table_rows[index].setAttribute("class","even"); // for Mozilla firefox  
485                 table_rows[index].className = "even";           // for IE browser       
486             }
487         }    
488     }     
492  * Changes the image on hover effects
494  * @param   img_obj   the image object whose source needs to be changed
496  */
498 function change_Image(img_obj)
500      var relative_path = (img_obj.src).split("themes/"); 
501     
502     if (relative_path[1] == 'original/img/new_data.jpg') {    
503         img_obj.src = "./themes/original/img/new_data_hovered.jpg";  
504     } else if (relative_path[1] == 'original/img/new_struct.jpg') {
505         img_obj.src = "./themes/original/img/new_struct_hovered.jpg";
506     } else if (relative_path[1] == 'original/img/new_struct_hovered.jpg') {
507         img_obj.src = "./themes/original/img/new_struct.jpg";
508     } else if (relative_path[1] == 'original/img/new_data_hovered.jpg') {    
509         img_obj.src = "./themes/original/img/new_data.jpg";  
510     } else if (relative_path[1] == 'original/img/new_data_selected.jpg') {    
511         img_obj.src = "./themes/original/img/new_data_selected_hovered.jpg";  
512     } else if(relative_path[1] == 'original/img/new_struct_selected.jpg') {    
513         img_obj.src = "./themes/original/img/new_struct_selected_hovered.jpg";  
514     } else if (relative_path[1] == 'original/img/new_struct_selected_hovered.jpg') {    
515         img_obj.src = "./themes/original/img/new_struct_selected.jpg";  
516     } else if (relative_path[1] == 'original/img/new_data_selected_hovered.jpg') {    
517         img_obj.src = "./themes/original/img/new_data_selected.jpg";  
518     }
522  * Generates the URL containing the list of selected table ids for synchronization and 
523  * a variable checked for confirmation of deleting previous rows from target tables 
525  * @param   token   the token generated for each PMA form 
527  */
529 function ApplySelectedChanges(token)
531     var div =  document.getElementById("list");
532     var table = div.getElementsByTagName('table')[0];
533     var table_body = table.getElementsByTagName('tbody')[0];
534     // Get all the rows from the details table
535     var table_rows = table_body.getElementsByTagName('tr');
536     var x = table_rows.length;
537     var i;
538     /**
539      Append the token at the beginning of the query string followed by  
540     Table_ids that shows that "Apply Selected Changes" button is pressed            
541     */
542     var append_string = "?token="+token+"&Table_ids="+1;
543     for(i=0; i<x; i++){
544            append_string += "&";    
545            append_string += i+"="+table_rows[i].id; 
546     }
547     
548     // Getting the value of checkbox delete_rows
549     var checkbox = document.getElementById("delete_rows");
550     if (checkbox.checked){
551         append_string += "&checked=true";
552     } else {
553          append_string += "&checked=false";
554     }
555     //Appending the token and list of table ids in the URL 
556     location.href += token;
557     location.href += append_string;
560 /** 
561 * Displays error message if any text field 
562 * is left empty other than port field.
564 * @param  string   the form name
565 * @param  object   the form
567 * @return  boolean  whether the form field is empty or not
569 function validateConnection(form_name, form_obj)
570 {   
571     var check = true;
572     var src_hostfilled = true;
573     var trg_hostfilled = true;
575     for (var i=1; i<form_name.elements.length; i++)
576     {
577         // All the text fields are checked excluding the port field because the default port can be used.
578         if ((form_name.elements[i].type == 'text') && (form_name.elements[i].name != 'src_port') && (form_name.elements[i].name != 'trg_port')) {
579             check = true;
580             check = emptyFormElements(form_obj, form_name.elements[i].name);
582             if (check==false) {
583               element = form_name.elements[i].name;
584               if (form_name.elements[i].name == 'src_host') {
585                 src_hostfilled = false;
586                 continue;
587               }
588               if (form_name.elements[i].name == 'trg_host') {
589                 trg_hostfilled = false;
590                 continue;
591               }
592               if ((form_name.elements[i].name == 'src_socket' && src_hostfilled==false) || (form_name.elements[i].name == 'trg_socket' && trg_hostfilled==false))
593                 break;
594               else
595                 continue;
596               break;
597             }
598         } 
599     }
600     if (!check) {
601         form_obj.reset();
602         element.select();
603         alert(PMA_messages['strFormEmpty']);
604         element.focus();
605     }
606     return check;
608     
610  * Check if a form's element is empty
611  * should be
613  * @param   object   the form
614  * @param   string   the name of the form field to put the focus on
616  * @return  boolean  whether the form field is empty or not
617  */
618 function emptyCheckTheField(theForm, theFieldName)
620     var isEmpty  = 1;
621     var theField = theForm.elements[theFieldName];
622     // Whether the replace function (js1.2) is supported or not
623     var isRegExp = (typeof(theField.value.replace) != 'undefined');
625     if (!isRegExp) {
626         isEmpty      = (theField.value == '') ? 1 : 0;
627     } else {
628         var space_re = new RegExp('\\s+');
629         isEmpty      = (theField.value.replace(space_re, '') == '') ? 1 : 0;
630     }
632     return isEmpty;
633 } // end of the 'emptyCheckTheField()' function
638  * @param   object   the form
639  * @param   string   the name of the form field to put the focus on
641  * @return  boolean  whether the form field is empty or not
642  */
643 function emptyFormElements(theForm, theFieldName)
645     var theField = theForm.elements[theFieldName];
646     var isEmpty = emptyCheckTheField(theForm, theFieldName);
649     return isEmpty;
650 } // end of the 'emptyFormElements()' function
654  * Ensures a value submitted in a form is numeric and is in a range
656  * @param   object   the form
657  * @param   string   the name of the form field to check
658  * @param   integer  the minimum authorized value
659  * @param   integer  the maximum authorized value
661  * @return  boolean  whether a valid number has been submitted or not
662  */
663 function checkFormElementInRange(theForm, theFieldName, message, min, max)
665     var theField         = theForm.elements[theFieldName];
666     var val              = parseInt(theField.value);
668     if (typeof(min) == 'undefined') {
669         min = 0;
670     }
671     if (typeof(max) == 'undefined') {
672         max = Number.MAX_VALUE;
673     }
675     // It's not a number
676     if (isNaN(val)) {
677         theField.select();
678         alert(PMA_messages['strNotNumber']);
679         theField.focus();
680         return false;
681     }
682     // It's a number but it is not between min and max
683     else if (val < min || val > max) {
684         theField.select();
685         alert(message.replace('%d', val));
686         theField.focus();
687         return false;
688     }
689     // It's a valid number
690     else {
691         theField.value = val;
692     }
693     return true;
695 } // end of the 'checkFormElementInRange()' function
698 function checkTableEditForm(theForm, fieldsCnt)
700     // TODO: avoid sending a message if user just wants to add a line
701     // on the form but has not completed at least one field name
703     var atLeastOneField = 0;
704     var i, elm, elm2, elm3, val, id;
706     for (i=0; i<fieldsCnt; i++)
707     {
708         id = "field_" + i + "_2";
709         elm = getElement(id);
710         if (elm.value == 'VARCHAR' || elm.value == 'CHAR' || elm.value == 'BIT' || elm.value == 'VARBINARY' || elm.value == 'BINARY') {
711             elm2 = getElement("field_" + i + "_3");
712             val = parseInt(elm2.value);
713             elm3 = getElement("field_" + i + "_1");
714             if (isNaN(val) && elm3.value != "") {
715                 elm2.select();
716                 alert(PMA_messages['strNotNumber']);
717                 elm2.focus();
718                 return false;
719             }
720         }
722         if (atLeastOneField == 0) {
723             id = "field_" + i + "_1";
724             if (!emptyCheckTheField(theForm, id)) {
725                 atLeastOneField = 1;
726             }
727         }
728     }
729     if (atLeastOneField == 0) {
730         var theField = theForm.elements["field_0_1"];
731         alert(PMA_messages['strFormEmpty']);
732         theField.focus();
733         return false;
734     }
736     return true;
737 } // enf of the 'checkTableEditForm()' function
741  * Ensures the choice between 'transmit', 'zipped', 'gzipped' and 'bzipped'
742  * checkboxes is consistant
744  * @param   object   the form
745  * @param   string   a code for the action that causes this function to be run
747  * @return  boolean  always true
748  */
749 function checkTransmitDump(theForm, theAction)
751     var formElts = theForm.elements;
753     // 'zipped' option has been checked
754     if (theAction == 'zip' && formElts['zip'].checked) {
755         if (!formElts['asfile'].checked) {
756             theForm.elements['asfile'].checked = true;
757         }
758         if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
759             theForm.elements['gzip'].checked = false;
760         }
761         if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
762             theForm.elements['bzip'].checked = false;
763         }
764     }
765     // 'gzipped' option has been checked
766     else if (theAction == 'gzip' && formElts['gzip'].checked) {
767         if (!formElts['asfile'].checked) {
768             theForm.elements['asfile'].checked = true;
769         }
770         if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
771             theForm.elements['zip'].checked = false;
772         }
773         if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
774             theForm.elements['bzip'].checked = false;
775         }
776     }
777     // 'bzipped' option has been checked
778     else if (theAction == 'bzip' && formElts['bzip'].checked) {
779         if (!formElts['asfile'].checked) {
780             theForm.elements['asfile'].checked = true;
781         }
782         if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
783             theForm.elements['zip'].checked = false;
784         }
785         if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
786             theForm.elements['gzip'].checked = false;
787         }
788     }
789     // 'transmit' option has been unchecked
790     else if (theAction == 'transmit' && !formElts['asfile'].checked) {
791         if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
792             theForm.elements['zip'].checked = false;
793         }
794         if ((typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked)) {
795             theForm.elements['gzip'].checked = false;
796         }
797         if ((typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked)) {
798             theForm.elements['bzip'].checked = false;
799         }
800     }
802     return true;
803 } // end of the 'checkTransmitDump()' function
807  * This array is used to remember mark status of rows in browse mode
808  */
809 var marked_row = new Array;
812  * enables highlight and marking of rows in data tables
814  */
815 function PMA_markRowsInit() {
816     // for every table row ...
817     var rows = document.getElementsByTagName('tr');
818     for ( var i = 0; i < rows.length; i++ ) {
819         // ... with the class 'odd' or 'even' ...
820         if ( 'odd' != rows[i].className.substr(0,3) && 'even' != rows[i].className.substr(0,4) ) {
821             continue;
822         }
823         // ... add event listeners ...
824         // ... to highlight the row on mouseover ...
825         if ( navigator.appName == 'Microsoft Internet Explorer' ) {
826             // but only for IE, other browsers are handled by :hover in css
827             rows[i].onmouseover = function() {
828                 this.className += ' hover';
829             }
830             rows[i].onmouseout = function() {
831                 this.className = this.className.replace( ' hover', '' );
832             }
833         }
834         // Do not set click events if not wanted
835         if (rows[i].className.search(/noclick/) != -1) {
836             continue;
837         }
838         // ... and to mark the row on click ...
839         rows[i].onmousedown = function(event) {
840             var unique_id;
841             var checkbox;
842             var table;
844             // Somehow IE8 has this not set
845             if (!event) var event = window.event
846                         
847             checkbox = this.getElementsByTagName( 'input' )[0];
848             if ( checkbox && checkbox.type == 'checkbox' ) {
849                 unique_id = checkbox.name + checkbox.value;
850             } else if ( this.id.length > 0 ) {
851                 unique_id = this.id;
852             } else {
853                 return;
854             }
856             if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
857                 marked_row[unique_id] = true;
858             } else {
859                 marked_row[unique_id] = false;
860             }
862             if ( marked_row[unique_id] ) {
863                 this.className += ' marked';
864             } else {
865                 this.className = this.className.replace(' marked', '');
866             }
868             if ( checkbox && checkbox.disabled == false ) {
869                 checkbox.checked = marked_row[unique_id];
870                 if (typeof(event) == 'object') {
871                     table = this.parentNode;
872                     i = 0;
873                     while (table.tagName.toLowerCase() != 'table' && i < 20) {
874                         i++;
875                         table = table.parentNode;
876                     }
878                     if (event.shiftKey == true && table.lastClicked != undefined) {
879                         if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; }
880                         i = table.lastClicked;
882                         if (i < this.rowIndex) {
883                             i++;
884                         } else {
885                             i--;
886                         }
888                         while (i != this.rowIndex) {
889                             table.rows[i].onmousedown();
890                             if (i < this.rowIndex) {
891                                 i++;
892                             } else {
893                                 i--;
894                             }
895                         }
896                     }
898                     table.lastClicked = this.rowIndex;
899                 }
900             }
901         }
903         // ... and disable label ...
904         var labeltag = rows[i].getElementsByTagName('label')[0];
905         if ( labeltag ) {
906             labeltag.onclick = function() {
907                 return false;
908             }
909         }
910         // .. and checkbox clicks
911         var checkbox = rows[i].getElementsByTagName('input')[0];
912         if ( checkbox ) {
913             checkbox.onclick = function() {
914                 // opera does not recognize return false;
915                 this.checked = ! this.checked;
916             }
917         }
918     }
920 window.onload=PMA_markRowsInit;
923  * marks all rows and selects its first checkbox inside the given element
924  * the given element is usaly a table or a div containing the table or tables
926  * @param    container    DOM element
927  */
928 function markAllRows( container_id ) {
929     var rows = document.getElementById(container_id).getElementsByTagName('tr');
930     var unique_id;
931     var checkbox;
933     for ( var i = 0; i < rows.length; i++ ) {
935         checkbox = rows[i].getElementsByTagName( 'input' )[0];
937         if ( checkbox && checkbox.type == 'checkbox' ) {
938             unique_id = checkbox.name + checkbox.value;
939             if ( checkbox.disabled == false ) {
940                 checkbox.checked = true;
941                 if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
942                     rows[i].className += ' marked';
943                     marked_row[unique_id] = true;
944                 }
945             }
946         }
947     }
949     return true;
953  * marks all rows and selects its first checkbox inside the given element
954  * the given element is usaly a table or a div containing the table or tables
956  * @param    container    DOM element
957  */
958 function unMarkAllRows( container_id ) {
959     var rows = document.getElementById(container_id).getElementsByTagName('tr');
960     var unique_id;
961     var checkbox;
963     for ( var i = 0; i < rows.length; i++ ) {
965         checkbox = rows[i].getElementsByTagName( 'input' )[0];
967         if ( checkbox && checkbox.type == 'checkbox' ) {
968             unique_id = checkbox.name + checkbox.value;
969             checkbox.checked = false;
970             rows[i].className = rows[i].className.replace(' marked', '');
971             marked_row[unique_id] = false;
972         }
973     }
975     return true;
979  * Sets/unsets the pointer and marker in browse mode
981  * @param   object    the table row
982  * @param   integer  the row number
983  * @param   string    the action calling this script (over, out or click)
984  * @param   string    the default background color
985  * @param   string    the color to use for mouseover
986  * @param   string    the color to use for marking a row
988  * @return  boolean  whether pointer is set or not
989  */
990 function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerColor, theMarkColor)
992     var theCells = null;
994     // 1. Pointer and mark feature are disabled or the browser can't get the
995     //    row -> exits
996     if ((thePointerColor == '' && theMarkColor == '')
997         || typeof(theRow.style) == 'undefined') {
998         return false;
999     }
1001     // 1.1 Sets the mouse pointer to pointer on mouseover and back to normal otherwise.
1002     if (theAction == "over" || theAction == "click") {
1003         theRow.style.cursor='pointer';
1004     } else {
1005         theRow.style.cursor='default';
1006     }
1008     // 2. Gets the current row and exits if the browser can't get it
1009     if (typeof(document.getElementsByTagName) != 'undefined') {
1010         theCells = theRow.getElementsByTagName('td');
1011     }
1012     else if (typeof(theRow.cells) != 'undefined') {
1013         theCells = theRow.cells;
1014     }
1015     else {
1016         return false;
1017     }
1019     // 3. Gets the current color...
1020     var rowCellsCnt  = theCells.length;
1021     var domDetect    = null;
1022     var currentColor = null;
1023     var newColor     = null;
1024     // 3.1 ... with DOM compatible browsers except Opera that does not return
1025     //         valid values with "getAttribute"
1026     if (typeof(window.opera) == 'undefined'
1027         && typeof(theCells[0].getAttribute) != 'undefined') {
1028         currentColor = theCells[0].getAttribute('bgcolor');
1029         domDetect    = true;
1030     }
1031     // 3.2 ... with other browsers
1032     else {
1033         currentColor = theCells[0].style.backgroundColor;
1034         domDetect    = false;
1035     } // end 3
1037     // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
1038     if (currentColor.indexOf("rgb") >= 0)
1039     {
1040         var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
1041                                      currentColor.indexOf(')'));
1042         var rgbValues = rgbStr.split(",");
1043         currentColor = "#";
1044         var hexChars = "0123456789ABCDEF";
1045         for (var i = 0; i < 3; i++)
1046         {
1047             var v = rgbValues[i].valueOf();
1048             currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
1049         }
1050     }
1052     // 4. Defines the new color
1053     // 4.1 Current color is the default one
1054     if (currentColor == ''
1055         || currentColor.toLowerCase() == theDefaultColor.toLowerCase()) {
1056         if (theAction == 'over' && thePointerColor != '') {
1057             newColor              = thePointerColor;
1058         }
1059         else if (theAction == 'click' && theMarkColor != '') {
1060             newColor              = theMarkColor;
1061             marked_row[theRowNum] = true;
1062             // Garvin: deactivated onclick marking of the checkbox because it's also executed
1063             // when an action (like edit/delete) on a single item is performed. Then the checkbox
1064             // would get deactived, even though we need it activated. Maybe there is a way
1065             // to detect if the row was clicked, and not an item therein...
1066             // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
1067         }
1068     }
1069     // 4.1.2 Current color is the pointer one
1070     else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
1071              && (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])) {
1072         if (theAction == 'out') {
1073             newColor              = theDefaultColor;
1074         }
1075         else if (theAction == 'click' && theMarkColor != '') {
1076             newColor              = theMarkColor;
1077             marked_row[theRowNum] = true;
1078             // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
1079         }
1080     }
1081     // 4.1.3 Current color is the marker one
1082     else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
1083         if (theAction == 'click') {
1084             newColor              = (thePointerColor != '')
1085                                   ? thePointerColor
1086                                   : theDefaultColor;
1087             marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
1088                                   ? true
1089                                   : null;
1090             // document.getElementById('id_rows_to_delete' + theRowNum).checked = false;
1091         }
1092     } // end 4
1094     // 5. Sets the new color...
1095     if (newColor) {
1096         var c = null;
1097         // 5.1 ... with DOM compatible browsers except Opera
1098         if (domDetect) {
1099             for (c = 0; c < rowCellsCnt; c++) {
1100                 theCells[c].setAttribute('bgcolor', newColor, 0);
1101             } // end for
1102         }
1103         // 5.2 ... with other browsers
1104         else {
1105             for (c = 0; c < rowCellsCnt; c++) {
1106                 theCells[c].style.backgroundColor = newColor;
1107             }
1108         }
1109     } // end 5
1111     return true;
1112 } // end of the 'setPointer()' function
1115  * Sets/unsets the pointer and marker in vertical browse mode
1117  * @param   object    the table row
1118  * @param   integer   the column number
1119  * @param   string    the action calling this script (over, out or click)
1120  * @param   string    the default background Class
1121  * @param   string    the Class to use for mouseover
1122  * @param   string    the Class to use for marking a row
1124  * @return  boolean  whether pointer is set or not
1126  * @author Garvin Hicking <me@supergarv.de> (rewrite of setPointer.)
1127  */
1128 function setVerticalPointer(theRow, theColNum, theAction, theDefaultClass1, theDefaultClass2, thePointerClass, theMarkClass) {
1129     // 1. Pointer and mark feature are disabled or the browser can't get the
1130     //    row -> exits
1131     if ((thePointerClass == '' && theMarkClass == '')
1132         || typeof(theRow.style) == 'undefined') {
1133         return false;
1134     }
1136     var tagSwitch = null;
1138     // 2. Gets the current row and exits if the browser can't get it
1139     if (typeof(document.getElementsByTagName) != 'undefined') {
1140         tagSwitch = 'tag';
1141     } else if (typeof(document.getElementById('table_results')) != 'undefined') {
1142         tagSwitch = 'cells';
1143     } else {
1144         return false;
1145     }
1147     var theCells = null;
1149     if (tagSwitch == 'tag') {
1150         theRows     = document.getElementById('table_results').getElementsByTagName('tr');
1151         theCells    = theRows[1].getElementsByTagName('td');
1152     } else if (tagSwitch == 'cells') {
1153         theRows     = document.getElementById('table_results').rows;
1154         theCells    = theRows[1].cells;
1155     }
1157     // 3. Gets the current Class...
1158     var currentClass   = null;
1159     var newClass       = null;
1161     // 3.1 ... with DOM compatible browsers except Opera that does not return
1162     //         valid values with "getAttribute"
1163     if (typeof(window.opera) == 'undefined'
1164         && typeof(theCells[theColNum].getAttribute) != 'undefined') {
1165         currentClass = theCells[theColNum].className;
1166     } // end 3
1168     // 4. Defines the new Class
1169     // 4.1 Current Class is the default one
1170     if (currentClass == ''
1171         || currentClass.toLowerCase() == theDefaultClass1.toLowerCase()
1172         || currentClass.toLowerCase() == theDefaultClass2.toLowerCase()) {
1173         if (theAction == 'over' && thePointerClass != '') {
1174             newClass              = thePointerClass;
1175         } else if (theAction == 'click' && theMarkClass != '') {
1176             newClass              = theMarkClass;
1177             marked_row[theColNum] = true;
1178         }
1179     }
1180     // 4.1.2 Current Class is the pointer one
1181     else if (currentClass.toLowerCase() == thePointerClass.toLowerCase() &&
1182              (typeof(marked_row[theColNum]) == 'undefined' || !marked_row[theColNum]) || marked_row[theColNum] == false) {
1183             if (theAction == 'out') {
1184                 if (theColNum % 2) {
1185                     newClass              = theDefaultClass1;
1186                 } else {
1187                     newClass              = theDefaultClass2;
1188                 }
1189             }
1190             else if (theAction == 'click' && theMarkClass != '') {
1191                 newClass              = theMarkClass;
1192                 marked_row[theColNum] = true;
1193             }
1194     }
1195     // 4.1.3 Current Class is the marker one
1196     else if (currentClass.toLowerCase() == theMarkClass.toLowerCase()) {
1197         if (theAction == 'click') {
1198             newClass              = (thePointerClass != '')
1199                                   ? thePointerClass
1200                                   : ((theColNum % 2) ? theDefaultClass2 : theDefaultClass1);
1201             marked_row[theColNum] = false;
1202         }
1203     } // end 4
1205     // 5 ... with DOM compatible browsers except Opera
1207     if (newClass) {
1208         var c = null;
1209         var rowCnt = theRows.length;
1210         for (c = 0; c < rowCnt; c++) {
1211             if (tagSwitch == 'tag') {
1212                 Cells = theRows[c].getElementsByTagName('td');
1213             } else if (tagSwitch == 'cells') {
1214                 Cells = theRows[c].cells;
1215             }
1217             Cell  = Cells[theColNum];
1219             // 5.1 Sets the new Class...
1220             Cell.className = Cell.className.replace(currentClass, newClass);
1221         } // end for
1222     } // end 5
1224      return true;
1225  } // end of the 'setVerticalPointer()' function
1228  * Checks/unchecks all checkbox in given conainer (f.e. a form, fieldset or div)
1230  * @param   string   container_id  the container id
1231  * @param   boolean  state         new value for checkbox (true or false)
1232  * @return  boolean  always true
1233  */
1234 function setCheckboxes( container_id, state ) {
1235     var checkboxes = document.getElementById(container_id).getElementsByTagName('input');
1237     for ( var i = 0; i < checkboxes.length; i++ ) {
1238         if ( checkboxes[i].type == 'checkbox' ) {
1239             checkboxes[i].checked = state;
1240         }
1241     }
1243     return true;
1244 } // end of the 'setCheckboxes()' function
1247 // added 2004-05-08 by Michael Keck <mail_at_michaelkeck_dot_de>
1248 //   copy the checked from left to right or from right to left
1249 //   so it's easier for users to see, if $cfg['ModifyAtRight']=true, what they've checked ;)
1250 function copyCheckboxesRange(the_form, the_name, the_clicked)
1252     if (typeof(document.forms[the_form].elements[the_name]) != 'undefined' && typeof(document.forms[the_form].elements[the_name + 'r']) != 'undefined') {
1253         if (the_clicked !== 'r') {
1254             if (document.forms[the_form].elements[the_name].checked == true) {
1255                 document.forms[the_form].elements[the_name + 'r'].checked = true;
1256             }else {
1257                 document.forms[the_form].elements[the_name + 'r'].checked = false;
1258             }
1259         } else if (the_clicked == 'r') {
1260             if (document.forms[the_form].elements[the_name + 'r'].checked == true) {
1261                 document.forms[the_form].elements[the_name].checked = true;
1262             }else {
1263                 document.forms[the_form].elements[the_name].checked = false;
1264             }
1265        }
1266     }
1270 // added 2004-05-08 by Michael Keck <mail_at_michaelkeck_dot_de>
1271 //  - this was directly written to each td, so why not a function ;)
1272 //  setCheckboxColumn(\'id_rows_to_delete' . $row_no . ''\');
1273 function setCheckboxColumn(theCheckbox){
1274     if (document.getElementById(theCheckbox)) {
1275         document.getElementById(theCheckbox).checked = (document.getElementById(theCheckbox).checked ? false : true);
1276         if (document.getElementById(theCheckbox + 'r')) {
1277             document.getElementById(theCheckbox + 'r').checked = document.getElementById(theCheckbox).checked;
1278         }
1279     } else {
1280         if (document.getElementById(theCheckbox + 'r')) {
1281             document.getElementById(theCheckbox + 'r').checked = (document.getElementById(theCheckbox +'r').checked ? false : true);
1282             if (document.getElementById(theCheckbox)) {
1283                 document.getElementById(theCheckbox).checked = document.getElementById(theCheckbox + 'r').checked;
1284             }
1285         }
1286     }
1291   * Checks/unchecks all options of a <select> element
1292   *
1293   * @param   string   the form name
1294   * @param   string   the element name
1295   * @param   boolean  whether to check or to uncheck the element
1296   *
1297   * @return  boolean  always true
1298   */
1299 function setSelectOptions(the_form, the_select, do_check)
1301     var selectObject = document.forms[the_form].elements[the_select];
1302     var selectCount  = selectObject.length;
1304     for (var i = 0; i < selectCount; i++) {
1305         selectObject.options[i].selected = do_check;
1306     } // end for
1308     return true;
1309 } // end of the 'setSelectOptions()' function
1312   * Inserts multiple fields.
1313   *
1314   */
1315 function insertValueQuery() {
1316     var myQuery = document.sqlform.sql_query;
1317     var myListBox = document.sqlform.dummy;
1319     if(myListBox.options.length > 0) {
1320         sql_box_locked = true;
1321         var chaineAj = "";
1322         var NbSelect = 0;
1323         for(var i=0; i<myListBox.options.length; i++) {
1324             if (myListBox.options[i].selected){
1325                 NbSelect++;
1326                 if (NbSelect > 1)
1327                     chaineAj += ", ";
1328                 chaineAj += myListBox.options[i].value;
1329             }
1330         }
1332         //IE support
1333         if (document.selection) {
1334             myQuery.focus();
1335             sel = document.selection.createRange();
1336             sel.text = chaineAj;
1337             document.sqlform.insert.focus();
1338         }
1339         //MOZILLA/NETSCAPE support
1340         else if (document.sqlform.sql_query.selectionStart || document.sqlform.sql_query.selectionStart == "0") {
1341             var startPos = document.sqlform.sql_query.selectionStart;
1342             var endPos = document.sqlform.sql_query.selectionEnd;
1343             var chaineSql = document.sqlform.sql_query.value;
1345             myQuery.value = chaineSql.substring(0, startPos) + chaineAj + chaineSql.substring(endPos, chaineSql.length);
1346         } else {
1347             myQuery.value += chaineAj;
1348         }
1349         sql_box_locked = false;
1350     }
1354   * listbox redirection
1355   */
1356 function goToUrl(selObj, goToLocation) {
1357     eval("document.location.href = '" + goToLocation + "pos=" + selObj.options[selObj.selectedIndex].value + "'");
1361  * getElement
1362  */
1363 function getElement(e,f){
1364     if(document.layers){
1365         f=(f)?f:self;
1366         if(f.document.layers[e]) {
1367             return f.document.layers[e];
1368         }
1369         for(W=0;W<f.document.layers.length;W++) {
1370             return(getElement(e,f.document.layers[W]));
1371         }
1372     }
1373     if(document.all) {
1374         return document.all[e];
1375     }
1376     return document.getElementById(e);
1380   * Refresh the WYSIWYG-PDF scratchboard after changes have been made
1381   */
1382 function refreshDragOption(e) {
1383     myid = getElement(e);
1384     if (myid.style.visibility == 'visible') {
1385         refreshLayout();
1386     }
1390   * Refresh/resize the WYSIWYG-PDF scratchboard
1391   */
1392 function refreshLayout() {
1393         myid = getElement('pdflayout');
1395         if (document.pdfoptions.orientation.value == 'P') {
1396             posa = 'x';
1397             posb = 'y';
1398         } else {
1399             posa = 'y';
1400             posb = 'x';
1401         }
1403         myid.style.width = pdfPaperSize(document.pdfoptions.paper.value, posa) + 'px';
1404         myid.style.height = pdfPaperSize(document.pdfoptions.paper.value, posb) + 'px';
1408   * Show/hide the WYSIWYG-PDF scratchboard
1409   */
1410 function ToggleDragDrop(e) {
1411     myid = getElement(e);
1413     if (myid.style.visibility == 'hidden') {
1414         init();
1415         myid.style.visibility = 'visible';
1416         myid.style.display = 'block';
1417         document.edcoord.showwysiwyg.value = '1';
1418     } else {
1419         myid.style.visibility = 'hidden';
1420         myid.style.display = 'none';
1421         document.edcoord.showwysiwyg.value = '0';
1422     }
1426   * PDF scratchboard: When a position is entered manually, update
1427   * the fields inside the scratchboard.
1428   */
1429 function dragPlace(no, axis, value) {
1430     if (axis == 'x') {
1431         getElement("table_" + no).style.left = value + 'px';
1432     } else {
1433         getElement("table_" + no).style.top  = value + 'px';
1434     }
1438  * Returns paper sizes for a given format
1439  */
1440 function pdfPaperSize(format, axis) {
1441     switch (format.toUpperCase()) {
1442         case '4A0':
1443             if (axis == 'x') return 4767.87; else return 6740.79;
1444             break;
1445         case '2A0':
1446             if (axis == 'x') return 3370.39; else return 4767.87;
1447             break;
1448         case 'A0':
1449             if (axis == 'x') return 2383.94; else return 3370.39;
1450             break;
1451         case 'A1':
1452             if (axis == 'x') return 1683.78; else return 2383.94;
1453             break;
1454         case 'A2':
1455             if (axis == 'x') return 1190.55; else return 1683.78;
1456             break;
1457         case 'A3':
1458             if (axis == 'x') return 841.89; else return 1190.55;
1459             break;
1460         case 'A4':
1461             if (axis == 'x') return 595.28; else return 841.89;
1462             break;
1463         case 'A5':
1464             if (axis == 'x') return 419.53; else return 595.28;
1465             break;
1466         case 'A6':
1467             if (axis == 'x') return 297.64; else return 419.53;
1468             break;
1469         case 'A7':
1470             if (axis == 'x') return 209.76; else return 297.64;
1471             break;
1472         case 'A8':
1473             if (axis == 'x') return 147.40; else return 209.76;
1474             break;
1475         case 'A9':
1476             if (axis == 'x') return 104.88; else return 147.40;
1477             break;
1478         case 'A10':
1479             if (axis == 'x') return 73.70; else return 104.88;
1480             break;
1481         case 'B0':
1482             if (axis == 'x') return 2834.65; else return 4008.19;
1483             break;
1484         case 'B1':
1485             if (axis == 'x') return 2004.09; else return 2834.65;
1486             break;
1487         case 'B2':
1488             if (axis == 'x') return 1417.32; else return 2004.09;
1489             break;
1490         case 'B3':
1491             if (axis == 'x') return 1000.63; else return 1417.32;
1492             break;
1493         case 'B4':
1494             if (axis == 'x') return 708.66; else return 1000.63;
1495             break;
1496         case 'B5':
1497             if (axis == 'x') return 498.90; else return 708.66;
1498             break;
1499         case 'B6':
1500             if (axis == 'x') return 354.33; else return 498.90;
1501             break;
1502         case 'B7':
1503             if (axis == 'x') return 249.45; else return 354.33;
1504             break;
1505         case 'B8':
1506             if (axis == 'x') return 175.75; else return 249.45;
1507             break;
1508         case 'B9':
1509             if (axis == 'x') return 124.72; else return 175.75;
1510             break;
1511         case 'B10':
1512             if (axis == 'x') return 87.87; else return 124.72;
1513             break;
1514         case 'C0':
1515             if (axis == 'x') return 2599.37; else return 3676.54;
1516             break;
1517         case 'C1':
1518             if (axis == 'x') return 1836.85; else return 2599.37;
1519             break;
1520         case 'C2':
1521             if (axis == 'x') return 1298.27; else return 1836.85;
1522             break;
1523         case 'C3':
1524             if (axis == 'x') return 918.43; else return 1298.27;
1525             break;
1526         case 'C4':
1527             if (axis == 'x') return 649.13; else return 918.43;
1528             break;
1529         case 'C5':
1530             if (axis == 'x') return 459.21; else return 649.13;
1531             break;
1532         case 'C6':
1533             if (axis == 'x') return 323.15; else return 459.21;
1534             break;
1535         case 'C7':
1536             if (axis == 'x') return 229.61; else return 323.15;
1537             break;
1538         case 'C8':
1539             if (axis == 'x') return 161.57; else return 229.61;
1540             break;
1541         case 'C9':
1542             if (axis == 'x') return 113.39; else return 161.57;
1543             break;
1544         case 'C10':
1545             if (axis == 'x') return 79.37; else return 113.39;
1546             break;
1547         case 'RA0':
1548             if (axis == 'x') return 2437.80; else return 3458.27;
1549             break;
1550         case 'RA1':
1551             if (axis == 'x') return 1729.13; else return 2437.80;
1552             break;
1553         case 'RA2':
1554             if (axis == 'x') return 1218.90; else return 1729.13;
1555             break;
1556         case 'RA3':
1557             if (axis == 'x') return 864.57; else return 1218.90;
1558             break;
1559         case 'RA4':
1560             if (axis == 'x') return 609.45; else return 864.57;
1561             break;
1562         case 'SRA0':
1563             if (axis == 'x') return 2551.18; else return 3628.35;
1564             break;
1565         case 'SRA1':
1566             if (axis == 'x') return 1814.17; else return 2551.18;
1567             break;
1568         case 'SRA2':
1569             if (axis == 'x') return 1275.59; else return 1814.17;
1570             break;
1571         case 'SRA3':
1572             if (axis == 'x') return 907.09; else return 1275.59;
1573             break;
1574         case 'SRA4':
1575             if (axis == 'x') return 637.80; else return 907.09;
1576             break;
1577         case 'LETTER':
1578             if (axis == 'x') return 612.00; else return 792.00;
1579             break;
1580         case 'LEGAL':
1581             if (axis == 'x') return 612.00; else return 1008.00;
1582             break;
1583         case 'EXECUTIVE':
1584             if (axis == 'x') return 521.86; else return 756.00;
1585             break;
1586         case 'FOLIO':
1587             if (axis == 'x') return 612.00; else return 936.00;
1588             break;
1589     } // end switch
1591     return 0;
1595  * rajk - for playing media from the BLOB repository
1597  * @param   var     
1598  * @param   var     url_params  main purpose is to pass the token 
1599  * @param   var     bs_ref      BLOB repository reference
1600  * @param   var     m_type      type of BLOB repository media
1601  * @param   var     w_width     width of popup window
1602  * @param   var     w_height    height of popup window
1603  */
1604 function popupBSMedia(url_params, bs_ref, m_type, is_cust_type, w_width, w_height)
1606     // if width not specified, use default
1607     if (w_width == undefined)
1608         w_width = 640;
1610     // if height not specified, use default
1611     if (w_height == undefined)
1612         w_height = 480;
1614     // open popup window (for displaying video/playing audio)
1615     var mediaWin = window.open('bs_play_media.php?' + url_params + '&bs_reference=' + bs_ref + '&media_type=' + m_type + '&custom_type=' + is_cust_type, 'viewBSMedia', 'width=' + w_width + ', height=' + w_height + ', resizable=1, scrollbars=1, status=0');
1619  * rajk - popups a request for changing MIME types for files in the BLOB repository
1621  * @param   var     db                      database name
1622  * @param   var     table                   table name
1623  * @param   var     reference               BLOB repository reference
1624  * @param   var     current_mime_type       current MIME type associated with BLOB repository reference
1625  */
1626 function requestMIMETypeChange(db, table, reference, current_mime_type)
1628     // no mime type specified, set to default (nothing)
1629     if (undefined == current_mime_type)
1630         current_mime_type == "";
1632     // prompt user for new mime type
1633     var new_mime_type = prompt("Enter custom MIME type", current_mime_type);
1635     // if new mime_type is specified and is not the same as the previous type, request for mime type change
1636     if (new_mime_type && new_mime_type != current_mime_type)
1637         changeMIMEType(db, table, reference, new_mime_type);
1641  * rajk - changes MIME types for files in the BLOB repository
1643  * @param   var     db              database name
1644  * @param   var     table           table name
1645  * @param   var     reference       BLOB repository reference
1646  * @param   var     mime_type       new MIME type to be associated with BLOB repository reference
1647  */
1648 function changeMIMEType(db, table, reference, mime_type)
1650     // specify url and parameters for mootools AJAx request
1651     var mime_chg_url = 'bs_change_mime_type.php';
1652     var params = { bs_db: db, bs_table: table, bs_reference: reference, bs_new_mime_type: mime_type };
1654     // create AJAX object with above options and execute request
1655     var chgRequest = new Request({ method: 'post', url: mime_chg_url, data: params, evalScripts: true });
1656     chgRequest.send();