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/TRUNCATE" 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 var do_confirm_re_3 = new RegExp('^\\s*TRUNCATE\\s', 'i');
167 if (do_confirm_re_0.test(sqlQuery1.value)
168 || do_confirm_re_1.test(sqlQuery1.value)
169 || do_confirm_re_2.test(sqlQuery1.value)
170 || do_confirm_re_3.test(sqlQuery1.value)) {
171 var message = (sqlQuery1.value.length > 100)
172 ? sqlQuery1.value.substr(0, 100) + '\n ...'
174 var is_confirmed = confirm(PMA_messages['strDoYouReally'] + ' :\n' + message);
175 // statement is confirmed -> update the
176 // "is_js_confirmed" form field so the confirm test won't be
177 // run on the server side and allows to submit the form
179 theForm1.elements['is_js_confirmed'].value = 1;
182 // statement is rejected -> do not submit the form
187 } // end if (handle confirm box result)
188 } // end if (display confirm box)
189 } // end confirmation stuff
192 } // end of the 'confirmQuery()' function
196 * Displays a confirmation box before disabling the BLOB repository for a given database.
197 * This function is called while clicking links
199 * @param object the database
201 * @return boolean whether to disable the repository or not
203 function confirmDisableRepository(theDB)
205 // Confirmation is not required in the configuration file
206 // or browser is Opera (crappy js implementation)
207 if (PMA_messages['strDoYouReally'] == '' || typeof(window.opera) != 'undefined') {
211 var is_confirmed = confirm(PMA_messages['strBLOBRepositoryDisableStrongWarning'] + '\n' + PMA_messages['strBLOBRepositoryDisableAreYouSure']);
214 } // end of the 'confirmDisableBLOBRepository()' function
218 * Displays an error message if the user submitted the sql query form with no
219 * sql query, else checks for "DROP/DELETE/ALTER" statements
221 * @param object the form
223 * @return boolean always false
225 * @see confirmQuery()
227 function checkSqlQuery(theForm)
229 var sqlQuery = theForm.elements['sql_query'];
232 // The replace function (js1.2) isn't supported -> basic tests
233 if (typeof(sqlQuery.value.replace) == 'undefined') {
234 isEmpty = (sqlQuery.value == '') ? 1 : 0;
235 if (isEmpty && typeof(theForm.elements['sql_file']) != 'undefined') {
236 isEmpty = (theForm.elements['sql_file'].value == '') ? 1 : 0;
238 if (isEmpty && typeof(theForm.elements['sql_localfile']) != 'undefined') {
239 isEmpty = (theForm.elements['sql_localfile'].value == '') ? 1 : 0;
241 if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined') {
242 isEmpty = (theForm.elements['id_bookmark'].value == null || theForm.elements['id_bookmark'].value == '');
245 // js1.2+ -> validation with regular expressions
247 var space_re = new RegExp('\\s+');
248 if (typeof(theForm.elements['sql_file']) != 'undefined' &&
249 theForm.elements['sql_file'].value.replace(space_re, '') != '') {
252 if (typeof(theForm.elements['sql_localfile']) != 'undefined' &&
253 theForm.elements['sql_localfile'].value.replace(space_re, '') != '') {
256 if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined' &&
257 (theForm.elements['id_bookmark'].value != null || theForm.elements['id_bookmark'].value != '') &&
258 theForm.elements['id_bookmark'].selectedIndex != 0
262 // Checks for "DROP/DELETE/ALTER" statements
263 if (sqlQuery.value.replace(space_re, '') != '') {
264 if (confirmQuery(theForm, sqlQuery)) {
276 alert(PMA_messages['strFormEmpty']);
282 } // end of the 'checkSqlQuery()' function
284 // Global variable row_class is set to even
285 var row_class = 'even';
288 * Generates a row dynamically in the differences table displaying
289 * the complete statistics of difference in table like number of
290 * rows to be updated, number of rows to be inserted, number of
291 * columns to be added, number of columns to be removed, etc.
293 * @param index index of matching table
294 * @param update_size number of rows/column to be updated
295 * @param insert_size number of rows/coulmns to be inserted
296 * @param remove_size number of columns to be removed
297 * @param insert_index number of indexes to be inserted
298 * @param remove_index number of indexes to be removed
299 * @param img_obj image object
300 * @param table_name name of the table
303 function showDetails(i, update_size, insert_size, remove_size, insert_index, remove_index, img_obj, table_name)
305 // The path of the image is split to facilitate comparison
306 var relative_path = (img_obj.src).split("themes/");
308 // The image source is changed when the showDetails function is called.
309 if (relative_path[1] == 'original/img/new_data_hovered.jpg') {
310 img_obj.src = "./themes/original/img/new_data_selected_hovered.jpg";
311 img_obj.alt = PMA_messages['strClickToUnselect']; //only for IE browser
312 } else if (relative_path[1] == 'original/img/new_struct_hovered.jpg') {
313 img_obj.src = "./themes/original/img/new_struct_selected_hovered.jpg";
314 img_obj.alt = PMA_messages['strClickToUnselect'];
315 } else if (relative_path[1] == 'original/img/new_struct_selected_hovered.jpg') {
316 img_obj.src = "./themes/original/img/new_struct_hovered.jpg";
317 img_obj.alt = PMA_messages['strClickToSelect'];
318 } else if (relative_path[1] == 'original/img/new_data_selected_hovered.jpg') {
319 img_obj.src = "./themes/original/img/new_data_hovered.jpg";
320 img_obj.alt = PMA_messages['strClickToSelect'];
323 var div = document.getElementById("list");
324 var table = div.getElementsByTagName("table")[0];
325 var table_body = table.getElementsByTagName("tbody")[0];
327 //Global variable row_class is being used
328 if (row_class == 'even') {
333 // 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.
334 if ((relative_path[1] != 'original/img/new_struct_selected_hovered.jpg') && (relative_path[1] != 'original/img/new_data_selected_hovered.jpg')) {
336 var newRow = document.createElement("tr");
337 newRow.setAttribute("class", row_class);
338 newRow.className = row_class;
339 // Id assigned to this row element is same as the index of this table name in the matching_tables/source_tables_uncommon array
340 newRow.setAttribute("id" , i);
342 var table_name_cell = document.createElement("td");
343 table_name_cell.align = "center";
344 table_name_cell.innerHTML = table_name ;
346 newRow.appendChild(table_name_cell);
348 var create_table = document.createElement("td");
349 create_table.align = "center";
351 var add_cols = document.createElement("td");
352 add_cols.align = "center";
354 var remove_cols = document.createElement("td");
355 remove_cols.align = "center";
357 var alter_cols = document.createElement("td");
358 alter_cols.align = "center";
360 var add_index = document.createElement("td");
361 add_index.align = "center";
363 var delete_index = document.createElement("td");
364 delete_index.align = "center";
366 var update_rows = document.createElement("td");
367 update_rows.align = "center";
369 var insert_rows = document.createElement("td");
370 insert_rows.align = "center";
372 var tick_image = document.createElement("img");
373 tick_image.src = "./themes/original/img/s_success.png";
375 if (update_size == '' && insert_size == '' && remove_size == '') {
377 This is the case when the table needs to be created in target database.
379 create_table.appendChild(tick_image);
380 add_cols.innerHTML = "--";
381 remove_cols.innerHTML = "--";
382 alter_cols.innerHTML = "--";
383 delete_index.innerHTML = "--";
384 add_index.innerHTML = "--";
385 update_rows.innerHTML = "--";
386 insert_rows.innerHTML = "--";
388 newRow.appendChild(create_table);
389 newRow.appendChild(add_cols);
390 newRow.appendChild(remove_cols);
391 newRow.appendChild(alter_cols);
392 newRow.appendChild(delete_index);
393 newRow.appendChild(add_index);
394 newRow.appendChild(update_rows);
395 newRow.appendChild(insert_rows);
397 } else if (update_size == '' && remove_size == '') {
399 This is the case when data difference is displayed in the
400 table which is present in source but absent from target database
402 create_table.innerHTML = "--";
403 add_cols.innerHTML = "--";
404 remove_cols.innerHTML = "--";
405 alter_cols.innerHTML = "--";
406 add_index.innerHTML = "--";
407 delete_index.innerHTML = "--";
408 update_rows.innerHTML = "--";
409 insert_rows.innerHTML = insert_size;
411 newRow.appendChild(create_table);
412 newRow.appendChild(add_cols);
413 newRow.appendChild(remove_cols);
414 newRow.appendChild(alter_cols);
415 newRow.appendChild(delete_index);
416 newRow.appendChild(add_index);
417 newRow.appendChild(update_rows);
418 newRow.appendChild(insert_rows);
420 } else if (remove_size == '') {
422 This is the case when data difference between matching_tables is displayed.
424 create_table.innerHTML = "--";
425 add_cols.innerHTML = "--";
426 remove_cols.innerHTML = "--";
427 alter_cols.innerHTML = "--";
428 add_index.innerHTML = "--";
429 delete_index.innerHTML = "--";
430 update_rows.innerHTML = update_size;
431 insert_rows.innerHTML = insert_size;
433 newRow.appendChild(create_table);
434 newRow.appendChild(add_cols);
435 newRow.appendChild(remove_cols);
436 newRow.appendChild(alter_cols);
437 newRow.appendChild(delete_index);
438 newRow.appendChild(add_index);
439 newRow.appendChild(update_rows);
440 newRow.appendChild(insert_rows);
444 This is the case when structure difference between matching_tables id displayed
446 create_table.innerHTML = "--";
447 add_cols.innerHTML = insert_size;
448 remove_cols.innerHTML = remove_size;
449 alter_cols.innerHTML = update_size;
450 delete_index.innerHTML = remove_index;
451 add_index.innerHTML = insert_index;
452 update_rows.innerHTML = "--";
453 insert_rows.innerHTML = "--";
455 newRow.appendChild(create_table);
456 newRow.appendChild(add_cols);
457 newRow.appendChild(remove_cols);
458 newRow.appendChild(alter_cols);
459 newRow.appendChild(delete_index);
460 newRow.appendChild(add_index);
461 newRow.appendChild(update_rows);
462 newRow.appendChild(insert_rows);
464 table_body.appendChild(newRow);
466 } else if ((relative_path[1] != 'original/img/new_struct_hovered.jpg') && (relative_path[1] != 'original/img/new_data_hovered.jpg')) {
467 //The case when the row showing the details need to be removed from the table i.e. the difference button is deselected now.
468 var table_rows = table_body.getElementsByTagName("tr");
471 for (j=0; j < table_rows.length; j++)
473 if (table_rows[j].id == i) {
475 table_rows[j].parentNode.removeChild(table_rows[j]);
478 //The table row css is being adjusted. Class "odd" for odd rows and "even" for even rows should be maintained.
479 for(index; index < table_rows.length; index++)
481 row_class_element = table_rows[index].getAttribute('class');
482 if (row_class_element == "even") {
483 table_rows[index].setAttribute("class","odd"); // for Mozilla firefox
484 table_rows[index].className = "odd"; // for IE browser
486 table_rows[index].setAttribute("class","even"); // for Mozilla firefox
487 table_rows[index].className = "even"; // for IE browser
494 * Changes the image on hover effects
496 * @param img_obj the image object whose source needs to be changed
500 function change_Image(img_obj)
502 var relative_path = (img_obj.src).split("themes/");
504 if (relative_path[1] == 'original/img/new_data.jpg') {
505 img_obj.src = "./themes/original/img/new_data_hovered.jpg";
506 } else if (relative_path[1] == 'original/img/new_struct.jpg') {
507 img_obj.src = "./themes/original/img/new_struct_hovered.jpg";
508 } else if (relative_path[1] == 'original/img/new_struct_hovered.jpg') {
509 img_obj.src = "./themes/original/img/new_struct.jpg";
510 } else if (relative_path[1] == 'original/img/new_data_hovered.jpg') {
511 img_obj.src = "./themes/original/img/new_data.jpg";
512 } else if (relative_path[1] == 'original/img/new_data_selected.jpg') {
513 img_obj.src = "./themes/original/img/new_data_selected_hovered.jpg";
514 } else if(relative_path[1] == 'original/img/new_struct_selected.jpg') {
515 img_obj.src = "./themes/original/img/new_struct_selected_hovered.jpg";
516 } else if (relative_path[1] == 'original/img/new_struct_selected_hovered.jpg') {
517 img_obj.src = "./themes/original/img/new_struct_selected.jpg";
518 } else if (relative_path[1] == 'original/img/new_data_selected_hovered.jpg') {
519 img_obj.src = "./themes/original/img/new_data_selected.jpg";
524 * Generates the URL containing the list of selected table ids for synchronization and
525 * a variable checked for confirmation of deleting previous rows from target tables
527 * @param token the token generated for each PMA form
531 function ApplySelectedChanges(token)
533 var div = document.getElementById("list");
534 var table = div.getElementsByTagName('table')[0];
535 var table_body = table.getElementsByTagName('tbody')[0];
536 // Get all the rows from the details table
537 var table_rows = table_body.getElementsByTagName('tr');
538 var x = table_rows.length;
541 Append the token at the beginning of the query string followed by
542 Table_ids that shows that "Apply Selected Changes" button is pressed
544 var append_string = "?token="+token+"&Table_ids="+1;
546 append_string += "&";
547 append_string += i+"="+table_rows[i].id;
550 // Getting the value of checkbox delete_rows
551 var checkbox = document.getElementById("delete_rows");
552 if (checkbox.checked){
553 append_string += "&checked=true";
555 append_string += "&checked=false";
557 //Appending the token and list of table ids in the URL
558 location.href += token;
559 location.href += append_string;
563 * Displays error message if any text field
564 * is left empty other than port field.
566 * @param string the form name
567 * @param object the form
569 * @return boolean whether the form field is empty or not
571 function validateConnection(form_name, form_obj)
574 var src_hostfilled = true;
575 var trg_hostfilled = true;
577 for (var i=1; i<form_name.elements.length; i++)
579 // All the text fields are checked excluding the port field because the default port can be used.
580 if ((form_name.elements[i].type == 'text') && (form_name.elements[i].name != 'src_port') && (form_name.elements[i].name != 'trg_port')) {
582 check = emptyFormElements(form_obj, form_name.elements[i].name);
585 element = form_name.elements[i].name;
586 if (form_name.elements[i].name == 'src_host') {
587 src_hostfilled = false;
590 if (form_name.elements[i].name == 'trg_host') {
591 trg_hostfilled = false;
594 if ((form_name.elements[i].name == 'src_socket' && src_hostfilled==false) || (form_name.elements[i].name == 'trg_socket' && trg_hostfilled==false))
605 alert(PMA_messages['strFormEmpty']);
612 * Check if a form's element is empty
615 * @param object the form
616 * @param string the name of the form field to put the focus on
618 * @return boolean whether the form field is empty or not
620 function emptyCheckTheField(theForm, theFieldName)
623 var theField = theForm.elements[theFieldName];
624 // Whether the replace function (js1.2) is supported or not
625 var isRegExp = (typeof(theField.value.replace) != 'undefined');
628 isEmpty = (theField.value == '') ? 1 : 0;
630 var space_re = new RegExp('\\s+');
631 isEmpty = (theField.value.replace(space_re, '') == '') ? 1 : 0;
635 } // end of the 'emptyCheckTheField()' function
640 * @param object the form
641 * @param string the name of the form field to put the focus on
643 * @return boolean whether the form field is empty or not
645 function emptyFormElements(theForm, theFieldName)
647 var theField = theForm.elements[theFieldName];
648 var isEmpty = emptyCheckTheField(theForm, theFieldName);
652 } // end of the 'emptyFormElements()' function
656 * Ensures a value submitted in a form is numeric and is in a range
658 * @param object the form
659 * @param string the name of the form field to check
660 * @param integer the minimum authorized value
661 * @param integer the maximum authorized value
663 * @return boolean whether a valid number has been submitted or not
665 function checkFormElementInRange(theForm, theFieldName, message, min, max)
667 var theField = theForm.elements[theFieldName];
668 var val = parseInt(theField.value);
670 if (typeof(min) == 'undefined') {
673 if (typeof(max) == 'undefined') {
674 max = Number.MAX_VALUE;
680 alert(PMA_messages['strNotNumber']);
684 // It's a number but it is not between min and max
685 else if (val < min || val > max) {
687 alert(message.replace('%d', val));
691 // It's a valid number
693 theField.value = val;
697 } // end of the 'checkFormElementInRange()' function
700 function checkTableEditForm(theForm, fieldsCnt)
702 // TODO: avoid sending a message if user just wants to add a line
703 // on the form but has not completed at least one field name
705 var atLeastOneField = 0;
706 var i, elm, elm2, elm3, val, id;
708 for (i=0; i<fieldsCnt; i++)
710 id = "field_" + i + "_2";
711 elm = getElement(id);
712 if (elm.value == 'VARCHAR' || elm.value == 'CHAR' || elm.value == 'BIT' || elm.value == 'VARBINARY' || elm.value == 'BINARY') {
713 elm2 = getElement("field_" + i + "_3");
714 val = parseInt(elm2.value);
715 elm3 = getElement("field_" + i + "_1");
716 if (isNaN(val) && elm3.value != "") {
718 alert(PMA_messages['strNotNumber']);
724 if (atLeastOneField == 0) {
725 id = "field_" + i + "_1";
726 if (!emptyCheckTheField(theForm, id)) {
731 if (atLeastOneField == 0) {
732 var theField = theForm.elements["field_0_1"];
733 alert(PMA_messages['strFormEmpty']);
739 } // enf of the 'checkTableEditForm()' function
743 * Ensures the choice between 'transmit', 'zipped', 'gzipped' and 'bzipped'
744 * checkboxes is consistant
746 * @param object the form
747 * @param string a code for the action that causes this function to be run
749 * @return boolean always true
751 function checkTransmitDump(theForm, theAction)
753 var formElts = theForm.elements;
755 // 'zipped' option has been checked
756 if (theAction == 'zip' && formElts['zip'].checked) {
757 if (!formElts['asfile'].checked) {
758 theForm.elements['asfile'].checked = true;
760 if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
761 theForm.elements['gzip'].checked = false;
763 if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
764 theForm.elements['bzip'].checked = false;
767 // 'gzipped' option has been checked
768 else if (theAction == 'gzip' && formElts['gzip'].checked) {
769 if (!formElts['asfile'].checked) {
770 theForm.elements['asfile'].checked = true;
772 if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
773 theForm.elements['zip'].checked = false;
775 if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
776 theForm.elements['bzip'].checked = false;
779 // 'bzipped' option has been checked
780 else if (theAction == 'bzip' && formElts['bzip'].checked) {
781 if (!formElts['asfile'].checked) {
782 theForm.elements['asfile'].checked = true;
784 if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
785 theForm.elements['zip'].checked = false;
787 if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
788 theForm.elements['gzip'].checked = false;
791 // 'transmit' option has been unchecked
792 else if (theAction == 'transmit' && !formElts['asfile'].checked) {
793 if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
794 theForm.elements['zip'].checked = false;
796 if ((typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked)) {
797 theForm.elements['gzip'].checked = false;
799 if ((typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked)) {
800 theForm.elements['bzip'].checked = false;
805 } // end of the 'checkTransmitDump()' function
809 * This array is used to remember mark status of rows in browse mode
811 var marked_row = new Array;
814 * enables highlight and marking of rows in data tables
817 function PMA_markRowsInit() {
818 // for every table row ...
819 var rows = document.getElementsByTagName('tr');
820 for ( var i = 0; i < rows.length; i++ ) {
821 // ... with the class 'odd' or 'even' ...
822 if ( 'odd' != rows[i].className.substr(0,3) && 'even' != rows[i].className.substr(0,4) ) {
825 // ... add event listeners ...
826 // ... to highlight the row on mouseover ...
827 if ( navigator.appName == 'Microsoft Internet Explorer' ) {
828 // but only for IE, other browsers are handled by :hover in css
829 rows[i].onmouseover = function() {
830 this.className += ' hover';
832 rows[i].onmouseout = function() {
833 this.className = this.className.replace( ' hover', '' );
836 // Do not set click events if not wanted
837 if (rows[i].className.search(/noclick/) != -1) {
840 // ... and to mark the row on click ...
841 rows[i].onmousedown = function(event) {
846 // Somehow IE8 has this not set
847 if (!event) var event = window.event
849 checkbox = this.getElementsByTagName( 'input' )[0];
850 if ( checkbox && checkbox.type == 'checkbox' ) {
851 unique_id = checkbox.name + checkbox.value;
852 } else if ( this.id.length > 0 ) {
858 if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
859 marked_row[unique_id] = true;
861 marked_row[unique_id] = false;
864 if ( marked_row[unique_id] ) {
865 this.className += ' marked';
867 this.className = this.className.replace(' marked', '');
870 if ( checkbox && checkbox.disabled == false ) {
871 checkbox.checked = marked_row[unique_id];
872 if (typeof(event) == 'object') {
873 table = this.parentNode;
875 while (table.tagName.toLowerCase() != 'table' && i < 20) {
877 table = table.parentNode;
880 if (event.shiftKey == true && table.lastClicked != undefined) {
881 if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; }
882 i = table.lastClicked;
884 if (i < this.rowIndex) {
890 while (i != this.rowIndex) {
891 table.rows[i].onmousedown();
892 if (i < this.rowIndex) {
900 table.lastClicked = this.rowIndex;
905 // ... and disable label ...
906 var labeltag = rows[i].getElementsByTagName('label')[0];
908 labeltag.onclick = function() {
912 // .. and checkbox clicks
913 var checkbox = rows[i].getElementsByTagName('input')[0];
915 checkbox.onclick = function() {
916 // opera does not recognize return false;
917 this.checked = ! this.checked;
922 window.onload=PMA_markRowsInit;
925 * marks all rows and selects its first checkbox inside the given element
926 * the given element is usaly a table or a div containing the table or tables
928 * @param container DOM element
930 function markAllRows( container_id ) {
931 var rows = document.getElementById(container_id).getElementsByTagName('tr');
935 for ( var i = 0; i < rows.length; i++ ) {
937 checkbox = rows[i].getElementsByTagName( 'input' )[0];
939 if ( checkbox && checkbox.type == 'checkbox' ) {
940 unique_id = checkbox.name + checkbox.value;
941 if ( checkbox.disabled == false ) {
942 checkbox.checked = true;
943 if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
944 rows[i].className += ' marked';
945 marked_row[unique_id] = true;
955 * marks all rows and selects its first checkbox inside the given element
956 * the given element is usaly a table or a div containing the table or tables
958 * @param container DOM element
960 function unMarkAllRows( container_id ) {
961 var rows = document.getElementById(container_id).getElementsByTagName('tr');
965 for ( var i = 0; i < rows.length; i++ ) {
967 checkbox = rows[i].getElementsByTagName( 'input' )[0];
969 if ( checkbox && checkbox.type == 'checkbox' ) {
970 unique_id = checkbox.name + checkbox.value;
971 checkbox.checked = false;
972 rows[i].className = rows[i].className.replace(' marked', '');
973 marked_row[unique_id] = false;
981 * Sets/unsets the pointer and marker in browse mode
983 * @param object the table row
984 * @param integer the row number
985 * @param string the action calling this script (over, out or click)
986 * @param string the default background color
987 * @param string the color to use for mouseover
988 * @param string the color to use for marking a row
990 * @return boolean whether pointer is set or not
992 function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerColor, theMarkColor)
996 // 1. Pointer and mark feature are disabled or the browser can't get the
998 if ((thePointerColor == '' && theMarkColor == '')
999 || typeof(theRow.style) == 'undefined') {
1003 // 1.1 Sets the mouse pointer to pointer on mouseover and back to normal otherwise.
1004 if (theAction == "over" || theAction == "click") {
1005 theRow.style.cursor='pointer';
1007 theRow.style.cursor='default';
1010 // 2. Gets the current row and exits if the browser can't get it
1011 if (typeof(document.getElementsByTagName) != 'undefined') {
1012 theCells = theRow.getElementsByTagName('td');
1014 else if (typeof(theRow.cells) != 'undefined') {
1015 theCells = theRow.cells;
1021 // 3. Gets the current color...
1022 var rowCellsCnt = theCells.length;
1023 var domDetect = null;
1024 var currentColor = null;
1025 var newColor = null;
1026 // 3.1 ... with DOM compatible browsers except Opera that does not return
1027 // valid values with "getAttribute"
1028 if (typeof(window.opera) == 'undefined'
1029 && typeof(theCells[0].getAttribute) != 'undefined') {
1030 currentColor = theCells[0].getAttribute('bgcolor');
1033 // 3.2 ... with other browsers
1035 currentColor = theCells[0].style.backgroundColor;
1039 // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
1040 if (currentColor.indexOf("rgb") >= 0)
1042 var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
1043 currentColor.indexOf(')'));
1044 var rgbValues = rgbStr.split(",");
1046 var hexChars = "0123456789ABCDEF";
1047 for (var i = 0; i < 3; i++)
1049 var v = rgbValues[i].valueOf();
1050 currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
1054 // 4. Defines the new color
1055 // 4.1 Current color is the default one
1056 if (currentColor == ''
1057 || currentColor.toLowerCase() == theDefaultColor.toLowerCase()) {
1058 if (theAction == 'over' && thePointerColor != '') {
1059 newColor = thePointerColor;
1061 else if (theAction == 'click' && theMarkColor != '') {
1062 newColor = theMarkColor;
1063 marked_row[theRowNum] = true;
1064 // Garvin: deactivated onclick marking of the checkbox because it's also executed
1065 // when an action (like edit/delete) on a single item is performed. Then the checkbox
1066 // would get deactived, even though we need it activated. Maybe there is a way
1067 // to detect if the row was clicked, and not an item therein...
1068 // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
1071 // 4.1.2 Current color is the pointer one
1072 else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
1073 && (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])) {
1074 if (theAction == 'out') {
1075 newColor = theDefaultColor;
1077 else if (theAction == 'click' && theMarkColor != '') {
1078 newColor = theMarkColor;
1079 marked_row[theRowNum] = true;
1080 // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
1083 // 4.1.3 Current color is the marker one
1084 else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
1085 if (theAction == 'click') {
1086 newColor = (thePointerColor != '')
1089 marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
1092 // document.getElementById('id_rows_to_delete' + theRowNum).checked = false;
1096 // 5. Sets the new color...
1099 // 5.1 ... with DOM compatible browsers except Opera
1101 for (c = 0; c < rowCellsCnt; c++) {
1102 theCells[c].setAttribute('bgcolor', newColor, 0);
1105 // 5.2 ... with other browsers
1107 for (c = 0; c < rowCellsCnt; c++) {
1108 theCells[c].style.backgroundColor = newColor;
1114 } // end of the 'setPointer()' function
1117 * Sets/unsets the pointer and marker in vertical browse mode
1119 * @param object the table row
1120 * @param integer the column number
1121 * @param string the action calling this script (over, out or click)
1122 * @param string the default background Class
1123 * @param string the Class to use for mouseover
1124 * @param string the Class to use for marking a row
1126 * @return boolean whether pointer is set or not
1128 * @author Garvin Hicking <me@supergarv.de> (rewrite of setPointer.)
1130 function setVerticalPointer(theRow, theColNum, theAction, theDefaultClass1, theDefaultClass2, thePointerClass, theMarkClass) {
1131 // 1. Pointer and mark feature are disabled or the browser can't get the
1133 if ((thePointerClass == '' && theMarkClass == '')
1134 || typeof(theRow.style) == 'undefined') {
1138 var tagSwitch = null;
1140 // 2. Gets the current row and exits if the browser can't get it
1141 if (typeof(document.getElementsByTagName) != 'undefined') {
1143 } else if (typeof(document.getElementById('table_results')) != 'undefined') {
1144 tagSwitch = 'cells';
1149 var theCells = null;
1151 if (tagSwitch == 'tag') {
1152 theRows = document.getElementById('table_results').getElementsByTagName('tr');
1153 theCells = theRows[1].getElementsByTagName('td');
1154 } else if (tagSwitch == 'cells') {
1155 theRows = document.getElementById('table_results').rows;
1156 theCells = theRows[1].cells;
1159 // 3. Gets the current Class...
1160 var currentClass = null;
1161 var newClass = null;
1163 // 3.1 ... with DOM compatible browsers except Opera that does not return
1164 // valid values with "getAttribute"
1165 if (typeof(window.opera) == 'undefined'
1166 && typeof(theCells[theColNum].getAttribute) != 'undefined') {
1167 currentClass = theCells[theColNum].className;
1170 // 4. Defines the new Class
1171 // 4.1 Current Class is the default one
1172 if (currentClass == ''
1173 || currentClass.toLowerCase() == theDefaultClass1.toLowerCase()
1174 || currentClass.toLowerCase() == theDefaultClass2.toLowerCase()) {
1175 if (theAction == 'over' && thePointerClass != '') {
1176 newClass = thePointerClass;
1177 } else if (theAction == 'click' && theMarkClass != '') {
1178 newClass = theMarkClass;
1179 marked_row[theColNum] = true;
1182 // 4.1.2 Current Class is the pointer one
1183 else if (currentClass.toLowerCase() == thePointerClass.toLowerCase() &&
1184 (typeof(marked_row[theColNum]) == 'undefined' || !marked_row[theColNum]) || marked_row[theColNum] == false) {
1185 if (theAction == 'out') {
1186 if (theColNum % 2) {
1187 newClass = theDefaultClass1;
1189 newClass = theDefaultClass2;
1192 else if (theAction == 'click' && theMarkClass != '') {
1193 newClass = theMarkClass;
1194 marked_row[theColNum] = true;
1197 // 4.1.3 Current Class is the marker one
1198 else if (currentClass.toLowerCase() == theMarkClass.toLowerCase()) {
1199 if (theAction == 'click') {
1200 newClass = (thePointerClass != '')
1202 : ((theColNum % 2) ? theDefaultClass2 : theDefaultClass1);
1203 marked_row[theColNum] = false;
1207 // 5 ... with DOM compatible browsers except Opera
1211 var rowCnt = theRows.length;
1212 for (c = 0; c < rowCnt; c++) {
1213 if (tagSwitch == 'tag') {
1214 Cells = theRows[c].getElementsByTagName('td');
1215 } else if (tagSwitch == 'cells') {
1216 Cells = theRows[c].cells;
1219 Cell = Cells[theColNum];
1221 // 5.1 Sets the new Class...
1222 Cell.className = Cell.className.replace(currentClass, newClass);
1227 } // end of the 'setVerticalPointer()' function
1230 * Checks/unchecks all checkbox in given conainer (f.e. a form, fieldset or div)
1232 * @param string container_id the container id
1233 * @param boolean state new value for checkbox (true or false)
1234 * @return boolean always true
1236 function setCheckboxes( container_id, state ) {
1237 var checkboxes = document.getElementById(container_id).getElementsByTagName('input');
1239 for ( var i = 0; i < checkboxes.length; i++ ) {
1240 if ( checkboxes[i].type == 'checkbox' ) {
1241 checkboxes[i].checked = state;
1246 } // end of the 'setCheckboxes()' function
1249 // added 2004-05-08 by Michael Keck <mail_at_michaelkeck_dot_de>
1250 // copy the checked from left to right or from right to left
1251 // so it's easier for users to see, if $cfg['ModifyAtRight']=true, what they've checked ;)
1252 function copyCheckboxesRange(the_form, the_name, the_clicked)
1254 if (typeof(document.forms[the_form].elements[the_name]) != 'undefined' && typeof(document.forms[the_form].elements[the_name + 'r']) != 'undefined') {
1255 if (the_clicked !== 'r') {
1256 if (document.forms[the_form].elements[the_name].checked == true) {
1257 document.forms[the_form].elements[the_name + 'r'].checked = true;
1259 document.forms[the_form].elements[the_name + 'r'].checked = false;
1261 } else if (the_clicked == 'r') {
1262 if (document.forms[the_form].elements[the_name + 'r'].checked == true) {
1263 document.forms[the_form].elements[the_name].checked = true;
1265 document.forms[the_form].elements[the_name].checked = false;
1272 // added 2004-05-08 by Michael Keck <mail_at_michaelkeck_dot_de>
1273 // - this was directly written to each td, so why not a function ;)
1274 // setCheckboxColumn(\'id_rows_to_delete' . $row_no . ''\');
1275 function setCheckboxColumn(theCheckbox){
1276 if (document.getElementById(theCheckbox)) {
1277 document.getElementById(theCheckbox).checked = (document.getElementById(theCheckbox).checked ? false : true);
1278 if (document.getElementById(theCheckbox + 'r')) {
1279 document.getElementById(theCheckbox + 'r').checked = document.getElementById(theCheckbox).checked;
1282 if (document.getElementById(theCheckbox + 'r')) {
1283 document.getElementById(theCheckbox + 'r').checked = (document.getElementById(theCheckbox +'r').checked ? false : true);
1284 if (document.getElementById(theCheckbox)) {
1285 document.getElementById(theCheckbox).checked = document.getElementById(theCheckbox + 'r').checked;
1293 * Checks/unchecks all options of a <select> element
1295 * @param string the form name
1296 * @param string the element name
1297 * @param boolean whether to check or to uncheck the element
1299 * @return boolean always true
1301 function setSelectOptions(the_form, the_select, do_check)
1303 var selectObject = document.forms[the_form].elements[the_select];
1304 var selectCount = selectObject.length;
1306 for (var i = 0; i < selectCount; i++) {
1307 selectObject.options[i].selected = do_check;
1311 } // end of the 'setSelectOptions()' function
1314 * Inserts multiple fields.
1317 function insertValueQuery() {
1318 var myQuery = document.sqlform.sql_query;
1319 var myListBox = document.sqlform.dummy;
1321 if(myListBox.options.length > 0) {
1322 sql_box_locked = true;
1325 for(var i=0; i<myListBox.options.length; i++) {
1326 if (myListBox.options[i].selected){
1330 chaineAj += myListBox.options[i].value;
1335 if (document.selection) {
1337 sel = document.selection.createRange();
1338 sel.text = chaineAj;
1339 document.sqlform.insert.focus();
1341 //MOZILLA/NETSCAPE support
1342 else if (document.sqlform.sql_query.selectionStart || document.sqlform.sql_query.selectionStart == "0") {
1343 var startPos = document.sqlform.sql_query.selectionStart;
1344 var endPos = document.sqlform.sql_query.selectionEnd;
1345 var chaineSql = document.sqlform.sql_query.value;
1347 myQuery.value = chaineSql.substring(0, startPos) + chaineAj + chaineSql.substring(endPos, chaineSql.length);
1349 myQuery.value += chaineAj;
1351 sql_box_locked = false;
1356 * listbox redirection
1358 function goToUrl(selObj, goToLocation) {
1359 eval("document.location.href = '" + goToLocation + "pos=" + selObj.options[selObj.selectedIndex].value + "'");
1365 function getElement(e,f){
1366 if(document.layers){
1368 if(f.document.layers[e]) {
1369 return f.document.layers[e];
1371 for(W=0;W<f.document.layers.length;W++) {
1372 return(getElement(e,f.document.layers[W]));
1376 return document.all[e];
1378 return document.getElementById(e);
1382 * Refresh the WYSIWYG-PDF scratchboard after changes have been made
1384 function refreshDragOption(e) {
1385 myid = getElement(e);
1386 if (myid.style.visibility == 'visible') {
1393 * Refresh/resize the WYSIWYG-PDF scratchboard
1395 function refreshLayout() {
1396 myid = getElement('pdflayout');
1398 if (document.pdfoptions.orientation.value == 'P') {
1406 myid.style.width = pdfPaperSize(document.pdfoptions.paper.value, posa) + 'px';
1407 myid.style.height = pdfPaperSize(document.pdfoptions.paper.value, posb) + 'px';
1411 * Show/hide the WYSIWYG-PDF scratchboard
1413 function ToggleDragDrop(e) {
1414 myid = getElement(e);
1416 if (myid.style.visibility == 'hidden') {
1418 myid.style.visibility = 'visible';
1419 myid.style.display = 'block';
1420 document.edcoord.showwysiwyg.value = '1';
1422 myid.style.visibility = 'hidden';
1423 myid.style.display = 'none';
1424 document.edcoord.showwysiwyg.value = '0';
1429 * PDF scratchboard: When a position is entered manually, update
1430 * the fields inside the scratchboard.
1432 function dragPlace(no, axis, value) {
1434 getElement("table_" + no).style.left = value + 'px';
1436 getElement("table_" + no).style.top = value + 'px';
1441 * Returns paper sizes for a given format
1443 function pdfPaperSize(format, axis) {
1444 switch (format.toUpperCase()) {
1446 if (axis == 'x') return 4767.87; else return 6740.79;
1449 if (axis == 'x') return 3370.39; else return 4767.87;
1452 if (axis == 'x') return 2383.94; else return 3370.39;
1455 if (axis == 'x') return 1683.78; else return 2383.94;
1458 if (axis == 'x') return 1190.55; else return 1683.78;
1461 if (axis == 'x') return 841.89; else return 1190.55;
1464 if (axis == 'x') return 595.28; else return 841.89;
1467 if (axis == 'x') return 419.53; else return 595.28;
1470 if (axis == 'x') return 297.64; else return 419.53;
1473 if (axis == 'x') return 209.76; else return 297.64;
1476 if (axis == 'x') return 147.40; else return 209.76;
1479 if (axis == 'x') return 104.88; else return 147.40;
1482 if (axis == 'x') return 73.70; else return 104.88;
1485 if (axis == 'x') return 2834.65; else return 4008.19;
1488 if (axis == 'x') return 2004.09; else return 2834.65;
1491 if (axis == 'x') return 1417.32; else return 2004.09;
1494 if (axis == 'x') return 1000.63; else return 1417.32;
1497 if (axis == 'x') return 708.66; else return 1000.63;
1500 if (axis == 'x') return 498.90; else return 708.66;
1503 if (axis == 'x') return 354.33; else return 498.90;
1506 if (axis == 'x') return 249.45; else return 354.33;
1509 if (axis == 'x') return 175.75; else return 249.45;
1512 if (axis == 'x') return 124.72; else return 175.75;
1515 if (axis == 'x') return 87.87; else return 124.72;
1518 if (axis == 'x') return 2599.37; else return 3676.54;
1521 if (axis == 'x') return 1836.85; else return 2599.37;
1524 if (axis == 'x') return 1298.27; else return 1836.85;
1527 if (axis == 'x') return 918.43; else return 1298.27;
1530 if (axis == 'x') return 649.13; else return 918.43;
1533 if (axis == 'x') return 459.21; else return 649.13;
1536 if (axis == 'x') return 323.15; else return 459.21;
1539 if (axis == 'x') return 229.61; else return 323.15;
1542 if (axis == 'x') return 161.57; else return 229.61;
1545 if (axis == 'x') return 113.39; else return 161.57;
1548 if (axis == 'x') return 79.37; else return 113.39;
1551 if (axis == 'x') return 2437.80; else return 3458.27;
1554 if (axis == 'x') return 1729.13; else return 2437.80;
1557 if (axis == 'x') return 1218.90; else return 1729.13;
1560 if (axis == 'x') return 864.57; else return 1218.90;
1563 if (axis == 'x') return 609.45; else return 864.57;
1566 if (axis == 'x') return 2551.18; else return 3628.35;
1569 if (axis == 'x') return 1814.17; else return 2551.18;
1572 if (axis == 'x') return 1275.59; else return 1814.17;
1575 if (axis == 'x') return 907.09; else return 1275.59;
1578 if (axis == 'x') return 637.80; else return 907.09;
1581 if (axis == 'x') return 612.00; else return 792.00;
1584 if (axis == 'x') return 612.00; else return 1008.00;
1587 if (axis == 'x') return 521.86; else return 756.00;
1590 if (axis == 'x') return 612.00; else return 936.00;
1598 * rajk - for playing media from the BLOB repository
1601 * @param var url_params main purpose is to pass the token
1602 * @param var bs_ref BLOB repository reference
1603 * @param var m_type type of BLOB repository media
1604 * @param var w_width width of popup window
1605 * @param var w_height height of popup window
1607 function popupBSMedia(url_params, bs_ref, m_type, is_cust_type, w_width, w_height)
1609 // if width not specified, use default
1610 if (w_width == undefined)
1613 // if height not specified, use default
1614 if (w_height == undefined)
1617 // open popup window (for displaying video/playing audio)
1618 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');
1622 * rajk - popups a request for changing MIME types for files in the BLOB repository
1624 * @param var db database name
1625 * @param var table table name
1626 * @param var reference BLOB repository reference
1627 * @param var current_mime_type current MIME type associated with BLOB repository reference
1629 function requestMIMETypeChange(db, table, reference, current_mime_type)
1631 // no mime type specified, set to default (nothing)
1632 if (undefined == current_mime_type)
1633 current_mime_type == "";
1635 // prompt user for new mime type
1636 var new_mime_type = prompt("Enter custom MIME type", current_mime_type);
1638 // if new mime_type is specified and is not the same as the previous type, request for mime type change
1639 if (new_mime_type && new_mime_type != current_mime_type)
1640 changeMIMEType(db, table, reference, new_mime_type);
1644 * rajk - changes MIME types for files in the BLOB repository
1646 * @param var db database name
1647 * @param var table table name
1648 * @param var reference BLOB repository reference
1649 * @param var mime_type new MIME type to be associated with BLOB repository reference
1651 function changeMIMEType(db, table, reference, mime_type)
1653 // specify url and parameters for mootools AJAx request
1654 var mime_chg_url = 'bs_change_mime_type.php';
1655 var params = { bs_db: db, bs_table: table, bs_reference: reference, bs_new_mime_type: mime_type };
1657 // create AJAX object with above options and execute request
1658 var chgRequest = new Request({ method: 'post', url: mime_chg_url, data: params, evalScripts: true });