/*
* Ensure that a title and a description must be supplied for each picture or download selected.
* Return 0 if title and descriptions were provided, otherwise return 1.
*/
function checkMandatoryFields( element )
{
var error = 0;
var message = "";
if( element.name.indexOf( "file_file" ) != -1 )
{
if( document.getElementById( 'fileDescriptor' ).innerHTML.indexOf( "Thumbnail" ) != -1 )
{
if( document.getElementById( 'pictureDescription' ).value.length == 0 )
{
message += "Please provide a short description of the picture. ";
error = 1;
}
if( document.getElementById( 'altTag' ).value.length == 0 )
{
message += "Please provide alternative text for the picture. ";
error = 1;
}
}
}
if( message.length > 0 )
alert( message );
return( error );
}
function storeMandatoryFields( element, rowToAppendTo )
{
if( element.name.indexOf( "file" ) != -1 )
{
if( document.getElementById( 'fileDescriptor' ).innerHTML.indexOf( "Big Picture" ) != -1 )
{
var description = document.createElement( 'input' );
description.type = 'hidden';
description.value = document.getElementById( 'pictureDescription' ).value;
description.name = element.name + '_description';
rowToAppendTo.appendChild( description );
var altTag = document.createElement( 'input' );
altTag.type = 'hidden';
altTag.value = document.getElementById( 'altTag' ).value;
altTag.name = element.name + '_alttag';
rowToAppendTo.appendChild( altTag );
document.getElementById( 'pictureDescription' ).value = "";
document.getElementById( 'altTag' ).value = "";
}
}
}
function setAsGalleryText( absolutePath, webRoot )
{
var checkBoxGrp = document.getElementsByName( 'galleryText' );
var value = "";
for( var i = 0; i < checkBoxGrp.length; i++ )
{
if( checkBoxGrp[i].checked == true )
value = checkBoxGrp[i].value;
}
new Ajax.Request( webRoot + '/includes/SetAsGalleryText.php', {
method: 'get',
parameters: 'value=' + value + '&' + 'absolutePath=' + absolutePath,
onSuccess: function( transport )
{
}
});
}
function addToHomepage( absolutePath, webRoot, index, galleryId )
{
var checkBoxGrp = document.getElementsByName( 'feed[]' );
var checked = 0;
if( checkBoxGrp[index].checked == true )
checked = 1;
new Ajax.Request( webRoot + '/includes/AddToHomepage.php', {
method: 'get',
parameters: 'galleryId=' + galleryId + '&' + 'checked=' + checked + '&' + 'absolutePath=' + absolutePath,
onSuccess: function( transport )
{
}
});
}
function addToAboutpage( absolutePath, webRoot, index, galleryId )
{
var checkBoxGrp = document.getElementsByName( 'feed[]' );
var checked = 0;
if( checkBoxGrp[index].checked == true )
checked = 1;
new Ajax.Request( webRoot + '/includes/AddToAboutpage.php', {
method: 'get',
parameters: 'galleryId=' + galleryId + '&' + 'checked=' + checked + '&' + 'absolutePath=' + absolutePath,
onSuccess: function( transport )
{
}
});
}
function getNewsDetail( absolutePath, webRoot, newsId )
{
var contents = "";
new Ajax.Request( webRoot + '/includes/GetNewsDetail.php', {
method: 'get',
parameters: 'newsId=' + newsId + '&' + 'absolutePath=' + absolutePath,
onSuccess: function( transport ){
var array = transport.responseText.split( '~' );
var div = "" + array[0] + "
![\""](\"")
" + array[1] + "
";
div += "
Location: " + array[5] + "Client: " + array[6] +
"Sector: " + array[7] + "Image Type: " + array[8] + "" +
"Date: " + array[9] + "
";
div += "
";
div += "
Thank you, your email has been sent
';
document.getElementById( 'form' ).innerHTML = message;
}
});
}
function updateDisplayOrder()
{
var list = document.getElementById( 'sections' );
var items = list.getElementsByTagName( "li" );
var len = items.length;
var order = new Array();
for( i = 0; i < len; i++ )
{
var html = items[i].innerHTML;
var id = html.indexOf( 'id=' );
var idxEqual = html.indexOf( '=', id );
idxEqual++;
var idxQuote = html.indexOf( '"', idxEqual );
order.push( html.substring( idxEqual, idxQuote ) );
}
new Ajax.Request( webRoot + '/includes/UpdateDisplayOrder.php', {
method: 'get',
parameters: 'order=' + order.join( "," ) + '&' + 'absolutePath=' + absolutePath,
onSuccess: function( transport )
{
}
});
}
/*
* Use Ajax to remove a database entry after double checking with the user. checkBoxName is used to identify the
* checkbox (along with rowReference) if the user cancels the delete and in which case the checkbox should be unchecked.
* tableNameToColumn is used to identify the table and the table row, thingBeingRemoved is used to customise the confirm
* message and noDataRows is used to make certain rows visible or invisible when there are no rows left in tableName to delete.
*/
function deleteFromDatabase( absolutePath, webRoot, checkBoxName, tableNameToColumnName,
thingBeingRemoved, noDataRows, rowReference )
{
var deleted = 1;
// If the row should be deleted.
if( confirm( "Are you sure you want to delete this " + thingBeingRemoved + "?" ))
{
var currentPage = window.location;
// Using Ajax to delete the row from the database.
new Ajax.Request( webRoot + '/includes/DeleteFromDatabase.php', {
method: 'get',
parameters: 'tableNameToColumnName=' + tableNameToColumnName + '&' + 'absolutePath=' + absolutePath +
'&' + 'currentPage=' + currentPage,
onSuccess: function( transport ){
if( typeof rowReference !== "undefined" )
{
// Delete the table row from the HTML document.
var i = rowReference.parentNode.parentNode.rowIndex;
document.getElementById( 'contentArea' ).deleteRow(i);
}
// Decrement the value of the variable that indicates how many rows are left in the table.
numRows--;
if( numRows == 0 )
{
// If no rows are left retrieve the name of the row to update and an integer value to
// determine whether the row should be made visible or invisible.
var rows = noDataRows.split( '|' );
for( i = 0; i < rows.length; i++ )
{
var rowNameToStatus = rows[i].split( '~' );
if( rowNameToStatus[1] == "0" )
document.getElementById( rowNameToStatus[0] ).style.display = "none";
else
document.getElementById( rowNameToStatus[0] ).style.display = "";
}
}
}
});
}
else
deleted = 0;
var checkBoxGrp = document.getElementsByName( 'delete[]' );
var len = checkBoxGrp.length;
for( i = 0; i < len; i++ )
{
if( checkBoxGrp[i].checked )
checkBoxGrp[i].checked = false;
}
return( deleted );
}
/*
* This function is called when the user adds a new menu item using the HTML form. A div is created to store
* the item title, description and price. These are stored in hidden input fields to make sure that these values
* are accessible in $_POST when the form is submitted. The div is given an id and name to allow the menu item to
* be removed if the user decides. The textboxes are cleared and the number of menu items, used to produce
* unique id and name values, is incremented. This function has been created as a menu item may to added when
* the menu is created or edited.
*/
function newItem( cmsImages )
{
var message = "";
var title = document.getElementById( 'itemTitle' ).value;
var description = document.getElementById( 'itemDescription' ).value;
var price = document.getElementById( 'itemPrice' ).value;
if( title.length == 0 )
message += "Please provide a title for the menu item. ";
if( description.length == 0 )
message += "Please provide a description for the menu item. ";
if( price.length == 0 )
message += "Please provide the price for the menu item. ";
if( message == "" )
{
var row = document.createElement( 'tr' );
var rowIdName = 'new_items_' + newItemsCount;
row.setAttribute( 'id', rowIdName );
var column1 = document.createElement( 'td' );
column1.setAttribute( 'width', '129' );
column1.appendChild( document.createTextNode( title ) );
var inputTitle = document.createElement( 'input' );
inputTitle.setAttribute( 'type', 'hidden' );
inputTitle.setAttribute( 'id', 'new_items_title' + newItemsCount );
inputTitle.setAttribute( 'name', 'new_items_title' + newItemsCount );
inputTitle.setAttribute( 'value', title );
column1.appendChild( inputTitle );
var inputDescription = document.createElement( 'input' );
inputDescription.setAttribute( 'type', 'hidden' );
inputDescription.setAttribute( 'id', 'new_items_description' + newItemsCount );
inputDescription.setAttribute( 'name', 'new_items_description' + newItemsCount );
inputDescription.setAttribute( 'value', description );
column1.appendChild( inputDescription );
var inputPrice = document.createElement( 'input' );
inputPrice.setAttribute( 'type', 'hidden' );
inputPrice.setAttribute( 'id', 'new_items_price' + newItemsCount );
inputPrice.setAttribute( 'name', 'new_items_price' + newItemsCount );
inputPrice.setAttribute( 'value', price );
column1.appendChild( inputPrice );
var column2 = document.createElement( 'td' );
column2.setAttribute( 'width', '341' );
var new_row_button = document.createElement( 'img' );
new_row_button.setAttribute( 'src', cmsImages + '/ButtonDeleteOn.png' );
new_row_button.setAttribute( 'width', '45' );
new_row_button.setAttribute( 'height', '15' );
new_row_button.setAttribute( 'border', '0' );
var deleteButtonIdName = 'newItemDeleteImage' + newItemsCount;
new_row_button.setAttribute( 'id', deleteButtonIdName );
new_row_button.setAttribute( 'name', deleteButtonIdName );
var button_link = document.createElement( 'a' );
button_link.onmouseover = function() { swapImage( deleteButtonIdName, cmsImages + '/ButtonDeleteOff.png' ) };
button_link.onmouseout = function() { swapImage( deleteButtonIdName, cmsImages + '/ButtonDeleteOn.png' ) };
button_link.onclick = function() { deleteDiv( rowIdName ); };
button_link.appendChild( new_row_button );
column2.appendChild( button_link );
row.appendChild( column1 );
row.appendChild( column2 );
document.getElementById( 'itemsToBeAdded' ).appendChild( row );
document.getElementById( 'itemTitle' ).value = "";
document.getElementById( 'itemDescription' ).value = "";
document.getElementById( 'itemPrice' ).value = "";
newItemsCount++;
}
else
alert( message );
}
/*
* When deleting a row from a table it is sufficient just to have the id or name of the table row since
* the table it belongs to can be found using parentNode. The removeChild function can then be used to
* remove the table row from the table element. However, when adding rows it is necessary to identify
* where in the table the rows should be inserted. headingRow does just this. It also explains what
* data follows and therefore should be displayed if data exists and not if it doesn't. Once a row is
* removed a count of the number of rows is computed and if this is zero the appendTo/header row is no
* longer displayed. It can easily be displayed again if new data is added. The third argument to this
* function is used to determine how many rows and left and when the header row should no longer be displayed.
*/
function deleteTableRow( headingRow, rowToDelete, deleteImage )
{
var table = document.getElementById( rowToDelete ).parentNode;
// Remove the row chosen by the user by navigating to the parent of the table row, the table, and then
// using the removeChild function.
table.removeChild( document.getElementById( rowToDelete ) );
// Calculate how many rows are left following the headingRow. Each row has a delete button which
// is a unique id but whose id has a common part for all rows belonging to the append to row.
// Initially find all images on the page.
var images = table.getElementsByTagName( 'img' );
var len = images.length;
var count = 0;
for( i = 0; i < len; i++ )
{
// We are only interested in delete images that belong to rows related to headingRow
if( images[i].id.indexOf( deleteImage ) != -1 )
count++;
}
// If there aren't any rows hide the headingRow row so that we are not describing data that doesn't
// exist.
if( count == 0 )
{
var row = document.getElementById( headingRow );
var rowIndex = row.rowIndex;
rowIndex++;
table.deleteRow( rowIndex );
row.style.display = "none";
}
}
/*
* Delete a menu item given the parent div to which each div is appended.
*/
function deleteDiv( divIdToRemove )
{
document.getElementById( divIdToRemove ).parentNode.parentNode.removeChild( document.getElementById( divIdToRemove ).parentNode );
}
/*
* Change the current image to that passed for the HTML id/name also passed. Used for implementing rollovers.
*/
function swapImage( htmlIdName, imageSrc )
{
document.getElementById( htmlIdName ).src = imageSrc;
}