JavaScript Class Define And Enumerating or Printing Properties

//create a class
function Person(name, age) {  
     this.name = name || "";  
     this.age = age || 0;
}
Person.prototype = new Person;
var john = new Person("John", 29);// add some custom properties
john.language = "English";
john.wife = "Mary";//Enumerate using the standard forEach method:
   
  for(prop in john)
  {
   str+=prop + " value :"+ john[prop]+"\n";//Concate prop and its value from object
  }
  alert(str);

or

var obj = objFrm.elements["name"];
  
  var str=""; //variable which will hold property values
  for(prop in obj)
  {
   alert(prop);
   str+=prop + " value :"+ obj[prop]+"\n";//Concate prop and its value from object
  }
  alert(str); //Show all properties and its value

收集的30多個與Slideshow相關的網站

[轉]收集的30多個與Slideshow相關的網站
01.Multifaceted Lightbox
來源網址：http://particletree.com/features/lightbox-gone-wild/
程序範例：http://particletree.com/examples/lightbox/
程序檔案：mf_lightbox.zip 190 Kb
使用程序：HTML、Javascript、CSS。
程序特色：有多種顯示變化。
難易程度：普通。

02.easyALBUM
來源網址： http://www.tjkdesign.com/articles/gallery/photo_gallery.asp
程序範例： http://www.tjkdesign.com/articles/gallery/easyAlbum/default.htm
程序檔案：easyAlbum_v117.zip 383 Kb
使用程序：HTML、Javascript、CSS。
程序特色：很不錯的顯示變化。
難易程度：容易。

03.minishowcase
來源網址： http://minishowcase.frwrd.net/
程序範例： http://minishowcase.frwrd.net/demo/
程序檔案：minishowcase_v09b87.zip 184 Kb
使用程序：your server must have at least php v4.2.0。
程序特色：很不錯的顯示變化。
難易程度：困難。

04.Agile Gallery
來源網址： http://www.agilegallery.com/ajax-photo-gallery.html
程序範例： http://www.agilegallery.com/demo.html
程序檔案：agilegallery_flash.zip 135 Kb 、 agilegallery_ajax.zip 81 Kb
使用程序：軟件。
程序特色：5 個簡單操作步驟。
難易程度：http://www.agilegallery.co...

06.pyxy-gallery
來源網址： http://fennecfoxen.org/pyxy/gallery
程序範例： http://fennecfoxen.org/misc/photo/reynolda/
程序檔案：pyxy-gallery.zip 20 Kb
使用程序：php。
程序特色：很不錯的顯示變化。
難易程度：困難。

07.pyxy-gallery
來源網址： http://www.zenphoto.org/
程序範例： http://www.zenphoto.org/zenphoto/
程序檔案：zenphoto-1.0.8.2.zip 316 Kb
使用程序：php。
程序特色：還可以留言喔。
難易程度：困難。

08.TripTracker slideshow
來源網址： http://slideshow.triptracker.net/
程序範例： http://slideshow.triptracker.net/howto.html
程序檔案：需付費購買。
使用程序：HTML、Javascript、CSS。
程序特色：很不錯的操作接口。
難易程度：普通。

09.Suckerfish HoverLightbox
來源網址： http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/
程序範例： http://mondaybynoon.com/examples ... box/horizontal.html
程序範例： http://mondaybynoon.com/2007/02/ ... overlightbox-redux/
程序檔案：Suckerfish_HoverLightbox.zip 1,811 Kb 、the_redux-1.2.zip 1,462 Kb
使用程序：HTML、Javascript、CSS。
程序特色：可以做垂直或水平安排。
難易程度：普通。

10.ThickBox 3.1
來源網址： http://jquery.com/demo/thickbox/
程序範例： http://jquery.com/demo/thickbox/
程序檔案：檔案需要各別下載。
使用程序：HTML、Javascript、CSS。
程序特色：很多不同的畫面變化。
難易程度：普通。

11.Stu Nicholls CSSplay A Photograph Gallery
來源網址： http://www.cssplay.co.uk/menu/gallery.html
程序範例： http://www.cssplay.co.uk/menu/lightbox.html#flower8
程序範例： http://www.cssplay.co.uk/menu/photo_scroll.html#nogo
程序範例： http://www.cssplay.co.uk/menu/gallery3l.html
程序檔案：檔案需要各別下載。
使用程序：HTML、Javascript、CSS。
程序特色：一般的操作畫面。
難易程度：普通。

12.Dynamic Drive CSS Library- CSS Image Gallery
來源網址： http://www.dynamicdrive.com/styl ... /css-image-gallery/
程序範例： http://www.dynamicdrive.com/style/csslibrary/category/C4/
程序檔案：檔案需要各別下載。
使用程序：HTML、Javascript、CSS。
程序特色：不錯的操作畫面。
難易程度：普通。

13.CSS Photo Showcase Mike
來源網址： http://mikecherim.com/experiments/css_photo_showcase.php
程序範例： http://mikecherim.com/experiments/css_photo_showcase.php
程序檔案：檔案需要各別下載。
使用程序：XHTML、Javascript、CSS。
程序特色：一般的操作畫面。
難易程度：普通。

14.Javascript Image Gallery & Slideshow
來源網址： http://cross-browser.com/toys/img_gallery_2.php
程序範例： http://cross-browser.com/toys/img_gallery_2.php
程序檔案：檔案需要各別下載。
使用程序：HTML、Javascript、CSS。
程序特色：一般的操作畫面。
難易程度：普通。

15.JS-CSS-DHTML based Image Gallery
來源網址： http://dasme.org/imagegal
程序範例： http://dasme.org/imagegal/demo/
程序檔案：imagegal.1.0.festivus.zip 127 Kb
使用程序：PHP。
程序特色：一般的操作畫面。
難易程度：困難。

16.JS-CSS-DHTML based Image Gallery
來源網址： http://design.tedforbes.com/
程序範例： http://gravityroom.com/sets.php
程序檔案：imagegal.1.0.festivus.zip 127 Kb
使用程序：PHP。
程序特色：一般的操作畫面。
難易程度：困難。

17.FlickrBox
來源網址： http://www.naggle.com/index.php?/articles/comments/flickrbox/
程序範例： http://www.naggle.com/index.php?/photos/
程序檔案：FlickrBox.zip 88 Kb
使用程序：PHP。
程序特色：一般的操作畫面。
難易程度：困難。

18.QuickGal
來源網址： http://andyydev.com/project.php?file=QuickGal
程序範例： http://andyydev.com/QuickGal/index.php
程序檔案：QuickGal.zip 981 Kb
使用程序：PHP。
程序特色：一般的操作畫面。
難易程度：困難。

19.Javascript Image Gallery & Slideshow
來源網址： http://pranas.net/webgallerycreator/
程序範例：軟件。
程序檔案：檔案需要各別下載。
使用程序：NET Framework required 。

20.Thickbox for mootools
來源網址： http://gueschla.com/labs/smoothbox/
程序範例： http://gueschla.com/labs/smoothbox/
檔案需要各別下載。
使用程序：HTML、Javascript、CSS。
程序特色：一般的操作畫面。
難易程度：普通。

21.35mm Photo Viewer Browser-based DHTML image display
來源網址： http://www.schillmania.com/projects/35mm/
程序範例： http://www.schillmania.com/projects/35mm/demo/
程序檔案：
使用程序：PHP。
程序特色：一般的操作畫面。
難易程度：困難。

22.Flash online image gallery and slideshow
來源網址： http://www.imagevuex.com/
程序範例： http://www.imagevuex.com/imagevue/demo
程序檔案：需付費購買。
使用程序：PHP。
程序特色：很不錯的操作接口。
難易程度：普通。

23.Thickbox for mootools
來源網址： http://photostack.org/
程序範例： http://photostack.org/demo/
程序檔案：beta-newest.zip 705 Kb
使用程序：PHP。
程序特色：不錯的操作畫面。
難易程度：普通。

24.PicsEngine
來源網址： http://www.picsengine.com/
程序範例： http://photostack.org/demo/
程序檔案：檔案需要各別下載。
程序特色：不錯的操作畫面。
使用程序：plugin Flash 8。
難易程度：困難。

25.AutoViewer
來源網址： http://www.airtightinteractive.com/projects/autoviewer/
程序範例： http://www.airtightinteractive.com/projects/autoviewer/app/
程序範例： http://www.airtightinteractive.com/simpleviewer/
程序檔案：autoviewer.zip 54 Kb
使用程序： http://www.airtightinteractive.c ... erver_instruct.html
難易程度：有點難。

26.LightWindow
來源網址： http://stickmanlabs.com/lightwindow/
程序範例： http://stickmanlabs.com/lightwindow/#demos
程序檔案：lightwindow.zip 6,467 Kb
程序特色：各式各樣的不同功能畫面。
使用程序：HTML、Javascript、CSS、Flash。
難易程度：有一點困難。

27.SimpleViewer
來源網址： http://www.airtightinteractive.com/simpleviewer/
程序範例： http://www.airtightinteractive.com/photos/
程序範例： http://www.airtightinteractive.com/simpleviewer/lores/
程序檔案：simpleviewer.zip 43 Kb
程序特色：垂直與水平畫面。
使用程序：XHTML、Javascript、CSS、Flash。
難易程度：普通。

28.AwesomeBo
來源網址： http://paularmstrongdesigns.com/projects/awesomebox/#jacob
程序範例： http://paularmstrongdesigns.com/projects/awesomebox/#jacob
程序檔案：awesomebox.zip 23 Kb
程序特色：一般的操作畫面。
使用程序：HTML、Javascript、CSS。
難易程度：普通。

29.Flickr Photos
來源網址： http://www.flickrhelpr.com/
程序範例： http://www.flickrhelpr.com/example/
程序檔案：FLICKRHELPR_v1.1.zip 23 Kb
使用程序：PHP。
程序特色：super simple way to put your flickr photos on your site。
難易程度：有一點困難。

30.Lytebox
來源網址： http://www.dolem.com/lytebox/
程序範例： http://www.dolem.com/lytebox/
程序檔案：lytebox_v3.20.zip
程序特色：一般的操作畫面。
使用程序：HTML、Javascript、CSS。
難易程度：普通。

31.DropProof
來源網址： http://www.bigfolio.com/drop_proof/
程序範例： http://www.bigfolio2.com/DropProofSample/
程序檔案：DropProof_v03.zip 343 Kb
使用程序：PHP。
難易程度：有一點困難。

32.Splash
來源網址： http://www.chez-xuxu.net/ressources/javascript/splash.image/
程序範例： http://www.chez-xuxu.net/ressources/javascript/splash.image/
程序檔案：splash.image.zip 36 Kb
使用程序：HTML、Javascript、CSS。
難易程度：普通。

33.Flickr and Dojo Image Gallery
來源網址： http://shaneosullivan.wordpress. ... dojo-image-gallery/
程序範例： http://www.skynet.ie/%7Esos/ajax/imagegallery.php
程序範例： http://www.skynet.ie/%7Esos/ajax/example_ImageGallery_markup.php
程序檔案：sos_ajax.zip 8 Kb
使用程序：PHP。
難易程度：有一點困難。

33.Slimbox
來源網址： http://www.digitalia.be/software/slimbox
程序範例： http://www.digitalia.be/software/slimbox#demo
程序檔案：slimbox.zip 7 Kb
使用程序：HTML、Javascript、CSS。
難易程度：普通。

34.litebox
來源網址： http://www.doknowevil.net/litebox/
程序範例： http://www.doknowevil.net/litebox/
程序檔案：litebox-1.0.zip 187 Kb
使用程序：HTML、Javascript、CSS。
難易程度：普通。

35.Slightly ThickerBox
來源網址： http://www.jasons-toolbox.com/SlightlyThickerBox/
程序範例： http://www.jasons-toolbox.com/SlightlyThickerBox/
程序檔案：SlightlyThickerBox.zip 28 Kb 、 SlightlyThickerBoxWithImages.zip 1,344 Kb
使用程序：HTML、Javascript、CSS。
難易程度：普通。

36.Pixlie
來源網址： http://www.pixlie.de/
程序範例： http://www.pixlie.de/demo/index.php
程序檔案：請自行前往下載。
使用程序：Flash 編輯軟件。
難易程度：不詳。

37.Consoriana JS Gallery 2
來源網址： http://www.consoriana.com/goodies/jsg2/
程序範例： http://www.consoriana.com/goodies/jsg2/
程序檔案：http://www.consoriana.com/...
使用程序：HTML、Javascript、CSS。
難易程度：不詳。

JavaScript : isNumberic

method 1 :
isNaN()
return false : "-0.5",-100
return true : "string"

method 2 :
check positive Numberic
var ValidChars = "0123456789.-";
reference from http://www.codetoad.com/javascript/isnumeric.asp

The simplest way to check whether the details entered in a text field are numeric is to to loop through the string and compare each character to a pre-defined list of acceptable characters.

In this function, we've allowed decimal points and numbers nought through 9.

We use two methods to help us here : the charAt and indexOf.

Using the charAt method, we can find out which character is filling a designated position within a string. We then use the indexOf method to search our ValidChars list of valid characters. If it doesn't exist, (if ValidChars.indexOf(Char) == -1) this means the user has entered an invalid character. Here's the full function.

function IsNumberic(sText)
{
   var ValidChars = "0123456789.";
   var IsNumber=true;
   var Char;

 
   for (i = 0; i < sText.length && IsNumber == true; i++) 
      { 
      Char = sText.charAt(i); 
      if (ValidChars.indexOf(Char) == -1) 
         {
         IsNumber = false;
         }
      }
   return IsNumber;
   
   }