1 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 * general function, usally for data manipulation pages
9 * @var sql_box_locked lock for the sqlbox textarea in the querybox/querywindow
11 var sql_box_locked = false;
14 * @var array holds elements which content should only selected once
16 var only_once_elements = new Array();
19 * selects the content of a given object, f.e. a textarea
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
27 function selectContent( element, lock, only_once ) {
28 if ( only_once && only_once_elements[element.name] ) {
32 only_once_elements[element.name] = true;
42 * Displays an confirmation box before to submit a "DROP DATABASE" query.
43 * This function is called while clicking links
45 * @param object the link
46 * @param object the sql query to submit
48 * @return boolean whether to run the query or not
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') {
58 var is_confirmed = confirm(PMA_messages['strDropDatabaseStrongWarning'] + '\n' + PMA_messages['strDoYouReally'] + ' :\n' + theSqlQuery);
60 theLink.href += '&is_js_confirmed=1';
64 } // end of the 'confirmLinkDropDB()' function
67 * Displays an confirmation box before to submit a "DROP/DELETE/ALTER" query.
68 * This function is called while clicking links
70 * @param object the link
71 * @param object the sql query to submit
73 * @return boolean whether to run the query or not
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') {
83 var is_confirmed = confirm(PMA_messages['strDoYouReally'] + ' :\n' + theSqlQuery);
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';
93 } // end of the 'confirmLink()' function
97 * Displays an confirmation box before doing some action
99 * @param object the message to display
101 * @return boolean whether to run the query or not
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') {
111 var is_confirmed = confirm(theMessage);
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()
130 function confirmQuery(theForm1, sqlQuery1)
132 // Confirmation is not required in the configuration file
133 if (PMA_messages['strDoYouReally'] == '') {
137 // The replace function (js1.2) isn't supported
138 else if (typeof(sqlQuery1.value.replace) == 'undefined') {
142 // js1.2+ -> validation with regular expressions
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']);
155 // Confirms a "DROP/DELETE/ALTER" statement
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 ...'
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
176 theForm1.elements['is_js_confirmed'].value = 1;
179 // "DROP/DELETE/ALTER" statement is rejected -> do not submit
185 } // end if (handle confirm box result)
186 } // end if (display confirm box)
187 } // end confirmation stuff
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
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') {
209 var is_confirmed = confirm(PMA_messages['strBLOBRepositoryDisableStrongWarning'] + '\n' + PMA_messages['strBLOBRepositoryDisableAreYouSure']);
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()
225 function checkSqlQuery(theForm)
227 var sqlQuery = theForm.elements['sql_query'];
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;
236 if (isEmpty && typeof(theForm.elements['sql_localfile']) != 'undefined') {
237 isEmpty = (theForm.elements['sql_localfile'].value == '') ? 1 : 0;
239 if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined') {
240 isEmpty = (theForm.elements['id_bookmark'].value == null || theForm.elements['id_bookmark'].value == '');
243 // js1.2+ -> validation with regular expressions
245 var space_re = new RegExp('\\s+');
246 if (typeof(theForm.elements['sql_file']) != 'undefined' &&
247 theForm.elements['sql_file'].value.replace(space_re, '') != '') {
250 if (typeof(theForm.elements['sql_localfile']) != 'undefined' &&
251 theForm.elements['sql_localfile'].value.replace(space_re, '') != '') {
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
260 // Checks for "DROP/DELETE/ALTER" statements
261 if (sqlQuery.value.replace(space_re, '') != '') {
262 if (confirmQuery(theForm, sqlQuery)) {
274 alert(PMA_messages['strFormEmpty']);
280 } // end of the 'checkSqlQuery()' function
282 // Global variable row_class is set to even
283 var row_class = 'even';
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)
303 // The path of the image is split to facilitate comparison
304 var relative_path = (img_obj.src).split("themes/");
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'];
321 var div = document.getElementById("list");
322 var table = div.getElementsByTagName("table")[0];
323 var table_body = table.getElementsByTagName("tbody")[0];
325 //Global variable row_class is being used
326 if (row_class == 'even') {
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')) {
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);
340 var table_name_cell = document.createElement("td");
341 table_name_cell.align = "center";
342 table_name_cell.innerHTML = table_name ;
344 newRow.appendChild(table_name_cell);
346 var create_table = document.createElement("td");
347 create_table.align = "center";
349 var add_cols = document.createElement("td");
350 add_cols.align = "center";
352 var remove_cols = document.createElement("td");
353 remove_cols.align = "center";
355 var alter_cols = document.createElement("td");
356 alter_cols.align = "center";
358 var add_index = document.createElement("td");
359 add_index.align = "center";
361 var delete_index = document.createElement("td");
362 delete_index.align = "center";
364 var update_rows = document.createElement("td");
365 update_rows.align = "center";
367 var insert_rows = document.createElement("td");
368 insert_rows.align = "center";
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 == '') {
375 This is the case when the table needs to be created in target database.
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);
395 } else if (update_size == '' && remove_size == '') {
397 This is the case when data difference is displayed in the
398 table which is present in source but absent from target database
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;
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);
418 } else if (remove_size == '') {
420 This is the case when data difference between matching_tables is displayed.
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;
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);
442 This is the case when structure difference between matching_tables id displayed
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 = "--";
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);
462 table_body.appendChild(newRow);
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");
469 for (j=0; j < table_rows.length; j++)
471 if (table_rows[j].id == i) {
473 table_rows[j].parentNode.removeChild(table_rows[j]);
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++)
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
484 table_rows[index].setAttribute("class","even"); // for Mozilla firefox
485 table_rows[index].className = "even"; // for IE browser
492 * Changes the image on hover effects
494 * @param img_obj the image object whose source needs to be changed
498 function change_Image(img_obj)
500 var relative_path = (img_obj.src).split("themes/");
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";
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
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;
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
542 var append_string = "?token="+token+"&Table_ids="+1;
544 append_string += "&";
545 append_string += i+"="+table_rows[i].id;
548 // Getting the value of checkbox delete_rows
549 var checkbox = document.getElementById("delete_rows");
550 if (checkbox.checked){
551 append_string += "&checked=true";
553 append_string += "&checked=false";
555 //Appending the token and list of table ids in the URL
556 location.href += token;
557 location.href += append_string;
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)
572 var src_hostfilled = true;
573 var trg_hostfilled = true;
575 for (var i=1; i<form_name.elements.length; i++)
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')) {
580 check = emptyFormElements(form_obj, form_name.elements[i].name);
583 element = form_name.elements[i].name;
584 if (form_name.elements[i].name == 'src_host') {
585 src_hostfilled = false;
588 if (form_name.elements[i].name == 'trg_host') {
589 trg_hostfilled = false;
592 if ((form_name.elements[i].name == 'src_socket' && src_hostfilled==false) || (form_name.elements[i].name == 'trg_socket' && trg_hostfilled==false))
603 alert(PMA_messages['strFormEmpty']);
610 * Check if a form's element is empty
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
618 function emptyCheckTheField(theForm, theFieldName)
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');
626 isEmpty = (theField.value == '') ? 1 : 0;
628 var space_re = new RegExp('\\s+');
629 isEmpty = (theField.value.replace(space_re, '') == '') ? 1 : 0;
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
643 function emptyFormElements(theForm, theFieldName)
645 var theField = theForm.elements[theFieldName];
646 var isEmpty = emptyCheckTheField(theForm, theFieldName);
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
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') {
671 if (typeof(max) == 'undefined') {
672 max = Number.MAX_VALUE;
678 alert(PMA_messages['strNotNumber']);
682 // It's a number but it is not between min and max
683 else if (val < min || val > max) {
685 alert(message.replace('%d', val));
689 // It's a valid number
691 theField.value = val;
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++)
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 != "") {
716 alert(PMA_messages['strNotNumber']);
722 if (atLeastOneField == 0) {
723 id = "field_" + i + "_1";
724 if (!emptyCheckTheField(theForm, id)) {
729 if (atLeastOneField == 0) {
730 var theField = theForm.elements["field_0_1"];
731 alert(PMA_messages['strFormEmpty']);
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
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;
758 if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
759 theForm.elements['gzip'].checked = false;
761 if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
762 theForm.elements['bzip'].checked = false;
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;
770 if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
771 theForm.elements['zip'].checked = false;
773 if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
774 theForm.elements['bzip'].checked = false;
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;
782 if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
783 theForm.elements['zip'].checked = false;
785 if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
786 theForm.elements['gzip'].checked = false;
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;
794 if ((typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked)) {
795 theForm.elements['gzip'].checked = false;
797 if ((typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked)) {
798 theForm.elements['bzip'].checked = false;
803 } // end of the 'checkTransmitDump()' function
807 * This array is used to remember mark status of rows in browse mode
809 var marked_row = new Array;
812 * enables highlight and marking of rows in data tables
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) ) {
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';
830 rows[i].onmouseout = function() {
831 this.className = this.className.replace( ' hover', '' );
834 // Do not set click events if not wanted
835 if (rows[i].className.search(/noclick/) != -1) {
838 // ... and to mark the row on click ...
839 rows[i].onmousedown = function(event) {
844 // Somehow IE8 has this not set
845 if (!event) var event = window.event
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 ) {
856 if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
857 marked_row[unique_id] = true;
859 marked_row[unique_id] = false;
862 if ( marked_row[unique_id] ) {
863 this.className += ' marked';
865 this.className = this.className.replace(' marked', '');
868 if ( checkbox && checkbox.disabled == false ) {
869 checkbox.checked = marked_row[unique_id];
870 if (typeof(event) == 'object') {
871 table = this.parentNode;
873 while (table.tagName.toLowerCase() != 'table' && i < 20) {
875 table = table.parentNode;
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) {
888 while (i != this.rowIndex) {
889 table.rows[i].onmousedown();
890 if (i < this.rowIndex) {
898 table.lastClicked = this.rowIndex;
903 // ... and disable label ...
904 var labeltag = rows[i].getElementsByTagName('label')[0];
906 labeltag.onclick = function() {
910 // .. and checkbox clicks
911 var checkbox = rows[i].getElementsByTagName('input')[0];
913 checkbox.onclick = function() {
914 // opera does not recognize return false;
915 this.checked = ! this.checked;
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
928 function markAllRows( container_id ) {
929 var rows = document.getElementById(container_id).getElementsByTagName('tr');
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;
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
958 function unMarkAllRows( container_id ) {
959 var rows = document.getElementById(container_id).getElementsByTagName('tr');
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;
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
990 function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerColor, theMarkColor)
994 // 1. Pointer and mark feature are disabled or the browser can't get the
996 if ((thePointerColor == '' && theMarkColor == '')
997 || typeof(theRow.style) == 'undefined') {
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';
1005 theRow.style.cursor='default';
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');
1012 else if (typeof(theRow.cells) != 'undefined') {
1013 theCells = theRow.cells;
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');
1031 // 3.2 ... with other browsers
1033 currentColor = theCells[0].style.backgroundColor;
1037 // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
1038 if (currentColor.indexOf("rgb") >= 0)
1040 var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
1041 currentColor.indexOf(')'));
1042 var rgbValues = rgbStr.split(",");
1044 var hexChars = "0123456789ABCDEF";
1045 for (var i = 0; i < 3; i++)
1047 var v = rgbValues[i].valueOf();
1048 currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
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;
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;
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;
1075 else if (theAction == 'click' && theMarkColor != '') {
1076 newColor = theMarkColor;
1077 marked_row[theRowNum] = true;
1078 // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
1081 // 4.1.3 Current color is the marker one
1082 else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
1083 if (theAction == 'click') {
1084 newColor = (thePointerColor != '')
1087 marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
1090 // document.getElementById('id_rows_to_delete' + theRowNum).checked = false;
1094 // 5. Sets the new color...
1097 // 5.1 ... with DOM compatible browsers except Opera
1099 for (c = 0; c < rowCellsCnt; c++) {
1100 theCells[c].setAttribute('bgcolor', newColor, 0);
1103 // 5.2 ... with other browsers
1105 for (c = 0; c < rowCellsCnt; c++) {
1106 theCells[c].style.backgroundColor = newColor;
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.)
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
1131 if ((thePointerClass == '' && theMarkClass == '')
1132 || typeof(theRow.style) == 'undefined') {
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') {
1141 } else if (typeof(document.getElementById('table_results')) != 'undefined') {
1142 tagSwitch = 'cells';
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;
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;
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;
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;
1187 newClass = theDefaultClass2;
1190 else if (theAction == 'click' && theMarkClass != '') {
1191 newClass = theMarkClass;
1192 marked_row[theColNum] = true;
1195 // 4.1.3 Current Class is the marker one
1196 else if (currentClass.toLowerCase() == theMarkClass.toLowerCase()) {
1197 if (theAction == 'click') {
1198 newClass = (thePointerClass != '')
1200 : ((theColNum % 2) ? theDefaultClass2 : theDefaultClass1);
1201 marked_row[theColNum] = false;
1205 // 5 ... with DOM compatible browsers except Opera
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;
1217 Cell = Cells[theColNum];
1219 // 5.1 Sets the new Class...
1220 Cell.className = Cell.className.replace(currentClass, newClass);
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
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;
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;
1257 document.forms[the_form].elements[the_name + 'r'].checked = false;
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;
1263 document.forms[the_form].elements[the_name].checked = false;
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;
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;
1291 * Checks/unchecks all options of a <select> element
1293 * @param string the form name
1294 * @param string the element name
1295 * @param boolean whether to check or to uncheck the element
1297 * @return boolean always true
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;
1309 } // end of the 'setSelectOptions()' function
1312 * Inserts multiple fields.
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;
1323 for(var i=0; i<myListBox.options.length; i++) {
1324 if (myListBox.options[i].selected){
1328 chaineAj += myListBox.options[i].value;
1333 if (document.selection) {
1335 sel = document.selection.createRange();
1336 sel.text = chaineAj;
1337 document.sqlform.insert.focus();
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);
1347 myQuery.value += chaineAj;
1349 sql_box_locked = false;
1354 * listbox redirection
1356 function goToUrl(selObj, goToLocation) {
1357 eval("document.location.href = '" + goToLocation + "pos=" + selObj.options[selObj.selectedIndex].value + "'");
1363 function getElement(e,f){
1364 if(document.layers){
1366 if(f.document.layers[e]) {
1367 return f.document.layers[e];
1369 for(W=0;W<f.document.layers.length;W++) {
1370 return(getElement(e,f.document.layers[W]));
1374 return document.all[e];
1376 return document.getElementById(e);
1380 * Refresh the WYSIWYG-PDF scratchboard after changes have been made
1382 function refreshDragOption(e) {
1383 myid = getElement(e);
1384 if (myid.style.visibility == 'visible') {
1390 * Refresh/resize the WYSIWYG-PDF scratchboard
1392 function refreshLayout() {
1393 myid = getElement('pdflayout');
1395 if (document.pdfoptions.orientation.value == 'P') {
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
1410 function ToggleDragDrop(e) {
1411 myid = getElement(e);
1413 if (myid.style.visibility == 'hidden') {
1415 myid.style.visibility = 'visible';
1416 myid.style.display = 'block';
1417 document.edcoord.showwysiwyg.value = '1';
1419 myid.style.visibility = 'hidden';
1420 myid.style.display = 'none';
1421 document.edcoord.showwysiwyg.value = '0';
1426 * PDF scratchboard: When a position is entered manually, update
1427 * the fields inside the scratchboard.
1429 function dragPlace(no, axis, value) {
1431 getElement("table_" + no).style.left = value + 'px';
1433 getElement("table_" + no).style.top = value + 'px';
1438 * Returns paper sizes for a given format
1440 function pdfPaperSize(format, axis) {
1441 switch (format.toUpperCase()) {
1443 if (axis == 'x') return 4767.87; else return 6740.79;
1446 if (axis == 'x') return 3370.39; else return 4767.87;
1449 if (axis == 'x') return 2383.94; else return 3370.39;
1452 if (axis == 'x') return 1683.78; else return 2383.94;
1455 if (axis == 'x') return 1190.55; else return 1683.78;
1458 if (axis == 'x') return 841.89; else return 1190.55;
1461 if (axis == 'x') return 595.28; else return 841.89;
1464 if (axis == 'x') return 419.53; else return 595.28;
1467 if (axis == 'x') return 297.64; else return 419.53;
1470 if (axis == 'x') return 209.76; else return 297.64;
1473 if (axis == 'x') return 147.40; else return 209.76;
1476 if (axis == 'x') return 104.88; else return 147.40;
1479 if (axis == 'x') return 73.70; else return 104.88;
1482 if (axis == 'x') return 2834.65; else return 4008.19;
1485 if (axis == 'x') return 2004.09; else return 2834.65;
1488 if (axis == 'x') return 1417.32; else return 2004.09;
1491 if (axis == 'x') return 1000.63; else return 1417.32;
1494 if (axis == 'x') return 708.66; else return 1000.63;
1497 if (axis == 'x') return 498.90; else return 708.66;
1500 if (axis == 'x') return 354.33; else return 498.90;
1503 if (axis == 'x') return 249.45; else return 354.33;
1506 if (axis == 'x') return 175.75; else return 249.45;
1509 if (axis == 'x') return 124.72; else return 175.75;
1512 if (axis == 'x') return 87.87; else return 124.72;
1515 if (axis == 'x') return 2599.37; else return 3676.54;
1518 if (axis == 'x') return 1836.85; else return 2599.37;
1521 if (axis == 'x') return 1298.27; else return 1836.85;
1524 if (axis == 'x') return 918.43; else return 1298.27;
1527 if (axis == 'x') return 649.13; else return 918.43;
1530 if (axis == 'x') return 459.21; else return 649.13;
1533 if (axis == 'x') return 323.15; else return 459.21;
1536 if (axis == 'x') return 229.61; else return 323.15;
1539 if (axis == 'x') return 161.57; else return 229.61;
1542 if (axis == 'x') return 113.39; else return 161.57;
1545 if (axis == 'x') return 79.37; else return 113.39;
1548 if (axis == 'x') return 2437.80; else return 3458.27;
1551 if (axis == 'x') return 1729.13; else return 2437.80;
1554 if (axis == 'x') return 1218.90; else return 1729.13;
1557 if (axis == 'x') return 864.57; else return 1218.90;
1560 if (axis == 'x') return 609.45; else return 864.57;
1563 if (axis == 'x') return 2551.18; else return 3628.35;
1566 if (axis == 'x') return 1814.17; else return 2551.18;
1569 if (axis == 'x') return 1275.59; else return 1814.17;
1572 if (axis == 'x') return 907.09; else return 1275.59;
1575 if (axis == 'x') return 637.80; else return 907.09;
1578 if (axis == 'x') return 612.00; else return 792.00;
1581 if (axis == 'x') return 612.00; else return 1008.00;
1584 if (axis == 'x') return 521.86; else return 756.00;
1587 if (axis == 'x') return 612.00; else return 936.00;
1595 * rajk - for playing media from the BLOB repository
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
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)
1610 // if height not specified, use default
1611 if (w_height == undefined)
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
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
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 });