GIAOHOIHYMan50408HyMan

File "index.htm"

Full path: E:/sites/Single15/tinmung2007/webroot/GIAOHOI/HYMan/50408HyMan/index.htm
File size: 8.56 KiB (8765 bytes)
MIME-type:
Charset: utf-8

Download   Open   Back 

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>VietCatholic Photo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<STYLE>
TD {font-family :Verdana;font-size:8pt;}
TD.1 {font-size:12pt; color:white}
TD.2 {cursor:hand;}
TD.organisation {font-family :Arial;color:white;font-weight:bold;font-size:10pt;}
TD.HeadLine{color:white;}
TD.Author{color:white;font-style:italic}
</STYLE>
 <SCRIPT LANGUAGE="JavaScript">
var m_nPage = 0;
var m_nPic   = 0;
var m_bThumbnailMode = true;
var m_objNodes;
var m_title="";
var m_author="";
var m_organisation="";
var m_dt="";
var m_nMaxPage = 0;
var m_nMaxPic = 0;
var m_tbOnPage = 15;

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//@function OnNext()
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function OnNext()
  {
  if (m_bThumbnailMode)
     {
     if (m_nPage ==  m_nMaxPage)  return;
     m_nPage++;
     DisplayPage(m_nPage);
    }
else
   {
   if (m_nPic == m_nMaxPic) return;
   m_nPic++;
   View(m_nPic);
    }
   }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//@function OnPrev()
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function OnPrev()
  {
  if (m_bThumbnailMode)
     {
     if (m_nPage ==  0)  return;
     m_nPage--;
     DisplayPage(m_nPage);
    }
else
   {
   if (m_nPic == 0) return;
   m_nPic--;
   View(m_nPic);
    }
   }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//@function OnIndex()
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function OnIndex()
 {
 m_bThumbnailMode = true;
 m_nPage = parseInt(m_nPic / m_tbOnPage);
 DisplayPage(m_nPage);
 Index.style.visibility="hidden";
 Prev.style.visibility= m_nPage ? "visible": "hidden";
 Next.style.visibility= (m_nPage < m_nMaxPage) ? "visible": "hidden";
 document.getElementById("HeadLine").innerHTML = m_title;
  }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//@function View(id)
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function View(id)
  {
  if (id < 0 || id > m_nMaxPic) return;
   m_nPic = id;
   var str = "<div align=center><table border=0 cellpadding=10 cellspacing=0><tr>";
   str += "<td  class=1><img src='Pics/" + m_objNodes[id].getAttribute("path")+ "'></td></tr></table></div>";			
   document.getElementById("Contents").innerHTML = str;	
   
   if (m_objNodes[id].firstChild != null && m_objNodes[id].firstChild.nodeValue != null)
   {
    strHeadLine = m_objNodes[id].firstChild.nodeValue;
    if (strHeadLine.length == 0) strHeadLine = m_title;
    }
   else 
     strHeadLine = m_title;
     
   document.getElementById("HeadLine").innerHTML = strHeadLine;
   m_bThumbnailMode = false;
   document.getElementById("Index").style.visibility="visible";
   document.getElementById("Prev").style.visibility= id ? "visible": "hidden";
   document.getElementById("Next").style.visibility= (id < m_nMaxPic ) ? "visible": "hidden";
   }

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//@function DisplayPage(pageNo)
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function DisplayPage(pageNo)
   {
    if (pageNo < 0 || pageNo > m_nMaxPage) return;
   m_nPage = pageNo;
   m_bThumbnailMode = true;
   var str = "<table border=0 cellpadding=10 cellspacing=0>";	
   var length = m_objNodes.length;		
   var j =0;
   var nFrom = pageNo * m_tbOnPage;
   var nTo = nFrom  + m_tbOnPage + 1;
   if (nTo > length ) nTo = length ; 
   for (i = nFrom; i < nTo; i++)
        {
        if (j % 5 == 0) 
           str += "<tr>";
       str += "<td  class=2 onclick='View(" + i + ");' ><img src='Thumbnails/tb" + m_objNodes[i].getAttribute("path")+ "'></td>";			
       j++;
       if (j == m_tbOnPage) break;
        }
    while ( j % 5 ) 
     {
      str += "<td>&nbsp;</td>";	
      j++;		
      }
   str += "</tr></table>";
   document.getElementById("Contents").innerHTML = str;	
   document.getElementById("Index").style.visibility="hidden";
   document.getElementById("Prev").style.visibility= pageNo ? "visible": "hidden";
   document.getElementById("Next").style.visibility= (pageNo < m_nMaxPage) ? "visible": "hidden";
   }
 </SCRIPT>
</head>

<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" text="white" link="white" bgcolor="#1f1f82" vlink="#6495ed" alink="aqua">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="56">
<tr height="56" valign="middle" align="left">
<td height="56" width="15" align="left" valign="middle"><br></td>
<td height="56" align="left" valign="middle" width="533" class=organisation id=Organisation></td>
<td height="56" align="left" valign="middle"></td>
<td height="56" align="left" valign="middle" width="40"><br></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="2" width="m_tbOnPage0">
<tr>
<td id=Prev align="left" width="50" onclick="OnPrev();"><img src="images/previmage.gif" width="21" height="15" align="middle" border="0" alt="Previous"></td>
<td id=Index align="center" width="50" onclick="OnIndex();"><img src="images/currentindex.gif" width="15" height="21" align="middle" border="0" alt="Index"></td>
<td id=Next align="right" width="50" onclick="OnNext();"><img src="images/nextimage.gif" width="21" height="15" align="middle" border="0" alt="Next"></td>
</tr>
</table><br><br>
<img src="images/rule.gif" width="850" height="1" border="0"><br><br><br>
</div><div id=Contents align=center></div><br><br><br><br>
<div align="center">
<img src="images/rule.gif" width="850" height="1" border="0"><br><br>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td class=HeadLine id=HeadLine align=center></td></tr>
<tr><td class=Author id=Author  align=center></td></tr>
</table>
</div>

 <SCRIPT LANGUAGE="JavaScript">
  
 var m_xmlDoc;
 var m_objNodes;
 
 function LoadXMLFile(url)
  {
  if (document.implementation && document.implementation.createDocument)
    {
    m_xmlDoc = document.implementation.createDocument("", "", null);
    m_xmlDoc.onload = new Function('XmlLoaded()');
    }
  else if (window.ActiveXObject)
    {
    m_xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    m_xmlDoc.onreadystatechange = function () 
      {
      if (m_xmlDoc.readyState == 4) XmlLoaded();
      }
    }
  else
    {
    alert('Your browser can\'t handle this script');
    return;
    }
  
  m_xmlDoc.load( url );
  }
    
//////////////////////////////////////////////////////////////////////////////
//@function XmlLoaded()
//////////////////////////////////////////////////////////////////////////////
function XmlLoaded()
  {
    m_objNodes = m_xmlDoc.getElementsByTagName("record");
    if (m_objNodes == null) return;
    
    m_nMaxPic = m_objNodes.length;
    m_nMaxPage = parseInt(m_nMaxPic / m_tbOnPage);
    if (m_nMaxPage * m_tbOnPage < m_nMaxPic) m_nMaxPage++;
    // Index starts from 0
    m_nMaxPage--;
    m_nMaxPic--;
        
    var objNode = m_xmlDoc.getElementsByTagName("title")[0];
    m_title =  objNode.firstChild.nodeValue;
    document.getElementById("HeadLine").innerHTML = m_title;
    
    objNode = objNode = m_xmlDoc.getElementsByTagName("author")[0];
    m_author =  objNode.firstChild.nodeValue;
    
    objNode = objNode = m_xmlDoc.getElementsByTagName("date")[0];
    m_dt =  objNode.firstChild.nodeValue;
        
    document.getElementById("Author").innerHTML =  m_author + " (" + m_dt + ")";
    
    objNode = objNode = m_xmlDoc.getElementsByTagName("organisation")[0];
    m_organisation = objNode.firstChild.nodeValue;
    document.getElementById("Organisation").innerHTML = m_organisation;

    DisplayPage(0); 
  }  
  
  try
     {
     LoadXMLFile("vcatphoto.xml");
    } 
 catch (e) {}


  </SCRIPT>
</body>
</html>

PHP File Manager