[Linpha-cvs] SF.net SVN: linpha: [4575] trunk/linpha2

[<fan...@us...>]

Revision: 4575
          http://svn.sourceforge.net/linpha/?rev=4575&view=rev
Author:   fangehrn
Date:     2006-10-07 07:25:58 -0700 (Sat, 07 Oct 2006)

Log Message:
-----------
2006-10-07 flo
 * adding javascript frameworks prototype and scriptaculous
 * implemented nice imageinfos

Modified Paths:
--------------
    trunk/linpha2/ChangeLog
    trunk/linpha2/lib/js/LinImage.js

Modified: trunk/linpha2/ChangeLog
===================================================================
--- trunk/linpha2/ChangeLog	2006-10-07 14:25:40 UTC (rev 4574)
+++ trunk/linpha2/ChangeLog	2006-10-07 14:25:58 UTC (rev 4575)
@@ -1,3 +1,7 @@
+2006-10-07 flo
+ * adding javascript frameworks prototype and scriptaculous
+ * implemented nice imageinfos
+
 2006-10-03 flo
  * working on an ajax image view
 	basic things will work now

Modified: trunk/linpha2/lib/js/LinImage.js
===================================================================
--- trunk/linpha2/lib/js/LinImage.js	2006-10-07 14:25:40 UTC (rev 4574)
+++ trunk/linpha2/lib/js/LinImage.js	2006-10-07 14:25:58 UTC (rev 4575)
@@ -75,73 +75,56 @@
 		ElemImg.setAttribute('width',imgwidth);
 		ElemImg.setAttribute('height',imgheight);
 
-		var DivMainImage = 	document.getElementById('divimage');
-		DivMainImage.innerHTML = '';
-		DivMainImage.appendChild(ElemImg);
+		$('divimage').innerHTML = '';
+		$('divimage').appendChild(ElemImg);
 	
 	/**
 	 * set title
 	 */
-	var title = xmldoc.getElementsByTagName('title').item(0).firstChild.data;
-	document.getElementById('title').innerHTML = title;
+	$('title').innerHTML = xmldoc.getElementsByTagName('title').item(0).firstChild.data;
 
 	/**
 	 * set current thumb
 	 */
-	var DivCurrentThumb = document.getElementById('thumbnavi_currentthumb');
-	DivCurrentThumb.innerHTML = '<a href="javascript:loadImage(' + imgid + ')"><img class="img_currentthumb" src="' + thumb_src + imgid + '" /></a>';
+	$('thumbnavi_currentthumb').innerHTML = '<a href="javascript:loadImage(' + imgid + ')"><img class="img_currentthumb" src="' + thumb_src + imgid + '" /></a>';
 
 	/**
 	 * set prev thumbs
 	 */
-	var DivPrevThumbs = document.getElementById('thumbnavi_prevthumb');
-	DivPrevThumbs.innerHTML = '';
+	$('thumbnavi_prevthumb').innerHTML = '';
 	if(xmldoc.getElementsByTagName('prevthumb').length > 0)
 	{
 		for(var i = 0; i < xmldoc.getElementsByTagName('prevthumb').length; i++)
 		{
 			var prevThumbId = xmldoc.getElementsByTagName('prevthumb').item(i).firstChild.data;
-			
-			var ElemImg = document.createElement("img");
-			ElemImg.setAttribute('class','img_prevnextthumb');
-			ElemImg.setAttribute('src',thumb_src + prevThumbId);
 
-			var ElemA = document.createElement("a");
-			ElemA.setAttribute('href','javascript:loadImage(' + prevThumbId + ')');
-			ElemA.appendChild(ElemImg);
-
-			var ElemDiv = document.createElement("div");
-			ElemDiv.setAttribute('class','thumbnavi_prevnextthumb');
-			ElemDiv.appendChild(ElemA);
+			var ElemImg = Builder.node('img', {className: 'img_prevnextthumb', src: thumb_src + prevThumbId});
+			var ElemA = Builder.node('a', {href: 'javascript:loadImage(' + prevThumbId + ')'});
+			var ElemDiv = Builder.node('div', {className: 'thumbnavi_prevnextthumb'});
 			
-			DivPrevThumbs.appendChild(ElemDiv);
+			ElemA.appendChild( ElemImg );
+			ElemDiv.appendChild( ElemA );
+			$('thumbnavi_prevthumb').appendChild(ElemDiv);
 		}
 	}
 
 	/**
 	 * set next thumbs
 	 */
-	var DivNextThumbs = document.getElementById('thumbnavi_nextthumb');
-	DivNextThumbs.innerHTML = '';
+	$('thumbnavi_nextthumb').innerHTML = '';
 	if(xmldoc.getElementsByTagName('nextthumb').length > 0)
 	{
 		for(var i = 0; i < xmldoc.getElementsByTagName('nextthumb').length; i++)
 		{
 			var nextThumbId = xmldoc.getElementsByTagName('nextthumb').item(i).firstChild.data;
-			
-			var ElemImg = document.createElement("img");
-			ElemImg.setAttribute('class','img_prevnextthumb');
-			ElemImg.setAttribute('src',thumb_src + nextThumbId);
 
-			var ElemA = document.createElement("a");
-			ElemA.setAttribute('href','javascript:loadImage(' + nextThumbId + ')');
-			ElemA.appendChild(ElemImg);
-
-			var ElemDiv = document.createElement("div");
-			ElemDiv.setAttribute('class','thumbnavi_prevnextthumb');
-			ElemDiv.appendChild(ElemA);
+			var ElemImg = Builder.node('img', {className: 'img_prevnextthumb', src: thumb_src + nextThumbId});
+			var ElemA = Builder.node('a', {href: 'javascript:loadImage(' + nextThumbId + ')'});
+			var ElemDiv = Builder.node('div', {className: 'thumbnavi_prevnextthumb'});
 			
-			DivNextThumbs.appendChild(ElemDiv);
+			ElemA.appendChild( ElemImg );
+			ElemDiv.appendChild( ElemA );
+			$('thumbnavi_nextthumb').appendChild(ElemDiv);
 		}
 	}
 
@@ -150,8 +133,7 @@
 	 */
 	if(xmldoc.getElementsByTagName('meta').length > 0)
 	{
-		var DivMeta = document.getElementById("divmeta");
-		DivMeta.innerHTML = '';
+		$('divmeta').innerHTML = '';
 
 		for(var i = 0; i < xmldoc.getElementsByTagName('meta').length; i++)
 		{
@@ -159,17 +141,16 @@
 			var metaname = document.createTextNode( meta.getElementsByTagName('name').item(0).firstChild.data + ': ' );
 			var metavalue = document.createTextNode( meta.getElementsByTagName('value').item(0).firstChild.data );
 
-			DivMeta.appendChild(metaname);
-			DivMeta.appendChild(metavalue);
-			DivMeta.appendChild( document.createElement("br") );
+			$('divmeta').appendChild(metaname);
+			$('divmeta').appendChild(metavalue);
+			$('divmeta').appendChild( document.createElement("br") );
 		}
 	}
 	
 	/**
 	 * set comments
 	 */
-	var DivComments = document.getElementById('divcomments');
-	DivComments.innerHTML = '';
+	$('divcomments').innerHTML = '';
 	if(xmldoc.getElementsByTagName('comment').length > 0)
 	{
 		for(var i = 0; i < xmldoc.getElementsByTagName('comment').length; i++)
@@ -187,32 +168,19 @@
 			ElemDiv.appendChild(commenttext);
 			ElemDiv.appendChild( document.createElement("br") );
 
-			DivComments.appendChild(ElemDiv);
+			$('divcomments').appendChild(ElemDiv);
 		}
 	}
 	
 	/**
 	 * set positions of info link
 	 */
-	var mainimage = document.getElementById('mainimage');
-	var divinfolinks = document.getElementById('divinfolinks');
-	divinfolinks.style.top = mainimage.offsetTop + mainimage.offsetHeight;
-	divinfolinks.style.left = mainimage.offsetLeft + mainimage.offsetWidth - divinfolinks.offsetWidth;
-//	alert(mainimage.offsetLeft + ' ' + mainimage.offsetTop + ' ' + mainimage.offsetWidth + ' ' + mainimage.offsetHeight);
+	$('divinfolinks').style.top = $('mainimage').offsetTop + $('mainimage').offsetHeight;
+	$('divinfolinks').style.left = $('mainimage').offsetLeft + $('mainimage').offsetWidth - $('divinfolinks').offsetWidth;
 
-
-
 } // end function setImageData()
 
-function testsize()
-{
-	/**
-	 * set positions of info link
-	 */
-	var mainimage = document.getElementById('mainimage');
-	alert(mainimage.offsetLeft + ' ' + mainimage.offsetTop + ' ' + mainimage.offsetWidth + ' ' + mainimage.offsetHeight);
 
-}
 
 var showhide = 'hide';
 function showImgInfo()
@@ -236,7 +204,7 @@
 		new Effect.Appear('divmeta', { duration: 0.5, from: 0.0, to: 1.0 });
 		new Effect.Appear('divimage', { duration: 0.5, from: 1.0, to: 0.3 });
 		
-		document.getElementById('hrefinfolinks').style.color = colorinfonotactive;
+		$('hrefinfolinks').style.color = colorinfonotactive;
 	}
 	else
 	{
@@ -245,7 +213,7 @@
 		new Effect.Appear('divmeta', { duration: 0.5, from: 1.0, to: 0.0 });
 		new Effect.Appear('divimage', { duration: 0.5, from: 0.3, to: 1.3 });
 
-		document.getElementById('hrefinfolinks').style.color = colorinfoactive;
+		$('hrefinfolinks').style.color = colorinfoactive;
 	}
 }
 function hideImgInfoNow()
@@ -253,6 +221,8 @@
 	$('divmeta').style.display = 'none';
 	Element.setOpacity('divimage',1);
 	showhide = 'hide';
+
+	$('hrefinfolinks').style.color = colorinfoactive;
 }
 
 
@@ -261,8 +231,8 @@
  */
 function setInfoColors()
 {
-	colorinfonotactive = document.getElementById('divinfolinks').style.color;
-	colorinfoactive = document.getElementById('hrefinfolinks').style.color;
+	colorinfonotactive = $('divinfolinks').style.color;
+	colorinfoactive = $('hrefinfolinks').style.color;
 }
 
 /**


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.