|
Server : Apache/2.4.43 (Win64) OpenSSL/1.1.1g PHP/7.4.6 System : Windows NT USER-PC 6.1 build 7601 (Windows 7 Professional Edition Service Pack 1) AMD64 User : User ( 0) PHP Version : 7.4.6 Disable Function : NONE Directory : C:/Program Files/CyberLink/PowerDirector/web/ |
<html>
<STYLE> DIV.title { PADDING-LEFT: 1px; FONT-SIZE: 12px; MARGIN-BOTTOM: 1px; COLOR: #000066; LINE-HEIGHT: 9px; FONT-FAMILY: monospace; LETTER-SPACING: 2px; HEIGHT: 9px }
DIV.main { BORDER-RIGHT: #000066 1px solid; BORDER-TOP: #000066 1px solid; BORDER-LEFT: #000066 1px solid; BORDER-BOTTOM: #000066 1px solid }
DIV.domTT { BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #333333 }
DIV.domTT .caption { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #ffffff; PADDING-TOP: 1px; FONT-FAMILY: serif }
DIV.domTT .contents { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #f1f1ff }
DIV.domTTClassic { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: infobackground }
DIV.domTTClassic .caption { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-STYLE: italic; FONT-FAMILY: serif }
DIV.domTTClassic .contents { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: infotext; PADDING-TOP: 1px; FONT-FAMILY: Arial, sans-serif }
DIV.domTTWin { BORDER-RIGHT: #bfbfbf 2px outset; BORDER-TOP: #bfbfbf 2px outset; BORDER-LEFT: #bfbfbf 2px outset; BORDER-BOTTOM: #bfbfbf 2px outset; BACKGROUND-COLOR: #808080 }
DIV.domTTWin .caption { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #bfbfbf 1px solid; COLOR: white; PADDING-TOP: 2px; BORDER-BOTTOM: #bfbfbf 0px solid; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #00007f }
DIV.domTTWin .contents { BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; BORDER-LEFT: #bfbfbf 1px solid; BORDER-BOTTOM: #bfbfbf 1px solid }
DIV.domTTOverlib { BORDER-RIGHT: #333366 1px solid; BORDER-TOP: #333366 1px solid; BORDER-LEFT: #333366 1px solid; BORDER-BOTTOM: #333366 1px solid; BACKGROUND-COLOR: #333366 }
DIV.domTTOverlib .caption { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Helvetica }
DIV.domTTOverlib .contents { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Helvetica; BACKGROUND-COLOR: #f1f1ff }
DIV.niceTitle { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 13px; Z-INDEX: 20; FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=87); LEFT: 0px; PADDING-BOTTOM: 4px; WIDTH: 250px; COLOR: #ffffff; PADDING-TOP: 4px; FONT-FAMILY: "Trebuchet MS", sans-serif; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #333333; TEXT-ALIGN: left; moz-border-radius: 0 10px 10px 10px; moz-opacity: .87; khtml-opacity: .87; opacity: .87 }
DIV.niceTitle .contents { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; moz-opacity: 1; khtml-opacity: 1; opacity: 1 }
DIV.niceTitle P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #d17e62; PADDING-TOP: 3px; TEXT-ALIGN: left; moz-opacity: 1 }
DIV.domTTMenu { BORDER-RIGHT: #e6e6e6 2px outset; BORDER-TOP: #e6e6e6 2px outset; BORDER-LEFT: #e6e6e6 2px outset; WIDTH: 150px; BORDER-BOTTOM: #e6e6e6 2px outset }
DIV.domTTMenu .caption { FONT-SIZE: 12px; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #e6e6e6 }
DIV.domTTMenu .contents { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #e6e6e6 }
</STYLE>
<SCRIPT language="javascript" src="domLib.js" type="text/javascript"></SCRIPT>
<SCRIPT language="javascript" src="domTT.js" type="text/javascript"></SCRIPT>
<SCRIPT language="javascript" src="MD5.js" type="text/javascript"></SCRIPT>
<SCRIPT language="javascript" src="hashtable.js" type="text/javascript"></SCRIPT>
<SCRIPT language="javascript" src="FreeSoundAction.js" type="text/javascript"></SCRIPT>
<script type="text/javascript">
var m_bIsPlay = false;
var m_strPlayButton = "";
var m_strToolTipsFileName = "File name";
var m_strToolTipsFileSize = "File size";
var m_strToolTipsFileDuration = "Duration";
var m_strToolTipsFileDescription = "Description";
var m_strToolTipsFileUserName = "User name";
var m_strToolTipsFileTags = "Tags";
var m_strTextSearchNothing = "No files found...";
var m_strTextPlay = "Play";
var m_strTextLicense = "License";
var m_strTextStop = "Stop";
function setToolTipsFileName(strToolTipsFileName)
{
m_strToolTipsFileName = strToolTipsFileName;
}
function setToolTipsFileSize(strToolTipsFileSize)
{
m_strToolTipsFileSize = strToolTipsFileSize;
}
function setToolTipsFileDuration(strToolTipsFileDuration )
{
m_strToolTipsFileDuration = strToolTipsFileDuration;
}
function setToolTipsFileDescription(strToolTipsFileDescription)
{
m_strToolTipsFileDescription = strToolTipsFileDescription;
}
function setToolTipsFileUserName(strToolTipsFileUserName)
{
m_strToolTipsFileUserName = strToolTipsFileUserName;
}
function setToolTipsFileTags(strToolTipsFileTags)
{
m_strToolTipsFileTags = strToolTipsFileTags;
}
function setTextSearchNothing(strTextSearchNothing)
{
m_strTextSearchNothing = strTextSearchNothing;
}
function setTextPlay(strTextPlay)
{
m_strTextPlay = strTextPlay;
}
function setTextStop(strTextStop)
{
m_strTextStop = strTextStop;
}
function setTextLicense(strTextLicense)
{
m_strTextLicense = strTextLicense;
}
ver=parseInt(navigator.appVersion)
ie4=(ver>3 && navigator.appName!="Netscape")?1:0
ns4=(ver>3 && navigator.appName=="Netscape")?1:0
ns3=(ver==3 && navigator.appName=="Netscape")?1:0
function GoToPage(nPageIndex)
{
m_nCurrentPageIndex = nPageIndex;
if(m_nCurrentPageIndex >m_nTotalPageNum)
{
m_nCurrentPageIndex = m_nTotalPageNum;
}
if(m_nCurrentPageIndex < 1)
{
m_nCurrentPageIndex = 1;
}
ResetTable();
var nCellCount = m_nPhotosInWidth*m_nPhotosInHeight;
m_nStartIndex = (m_nCurrentPageIndex-1)*nCellCount;
nSoundNum = 0;
for(var i = 0;i<nCellCount;i++)
{
if(m_nStartIndex+i<m_nListSize)
{
AddItemIntoPage(i,
m_ListUsed_sound_id[m_nStartIndex+i],
m_ListUsed_strUrl[m_nStartIndex+i],
m_ListUsed_strName[m_nStartIndex+i],
m_ListUsed_strPreviewURL[m_nStartIndex+i],
m_ListUsed_nFileSize[m_nStartIndex+i],
m_ListUsed_nDuration[m_nStartIndex+i],
m_ListUsed_nDescription[m_nStartIndex+i],
m_ListUsed_strUserName[m_nStartIndex+i],
m_ListUsed_strTags[m_nStartIndex+i]);
}
}
UpdateCurPageInfo();
}
function OnButtonPrev()
{
DHTMLSoundStop();
m_nCurrentPageIndex--;
if(m_nCurrentPageIndex<=0)
{
m_nCurrentPageIndex = 1;
UpdateCurPageInfo();
return;
}
ResetTable();
var nCellCount = m_nPhotosInWidth*m_nPhotosInHeight;
m_nStartIndex = (m_nCurrentPageIndex-1)*nCellCount;
nSoundNum = 0;
for(var i = 0;i<nCellCount;i++)
{
if(m_nStartIndex+i<m_nListSize)
{
AddItemIntoPage(i,
m_ListUsed_sound_id[m_nStartIndex+i],
m_ListUsed_strUrl[m_nStartIndex+i],
m_ListUsed_strName[m_nStartIndex+i],
m_ListUsed_strPreviewURL[m_nStartIndex+i],
m_ListUsed_nFileSize[m_nStartIndex+i],
m_ListUsed_nDuration[m_nStartIndex+i],
m_ListUsed_nDescription[m_nStartIndex+i],
m_ListUsed_strUserName[m_nStartIndex+i],
m_ListUsed_strTags[m_nStartIndex+i]);
}
}
UpdateCurPageInfo();
}
function UpdateCurPageInfo()
{
var ref = "UpdateCurPageInfo:"+m_nCurrentPageIndex;
location = ref;
return;
}
function OnButtonNext()
{
DHTMLSoundStop();
m_nCurrentPageIndex++;
if(m_nCurrentPageIndex >m_nTotalPageNum)
{
m_nCurrentPageIndex = m_nTotalPageNum;
UpdateCurPageInfo();
}
ResetTable();
var nCellCount = m_nPhotosInWidth*m_nPhotosInHeight;
m_nStartIndex = (m_nCurrentPageIndex-1)*nCellCount;
nSoundNum = 0;
for(var i = 0;i<nCellCount;i++)
{
if(m_nStartIndex+i<m_nListSize)
{
AddItemIntoPage(i,
m_ListUsed_sound_id[m_nStartIndex+i],
m_ListUsed_strUrl[m_nStartIndex+i],
m_ListUsed_strName[m_nStartIndex+i],
m_ListUsed_strPreviewURL[m_nStartIndex+i],
m_ListUsed_nFileSize[m_nStartIndex+i],
m_ListUsed_nDuration[m_nStartIndex+i],
m_ListUsed_nDescription[m_nStartIndex+i],
m_ListUsed_strUserName[m_nStartIndex+i],
m_ListUsed_strTags[m_nStartIndex+i]);
}
}
UpdateCurPageInfo();
}
function UpdateTotalPageInfo()
{
var ref = "UpdateTotalPageInfo:"+m_nTotalPageNum;
location = ref;
return;
}
function updateBKImage()
{
//alert(m_strSkinPath);
var body = document.getElementById("bkArea");
body.background = m_strSkinPath+"flickr_search_bg.png";
}
function DHTMLSound(surl) {
wmp.URL = surl;
wmp.controls.play();
m_bIsPlay = true;
}
function DHTMLSoundStop() {
var playButton = document.getElementById(m_strPlayButton);
if(playButton != null)
playButton.resetPlayButton();
wmp.controls.stop();
m_bIsPlay = false;
}
function stopSound(strURL)
{
if (ie4) document.all['BGSOUND_ID'].src=strURL;
if ((ns4||ns3)
&& navigator.javaEnabled()
&& navigator.mimeTypes['audio/x-midi']
)
{
self.document.Bach.stop()
}
}
var strPhotoUrl;
var strFrob;
var strToken;
var nPhotoNum;
var nContract_id;
var m_strCurrent_person_id;
var m_StrPhotoset_id = "";
var m_htPhotoID = new Hashtable;
var m_htPhotoSize = new Hashtable;
var m_htPhotoUserName = new Hashtable;
var m_nWindowWidth = 480;
var m_nWindowHeight = 290;
var m_nPhotosInWidth = 7;
var m_nPhotosInHeight = 10;
var m_nStartListIndex = 0;
var m_nCurItemsCountInPage = 0;
function updateTableWH()
{
m_nWindowHeight = document.body.clientHeight;
m_nWindowWidth = document.body.clientWidth;
for(var i = 0;i<200;i++)
{
if(i>m_nWindowWidth/100)
{
m_nPhotosInWidth = i;
break;
}
}
for(var i = 0;i<200;i++)
{
if(i>(m_nWindowHeight-60)/130)
{
m_nPhotosInHeight = i;
break;
}
}
m_nPhotosPrePage = m_nPhotosInWidth*m_nPhotosInHeight;
}
function OnCheckBox(sound_id,strFileName,nFileSize,strUserName,bCheck)
{
if(bCheck)
{
m_htPhotoID.add(sound_id,strFileName);
m_htPhotoSize.add(sound_id,nFileSize);
m_htPhotoUserName.add(sound_id,strUserName);
}
else
{
m_htPhotoID.remove(sound_id,strFileName);
m_htPhotoSize.remove(sound_id,nFileSize);
m_htPhotoUserName.remove(sound_id,strUserName);
}
var strSelectCount = "UpdateCurSelectCount:"+m_htPhotoID.count();
//alert(strSelectCount);
location = strSelectCount;
}
function DownloadSelectedPhoto()
{
for(var k in m_htPhotoID._hash)
{
var URL_Search = BASE_URL+"samplesDownload.php?";
var strParam = "id="+URLEncode(k)+"|"+m_htPhotoID.items(k)+"|"+m_htPhotoSize.items(k)+"|"+m_htPhotoUserName.items(k);
var URL_SearchTemp = URL_Search+strParam;
var ref = "ADD:"+URL_SearchTemp;
location = ref;
}
m_htPhotoID.clear();
m_htPhotoSize.clear();
m_htPhotoUserName.clear();
//start download
var ref = "download:start";
location = ref;
return;
}
function SelectedAll()
{
for (var i=0; i<nSoundNum; i++)
{
var strID = "checkbox"+ i;
if(document.getElementById(strID)==null)
return;
if(document.getElementById(strID).disabled==false)
{
document.getElementById(strID).checked = true;
OnCheckBox(document.getElementById(strID).sound_id,document.getElementById(strID).filename,document.getElementById(strID).FileSize,document.getElementById(strID).UserName,document.getElementById(strID).checked);
}
}
}
function UnSelectedAll()
{
for (var i=0; i<nSoundNum; i++)
{
var strID = "checkbox"+ i;
if(document.getElementById(strID)==null)
return;
document.getElementById(strID).checked = false;
OnCheckBox(document.getElementById(strID).sound_id,document.getElementById(strID).filename,document.getElementById(strID).FileSize,document.getElementById(strID).UserName,false);
}
}
function ShowToolTips(strText)
{
domTT_activate(this, event, 'content',strText , 'grid', 20, 'fade', 'out', 'trail', true);
}
function AddItemIntoPage(itemID,sound_id,strUrl,strName,strPreviewURL,nFileSize,strDuration,strDescription,strUserName,strTags)
{
if(itemID == null || sound_id == null || strName == null || strPreviewURL == null || nFileSize == null)
return;
var nCellCount = m_nPhotosInWidth*m_nPhotosInHeight;
//for(var i = 0;i<nCellCount;i++)
//{
// var SpaceID = "Space"+i;
var i = itemID - m_nStartIndex;
var SpaceID = "Space"+itemID;
var divCell = document.getElementById(SpaceID);
if(divCell==null)
return;
divCell.setAttribute('width', "100");
if(divCell && divCell.used == "0")
{
divCell.used = 1;
//Create new table
var tbl_new = document.createElement("table");
tbl_new.setAttribute('cellspacing','0');
tbl_new.setAttribute('cellpadding','0');
var tblBody_new = document.createElement("tbody");
tbl_new.setAttribute('border','0');
var row1 = document.createElement("tr");
row1.setAttribute('align', "center");
row1.setAttribute('align', "top");
var cell1 = document.createElement("td");
cell1.setAttribute('width', "100");
cell1.setAttribute('height', "75");
cell1.setAttribute('vAlign', "top");
var divImage = document.createElement('img');
var url = "";
var ImageID = "image"+itemID;
divImage.setAttribute('src', strUrl);
divImage.setAttribute('border', 0);
divImage.setAttribute('id', ImageID);
divImage.setAttribute('width', 75);
divImage.setAttribute('height', 75);
divImage.setAttribute('description', strName);
divImage.setAttribute('PreviewURL', strPreviewURL);
divImage.setAttribute('sound_id', sound_id);
divImage.onclick = function()
{
var strFileURL = "http://freesound.iua.upf.edu/samplesViewSingle.php?id="+this.sound_id;
//alert(strFileURL);
window.open(strFileURL);
}
divImage.onmouseover = function()
{
this.style.cursor= 'hand';
if(this.title=="")
GetPhotoInfo(this.photo_id);
}
divImage.onmouseout=function()
{
this.style.cursor= 'default';
}
var strFinalDescription = "";
if(strDescription.length>30)
strFinalDescription = strDescription.substring(0,30)+"...";
else
strFinalDescription = strDescription;
var strFinalUserName = "";
if(strUserName.length>30)
strFinalUserName = strUserName.substring(0,30)+"...";
else
strFinalUserName = strUserName;
var strTitle = m_strToolTipsFileName +":"+strName+"\n"+
m_strToolTipsFileSize +":"+nFileSize+"\n"+
m_strToolTipsFileDuration + ":" +strDuration+"\n"+
m_strToolTipsFileDescription + ":" +strFinalDescription+"\n"+
m_strToolTipsFileUserName + ":"+strFinalUserName+"\n"+
m_strToolTipsFileTags + ":"+strTags;
divImage.setAttribute('title', strTitle);
cell1.appendChild(divImage);
cell1.setAttribute('align', "center");
cell1.colSpan = 2;
row1.appendChild(cell1);
//divCell.appendChild(divImage);
var row2 = document.createElement("tr");
row2.setAttribute('align', "center");
var cell2 = document.createElement("td");
cell2.setAttribute('align', "left");
var cell3 = document.createElement("td");
cell3.setAttribute('align', "right");
var play_button = document.createElement('img');
var strLogoPath = m_strSkinPath+ "btn_play_n.png";
play_button.setAttribute('src', strLogoPath);
play_button.setAttribute('title', m_strTextPlay);
play_button.setAttribute('type', "button");
var strID = "play"+ itemID;
play_button.setAttribute('id', strID);
play_button.setAttribute('playURL', strPreviewURL);
play_button.onclick = function()
{
var strLogoPath = "";
if(m_bIsPlay && wmp.URL == this.playURL)
{
DHTMLSoundStop();
this.title = m_strTextPlay;
strLogoPath = m_strSkinPath+ "btn_play_p.png";
}
else
{
DHTMLSoundStop();
m_strPlayButton = this.id;
DHTMLSound(this.playURL);
this.title = m_strTextStop;
strLogoPath = m_strSkinPath+ "btn_stop_p.png";
}
this.src = strLogoPath;
}
play_button.resetPlayButton = function()
{
var strLogoPath = "";
strLogoPath = m_strSkinPath+ "btn_play_n.png";
this.title = m_strTextPlay;
this.src = strLogoPath;
this.style.cursor= 'default';
}
play_button.onmouseover = function()
{
var strLogoPath = "";
if(m_bIsPlay && wmp.URL == this.playURL)
strLogoPath = m_strSkinPath+ "btn_stop_h.png";
else
strLogoPath = m_strSkinPath+ "btn_play_h.png";
this.src = strLogoPath;
this.style.cursor= 'hand';
}
play_button.onmouseout = function()
{
var strLogoPath = "";
if(m_bIsPlay && wmp.URL == this.playURL)
strLogoPath = m_strSkinPath+ "btn_stop_n.png";
else
strLogoPath = m_strSkinPath+ "btn_play_n.png";
this.src = strLogoPath;
this.style.cursor= 'default';
}
//divCell.appendChild(play_button);
cell2.appendChild(play_button);
var checkBox_select = document.createElement('input');
checkBox_select.setAttribute('type', "checkbox");
var strID = "checkbox"+ itemID;
checkBox_select.setAttribute('id', strID);
checkBox_select.setAttribute('sound_id', sound_id);
checkBox_select.setAttribute('filename', strName);
checkBox_select.setAttribute('FileSize', nFileSize);
checkBox_select.setAttribute('UserName', strUserName);
if(m_htPhotoID.contains(sound_id))
{
checkBox_select.defaultChecked = true;
}
checkBox_select.onclick = function()
{
OnCheckBox(this.sound_id,this.filename,this.FileSize,this.UserName,this.checked);
}
cell2.appendChild(checkBox_select);
var button_License = document.createElement('img');
var strLogoPath = "";
strLogoPath = m_strSkinPath+ "btn_copyright_n.png";
button_License.setAttribute('src', strLogoPath);
button_License.setAttribute('title', m_strTextLicense);
button_License.onclick = function()
{
var strLogoPath = "";
strLogoPath = m_strSkinPath+ "btn_copyright_n.png";
this.src = strLogoPath;
var strAddress = "http://creativecommons.org/licenses/sampling+/1.0/";
window.open(strAddress);
}
button_License.onmouseover = function()
{
var strLogoPath = "";
strLogoPath = m_strSkinPath+ "btn_copyright_h.png";
this.style.cursor= 'hand';
this.src = strLogoPath;
}
button_License.onmouseout = function()
{
var strLogoPath = "";
strLogoPath = m_strSkinPath+ "btn_copyright_n.png";
this.src = strLogoPath;
this.style.cursor= 'default';
}
cell3.appendChild(button_License);
//divCell.appendChild(checkBox_select);
row2.appendChild(cell2);
row2.appendChild(cell3);
tblBody_new.appendChild(row1);
tblBody_new.appendChild(row2);
tbl_new.appendChild(tblBody_new);
tbl_new.setAttribute("border", "0");
divCell.appendChild(tbl_new);
nSoundNum++;
return;
//}
}
}
function ResetTable()
{
var nCellCount = m_nPhotosInWidth*m_nPhotosInHeight;
var body = document.getElementById("resultArea");
body.innerHTML = "";
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
var row = document.createElement("tr");
var nCount = 0;
for (var i=0; i<nCellCount; i++)
{
if(nCount>m_nPhotosInWidth-1)
{
nCount = 0;
row = document.createElement("tr");
}
nCount++;
var cell = document.createElement("td");
cell.setAttribute('width', "85");
cell.setAttribute('height', "100");
cell.setAttribute('border', "2");
var SpaceID = "Space"+i;
var divCell = document.createElement("div");
divCell.setAttribute('id', SpaceID);
divCell.setAttribute('used', "0");
var link = document.createElement('a');
var urlLarge = ""
link.setAttribute('target', "_top");
var div = document.createElement('img');
var url = "";
var ImageID = "image"+i;
strPhotoUrl = urlLarge;
div.setAttribute('src', url);
div.setAttribute('border', 0);
div.setAttribute('id', ImageID);
div.setAttribute('width', 75);
div.setAttribute('height', 75);
div.setAttribute('description', "test");
div.setAttribute('PreviewURL', "");
var strSoundPath = m_strSkinPath+ "audioclipthumbnail.bmp";
//div.setAttribute('src', strSoundPath);
//div.setAttribute('src', "");
//divCell.appendChild(div);
link.appendChild(divCell);
cell.appendChild(divCell);
cell.setAttribute('border', 0);
row.appendChild(cell);
tblBody.appendChild(row);
}
tblBody.appendChild(row);
tbl.appendChild(tblBody);
body.appendChild(tbl);
tbl.setAttribute("border", "0");
}
function CreateTable(nCounds)
{
m_nTotalPageNum = 1;
// insert newly found pictures
var body = document.getElementById("resultArea");
body.innerHTML = "";
// creates a <table> element and a <tbody> element
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
var nCount = 0;
var row = document.createElement("tr");
for (var i=0; i<nCounds; i++)
{
if(nCount>m_nPhotosInWidth-1)
{
nCount = 0;
row = document.createElement("tr");
}
nCount++;
var cell = document.createElement("td");
cell.setAttribute('width', "80");
cell.setAttribute('height', "100");
var SpaceID = "Space"+i;
var link = document.createElement('a');
var urlLarge = ""
link.setAttribute('target', "_top");
var div = document.createElement('img');
var url = "";
strPhotoUrl = urlLarge;
//div.setAttribute('src', url);
div.setAttribute('border', 0);
div.setAttribute('id', SpaceID);
div.setAttribute('width', 75);
div.setAttribute('height', 75);
div.setAttribute('description', "test");
div.setAttribute('PreviewURL', "");
var strSoundPath = m_strSkinPath+ "audioclipthumbnail.bmp";
//div.setAttribute('src', strSoundPath);
div.setAttribute('src', "");
div.onmouseover = function()
{
domTT_activate(this, event, 'content',this.description , 'grid', 20, 'fade', 'out', 'trail', false);
}
div.onmouseout=function()
{
domTT_closeAll();domTT_deactivate(this, event);
}
link.appendChild(div);
cell.appendChild(link);
var play_button = document.createElement('img');
var strLogoPath = m_strSkinPath+ "btn_play_n.png";
play_button.setAttribute('src', strLogoPath);
play_button.setAttribute('type', "button");
play_button.onclick = function()
{
var strLogoPath = m_strSkinPath+ "btn_play_p.png";
this.src = strLogoPath;
DHTMLSound(this.playURL);
}
play_button.onmouseover = function()
{
var strLogoPath = m_strSkinPath+ "btn_play_h.png";
this.src = strLogoPath;
this.style.cursor= 'hand';
}
play_button.onmouseout = function()
{
var strLogoPath = m_strSkinPath+ "btn_play_n.png";
this.src = strLogoPath;
this.style.cursor= 'default';
}
var strID = "play"+ i;
play_button.setAttribute('id', strID);
play_button.setAttribute('playURL', "");
cell.appendChild(play_button);
var checkBox_select = document.createElement('input');
checkBox_select.setAttribute('type', "checkbox");
var strID = "checkbox"+ i;
checkBox_select.setAttribute('id', strID);
checkBox_select.setAttribute('sound_id', urlLarge);
checkBox_select.setAttribute('filename', "");
checkBox_select.setAttribute('FileSize', "");
checkBox_select.setAttribute('UserName', "");
checkBox_select.onclick = function()
{
OnCheckBox(this.sound_id,this.filename,this.FileSize,this.UserName,this.checked);
}
cell.appendChild(checkBox_select);
row.appendChild(cell);
tblBody.appendChild(row);
}
// put the <tbody> in the <table>
tbl.appendChild(tblBody);
// appends <table> into <body>
body.appendChild(tbl);
// sets the border attribute of tbl to 2;
tbl.setAttribute("border", "0");
return;
}
function UpdateImage(sound_id,id,strUrl,strName,strPreviewURL,nFileSize)
{
var SpaceID = "Space"+id;
if(document.getElementById(SpaceID) == null)
return;
document.getElementById(SpaceID).setAttribute('src', strUrl);
document.getElementById(SpaceID).description = strName;
document.getElementById(SpaceID).PreviewURL = strPreviewURL;
var strID = "play"+ id;
document.getElementById(strID).playURL = strPreviewURL;
var strID = "checkbox"+ id;
document.getElementById(strID).sound_id = sound_id;
document.getElementById(strID).filename = strName;
document.getElementById(strID).FileSize = nFileSize;
//alert(strPreviewURL);
}
function DrawWaitAnimation()
{
CleanPage();
var body = document.getElementById("resultArea");
var divImage = document.createElement('img');
var imagePath = m_strSkinPath+"wait.gif"
divImage.setAttribute('src', imagePath);
body.appendChild(divImage);
}
function ShowNothingResult()
{
CleanPage();
var body = document.getElementById("resultArea");
body.innerHTML = m_strTextSearchNothing;
}
function CleanPage()
{
var body = document.getElementById("resultArea");
body.innerHTML = "";
}
</script>
<style type="text/css">
<!--
body {
margin: 5px;
padding: 0px;
}
-->
</style>
<head>
<style>
body{color: white;}
</style>
</head>
<body id= 'bkArea' scroll="no">
<font face ="Segoe UI">
<form name="myForm">
</form>
<div id="resultArea" style="OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #e7e7e7; SCROLLBAR-3DLIGHT-COLOR: #e7e7e7"
value="GG">
</div>
<OBJECT ID=wmp CLASSID=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6
style="position:absolute; left:35; top:534; width:0; height:0;"
standby='Loading Microsoft Windows Media Player components...'
TYPE='application/x-oleobject' VIEWASTEXT>
<PARAM NAME='AutoStart' VALUE='false'>
<PARAM NAME='uiMode' VALUE='none'>
<param name="SendPlayStateChangeEvents" value="true">
</OBJECT>
<SCRIPT FOR= "wmp" EVENT= "PlayStateChange(state)" type="text/javascript">
//refer: http://social.msdn.microsoft.com/forums/en-US/sidebargadfetdevelopment/thread/05559cde-17f6-47af-95f2-47d81dac05a1/
if(state == 8)
DHTMLSoundStop();
</SCRIPT>
</font>
</body>
</html>