祝贺海楼网(HiLoo)正式发布.

海楼是一个全国领先的房产信息发布平台, 海楼网正是借助其强大的支持, 在网上为您提供了最快捷高效, 最人性化的房地产信息发布平台. 在这个平台上，您发布的所有信息可以很快的到达您最终用户，让您的发布更有效果。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师

这里先做个宣传，自己做的一个网站即将发布。

发布时，希望大家访问。

目前内定的域名为：hiloo.com.cn

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

在使用Ext过程中，常见错误集锦(不断更新)

错误1：“可恶的”逗号

如果出现下面的错误，请第一时间查找你的JS中，是不是最后是以逗号结尾的。

错误2：JS为空或者Ext组件未能找到对应的render的目标

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师

在Ext的PagingToolbar主键，需要在store中有两个参数：limit和start，这样PagingToolbar才可以根据这两个参数进行分页处理。

但如果你的后台应用的分页是根据pagenum和pagesize来处理的，那么你就需要做点工作来做一个变通，实现分页的效果。

方法1：不改变Ext组件。

在服务器端获取limit和start的参数，通过运算来得到pagenum，limit可以直接当作pagesize。

这种方式需要你修改服务器端的代码。

方法2：扩展Ext的PagingToolbar组件。

注：以下代码有网上找到，再次感谢作者。

Ext.PagingToolbarEx = Ext.extend(Ext.PagingToolbar, {
    afterPageText: '/ {0}',
    beforePageText: '页',
    displayInfo: true,
    displayMsg: '显示 {0} - {1} / {2}',
    emptyMsg: '没有数据',
    firstText: '第一页',
    prevText: '前一页',
    nextText: '后一页',
    lastText: '最后一页',
    refreshText: '刷新',
    
    updateInfo: function(){
        if(this.displayEl){
            var count = this.store.getCount();
            
            var msg = count == 0 ? this.emptyMsg : String.format(this.displayMsg, this.cursor, this.cursor + count - 1, this.store.getTotalCount());
            
            this.displayEl.update(msg);
        }
    },
    
    onLoad: function(store, r, o){
        if(!this.rendered){
            this.dsLoaded = [store, r, o];
            
            return;
        }
        
        if(!o.params || this.store.getTotalCount() == 0){
            this.cursor = 0;
        }
        else{
            this.cursor = (o.params[this.paramNames.start] - 1) * this.pageSize + 1;
        }
        
        var d =this.getPageData(), ap = d.activePage, ps = d.pages;
        
        this.afterTextEl.el.innerHTML = String.format(this.afterPageText, d.pages);
        this.field.dom.value = ap;
        
        this.first.setDisabled(ap == 1 || ps == 0);
        this.prev.setDisabled( ap == 1 || ps == 0);
        this.next.setDisabled(ap == ps || ps == 0);
        this.last.setDisabled(ap == ps || ps == 0);
        this.loading.enable();
        this.loading.setDisabled(ps == 0);
        this.updateInfo();    
    },
    
    getPageData: function(){
        var total = this.store.getTotalCount();
        
        return {
            total: total,
            activePage: total != 0 && this.cursor == 0 ? 1 : Math.ceil(this.cursor / this.pageSize),
            pages: total !=0 && total < this.pageSize ? 1 : Math.ceil(total / this.pageSize)
        }
    },
    
    onClick: function(which){
        var store = this.store;
        var d = this.getPageData();
        
        switch(which){
            case 'first':
                this.doLoad(1);
                break;
            case 'prev':
                this.doLoad(Math.max(1, d.activePage - 1));
                break;
            case 'next':
                this.doLoad(Math.min(d.pages, d.activePage + 1));
                break;
            case 'last':
                this.doLoad(d.pages);
                break;
            case 'refresh':
                this.doLoad(d.activePage);
                break;
        }
    },
    
    onPagingKeydown: function(e){
        var k = e.getKey(), d = this.getPageData(), pageNum;
        
        if(k == e.RETURN){
            e.stopEvent();
            
            pageNum = this.readPage(d)
            
            if(pageNum >= d.pages){
                pageNum = d.pages;
            }
            else if(pageNum <= 1){
                pageNum = 1;
            }
            
            this.doLoad(pageNum);
    
        }
        else if(k == e.HOME || k == e.END){
            e.stopEvent();
            pageNum = k == e.HOME ? 1 : d.pages;
            this.field.dom.value = pageNum;
        }
        else if(k == e.UP || k == e.PAGEUP || k == e.DOWN || k == e.PAGEDOWN){
            e.stopEvent();
            
            if(pageNum = this.readPage(d)){
                var increment = e.shiftKey ? 10 : 1;
                
                if(k == e.DOWN || k == e.PAGEDOWN){
                    increment *= -1;
                }
                
                pageNum += increment;
                
                if(pageNum >= 1 & pageNum <= d.pages){
                    this.field.dom.value = pageNum;
                }
            }
        }
    }
});

Ext.reg('pagingtoolbarex', Ext.PagingToolbarEx);

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师

在做项目的时候，常常会发现组件显示不出来的情况，可以尝试如下几种方式：
1.检查Height
通常情况下，看不到组件显示或者只看到一小条，第一个需要做的就是先将这个组件的height属性显式的设置出来，通常情况下就会显示。

2.tabpanel的情况
如果你的空间是放在TabPanel当中，那么需要注意的是将内嵌的组件直接写在items中，例如：

   new Ext.TabPanel({
        activeTab: 0,
        autoHeight: true,
        plain: true,
        tabPosition: 'top',
        border: true,
        defaults: {
            autoScroll: true
        },
        items: [zzPanel, hzPanel]
    });

不可以多此一举的写成：

new Ext.TabPanel({
        activeTab: 0,
        width: 600,
        height: 550,
        plain: true,
        tabPosition: 'top',
        border: false,
        defaults: {
            autoScroll: true
        },
        items: [{
            title: ResourceHelper.i18n.zz,
            items: [zzgrid],
            listeners: {
                activate: changeHandle
            }
        }, {
            id: 'hztab',
            title: ResourceHelper.i18n.hz,
            items: [hzgrid],
            listeners: {
                activate: changeHandle
            }
        }]
    });

这样写会出现只有activeTab所对应的tab中的grid有显示，其他tab中的grid均无法显示。（我在调试这个bug的时候，是在一次偶然的机会中，修改的activeTab的值才发现的这个bug）。

这种情况下，使用show()来显示tab中的grid。

3.panel中嵌套grid，而这个panel有嵌套在TabPanel中。

这个情况下，不仅仅需要注意第二点中的一些注意事项，还要注意的是，在这种情况下，仅仅采用show()是无法显示所有控件的。因为仅仅使用show()仅仅可以将TabPanle中的直接控件即panel显示出来，而无法将嵌套在panel中的grid也显示出来。

这个时候，就需要在调用一下panel的doLayout() 方法了。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

一、File<文件>
1. New<新建>
2. Open<打开>
3. Open As<打开为>
4. Open Recent<最近打开文件>
5. Close<关闭>
6. Save<存储>
7. Save As<存储为>
8. Save for Web<存储为Web所用格式>
9. Revert<恢复>
10. Place<置入>
11. Import<输入>
         PDF Image
         Annotations<注释>
12. Export<输出>
13. Manage Workflow<管理工作流程>
         Check In<登记>
         Undo Check Out<还原注销>
         Upload To Server<上载到服务器>
         Add To Workflow<添加到工作流程>
         Open From Workflow<从工作流程打开>
14. Automate<自动>
         Batch<批处理>
         Create Droplet<创建快捷批处理>
         Conditional Mode Change<条件模式更改>
         Contact Sheet<联系表>
         Fix Image<限制图像>
         Multi
         Picture package<图片包>
         Web Photo Gallery
15. File Info<文件简介>
16. Print Options<打印选项>
17. Page Setup<页面设置>
18. Print<打印>
19. Jump to<跳转到>
20. Exit<退出>
 

二、Edit<编辑>
1. Undo<还原>
2. Step Forward<向前>
3. Step Backward<返回>
4. Fade<消退>
5. Cut<剪切>
6. Copy<拷贝>
7. Copy Merged<合并拷贝>
8. Paste<粘贴>
9. Paste Into<粘贴入>
10. Clear<清除>
11. Fill<填充>
12. Stroke<描边>
13. Free Transform<自由变形>
14. Transform<变换>
         Again<再次>
         Sacle<缩放>
         Rotate<旋转>
         Skew<斜切>
         Distort<扭曲>
         Prespective<透视>
         Rotate 180°<旋转180度>
         Rotate 90°CW<顺时针旋转90度>
         Rotate 90°CCW<逆时针旋转90度>
         Flip Hpeizontal<水平翻转>
         Flip Vertical<垂直翻转>
15. Define Brush<定义画笔>
16. Define Pattern<设置图案>
17. Define Custom Shape<定义自定形状>
18. Purge<清除内存数据>
         Undo<还原>
         Clipboard<剪贴板>
         Histories<历史纪录>
         All<全部>
19. Color Settings<颜色设置>
20. Preset Manager<预置管理器>
21. Preferences<预设>
         General<常规>
         Saving Files<存储文件>
         Display ＆ Cursors<显示与光标>
         Transparency ＆ Gamut<透明区域与色域>
         Units ＆ Rulers<单位与标尺>
         Guides ＆ Grid<参考线与网格>
         Plug
         Memory ＆ Image Cache<内存和图像高速缓存>
         Adobe Online
         Workflows Options<工作流程选项>

三、Image<图像>
1. Mode<模式>
         Bitmap<位图>
         Grayscale<灰度>
         Duotone<双色调>
         Indexed Color<索引色>
         RGB Color
         CMYK Color
         Lab Color
         Multichannel<多通道>
         8 Bits/Channel<8位通道>
         16 Bits/Channel<16位通道>
         Color Table<颜色表>
         Assing Profile<制定配置文件>
         Convert to Profile<转换为配置文件>
2. Adjust<调整>
         Levels<色阶>>
         Auto Laves<自动色阶>
         Auto Contrast<自动对比度>
         Curves<曲线>>
         Color Balance<色彩平衡>
         Brightness/Contrast<亮度/对比度>
         Hue/Saturation<色相/饱和度>
         Desaturate<去色>
         Replace Color<替换颜色>
         Selective Color<可选颜色>
         Channel Mixer<通道混合器>
         Gradient Map<渐变映射>
         Invert<反相>
         Equalize<色彩均化>
         Threshold<阈值>
         Posterize<色调分离>
         Variations<变化>
3. Duplicate<复制>
4. Apply Image<应用图像>
5. Calculations<计算>
6. Image Size<图像大小>
7. Canvas Size<画布大小>
8. Rotate Canvas<旋转画布>
         180°<180度>
         90°CW<顺时针90度>
         90°CCW<逆时针90度>
         Arbitrary<任意角度>
         Flip Horizontal<水平翻转>
         Flip Vertical<垂直翻转>
9. Crop<裁切>
10. Trim<修整>
11. Reverl All<显示全部>
12. Histogram<直方图>
13. Trap<陷印>
14. Extract<抽出>
15. Liquify<液化>

四、Layer<图层>
1. New<新建>
         Layer<图层>
         Background From Layer<背景图层>
         Layer Set<图层组>
         Layer Set From Linked<图层组来自链接的>
         Layer via Copy<通过拷贝的图层>
         Layer via Cut<通过剪切的图层>
2. Duplicate Layer<复制图层>
3. Delete Layer<删除图层>
4. Layer Properties<图层属性>
5. Layer style<图层样式>
         Blending Options<混合选项>
         Drop Shadow<投影>
         Inner Shadow<内阴影>
         Outer Glow<外发光>
         Inner Glow<内发光>
         Bevel and Emboss<斜面和浮雕>
         Satin<光泽>
         Color Overlay<颜色叠加>
         Gradient Overlay<渐变叠加>
         Pattern Overlay<图案叠加>
         Stroke<描边>
         Copy Layer Effects<拷贝图层样式>
         Paste Layer Effects<粘贴图层样式>
         Paste Layer Effects To Linked<将图层样式粘贴的链接的>
         Clear Layer Effects<清除图层样式>
         Global Light<全局光>
         Create Layer<创建图层>
         Hide All Effects<显示/隐藏全部效果>
         Scale Effects<缩放效果>
6. New Fill Layer<新填充图层>
         Solid Color<纯色>
         Gradient<渐变>
         Pattern<图案>
7. New Adjustment Layer<新调整图层>
         Levels<色阶>
         Curves<曲线>
         Color Balance<色彩平衡>
         Brightness/Contrast<亮度/对比度>
         Hue/Saturation<色相/饱和度>
         Selective Color<可选颜色>
         Channel Mixer<通道混合器>
         Gradient Map<渐变映射>
         Invert<反相>
         Threshold<阈值>
         Posterize<色调分离>
8. Change Layer Content<更改图层内容>
9. Layer Content Options<图层内容选项>
10. Type<文字>
         Create Work Path<创建工作路径>
         Convert to Shape<转变为形状>
         Horizontal<水平>
         Vertical<垂直>
         Anti-Alias None<消除锯齿无>
         Anti-Alias Crisp<消除锯齿明晰>
         Anti-Alias Strong<消除锯齿强>
         Anti-Alias Smooth<消除锯齿平滑>
         Covert To Paragraph Text<转换为段落文字>
         Warp Text<文字变形>
         Update All Text Layers<更新所有文本图层>
         Replace All Missing Fonts<替换所以缺欠文字>
11. Rasterize<栅格化>
         Type<文字>
         Shape<形状>
         Fill Content<填充内容>
         Layer Clipping Path<图层剪贴路径>
         Layer<图层>
         Linked Layers<链接图层>
         All Layers<所以图层>
12. New Layer Based Slice<基于图层的切片>
13. Add Layer Mask<添加图层蒙板>
         Reveal All<显示全部>
         Hide All<隐藏全部>
         Reveal Selection<显示选区>
         Hide Selection<隐藏选区>
14. Enable Layer Mask<启用图层蒙板>
15. Add Layer Clipping Path<添加图层剪切路径>
         Reveal All<显示全部>
         Hide All<隐藏全部>
         Current Path<当前路径>
16. Enable Layer Clipping Path<启用图层剪切路径>
17. Group Linked<于前一图层编组>
18. UnGroup<取消编组>
19. Arrange<排列>
         Bring to Front<置为顶层>
         Bring Forward<前移一层>
         Send Backward<后移一层>
         Send to Back<置为底层>
20. Arrange Linked<对齐链接图层>
         Top Edges<顶边>
         Vertical Center<垂直居中>
         Bottom Edges<底边>
         Left Edges<左边>
         Horizontal Center<水平居中>
         Right Edges<右边>
21. Distribute Linked<分布链接的>
         Top Edges<顶边>
         Vertical Center<垂直居中>
         Bottom Edges<底边>
         Left Edges<左边>
         Horizontal Center<水平居中>
         Right Edges<右边>
22. Lock All Linked Layers<锁定所有链接图层>
23. Merge Linked<合并链接图层>
24. Merge Visible<合并可见图层>
25. Flatten Image<合并图层>
26. Matting<修边>
         Define<去边>
         Remove Black Matte<移去黑色杂边>
         Remove White Matte<移去白色杂边>atte<移去白色杂边>

五、Selection<选择>
1. All<全部>
2. Deselect<取消选择>
3. Reselect<重新选择>
4. Inverse<反选>
5. Color Range<色彩范围>
6. Feather<羽化>
7. Modify<修改>
         Border<扩边>
         Smooth<平滑>
         Expand<扩展>
         Contract<收缩>
8. Grow<扩大选区>
9. Similar<选区相似>
10. Transform Selection<变换选区>
11. Load Selection<载入选区>
12. Save Selection<存储选区>

六、Filter<滤镜>
1. Last Filter<上次滤镜操作>
2. Artistic<艺术效果>
         Colored Pencil<彩色铅笔>
         Cutout<剪贴画>
         Dry Brush<干笔画>
         Film Grain<胶片颗粒>
         Fresco<壁画>
         Neon Glow<霓虹灯光>
         Paint Daubs<涂抹棒>
         Palette Knife<调色刀>
         Plastic Wrap<塑料包装>
         Poster Edges<海报边缘>
         Rough Pastels<粗糙彩笔>
         Smudge Stick<绘画涂抹>
         Sponge<海绵>
         Underpainting<底纹效果>
         Watercolor<水彩>
3. Blur<模糊>
         Blur<模糊>
         Blur More<进一步模糊>
         Gaussian Blur<高斯模糊>
         Motion Blur<动态模糊>
         Radial Blur<径向模糊>
         Smart Blur<特殊模糊>
4. Brush Strokes<画笔描边>
         Accented Edges<强化边缘>
         Angled Stroke<成角的线条>
         Crosshatch<阴影线>
         Dark Strokes<深色线条>
         Ink Outlines<油墨概况>
         Spatter<喷笔>
         Sprayed Strokes<喷色线条>
         Sumi
5. Distort<扭曲>
         Diffuse Glow<扩散亮光>
         Displace<置换>
         Glass<玻璃>
         Ocean Ripple<海洋波纹>
         Pinch<挤压>
         Polar Coordinates<极坐标>
         Ripple<波纹>
         Shear<切变>
         Spherize<球面化>
         Twirl<旋转扭曲>
         Wave<波浪>
         Zigzag<水波>
6. Noise<杂色>
         Add Noise<加入杂色>
         Despeckle<去斑>
         Dust ＆ Scratches<蒙尘与划痕>
         Median<中间值>
7. Pixelate<像素化>
         Color Halftone<彩色半调>
         Crystallize<晶格化>
         Facet<彩块化>
         Fragment<碎片>
         Mezzotint<铜版雕刻>
         Mosaic<马赛克>
         Pointillize<点状化>
8. Render<渲染>
         3D Transform<3D 变换>
         Clouds<云彩>
         Difference Clouds<分层云彩>
         Lens Flare<镜头光晕>
         Lighting Effects<光照效果>
         Texture Fill<纹理填充>
9. Sharpen<锐化>
         Sharpen<锐化>
         Sharpen Edges<锐化边缘>
         Sharpen More<进一步锐化>
         Unsharp Mask
10. Sketch<素描>
         Bas Relief<基底凸现>
         Chalk ＆ Charcoal<粉笔和炭笔>
         Charcoal
         Chrome<铬黄>
         Conte Crayon<彩色粉笔>
         Graphic Pen<绘图笔>
         Halftone Pattern<半色调图案>
         Note Paper<便条纸>
         Photocopy<副本>
         Plaster<塑料效果>
         palette knife<调色刀>
         Reticulation<网状>
         Stamp<图章>
         Torn Edges<撕边>
         Water Paper<水彩纸>
11. Stylize<风格化>
         Diffuse<扩散>
         Emboss<浮雕>
         Extrude<突出>
         Find Edges<查找边缘>
         Glowing Edges<照亮边缘>
         Solarize<曝光过度>
         Tiles<拼贴>
         Trace Contour<等高线>
         Wind<风>
12. Texture<<纹理>
         Craquelure<龟裂缝>
         Grain<颗粒>
         Mosained Tiles<马赛克拼贴>
         Patchwork<拼缀图>
         Stained Glass<染色玻璃>
         Texturixer<纹理化>
13. Video<视频>
         De
         NTSC Colors
14. Other<其它>
         Custom<自定义>
         High Pass<高反差保留>
         Maximum<最大值>
         Minimum<最小值>
         Offset<位移>
15. Digimarc
         Embed Watermark<嵌入水印>
         Read Watermark<读取水印>

七、View<视图>
1. New View<新视图>
2. Proof Setup<校样设置>
         Custom<自定>
         Working CMYK<处理CMYK>
         Working Cyan Plate<处理青版>
         Working Magenta Plate<处理洋红版>
         Working Yellow Plate<处理黄版>
         Working Black Plate<处理黑版>
         Working CMY Plate<处理CMY版>
         Macintosh RGB
         Windows RGB
         Monitor RGB<显示器RGB>
         Simulate Paper White<模拟纸白>
         Simulate Ink Black<模拟墨黑>
3. Proof Color<校样颜色>
4. Gamut Wiring<色域警告>
5. Zoom In<放大>
6. Zoom Out<缩小>
7. Fit on Screen<满画布显示>
8. Actual Pixels<实际象素>
9. Print Size<打印尺寸>
10. Show Extras<显示额外的>
11. Show<显示>
         Selection Edges<选区边缘>
         Target Path<目标路径>
         Grid<网格>
         Guides<参考线>
         Slices<切片>
         Notes<注释>
         All<全部>
         None<无>
         Show Extras Options<显示额外选项>
12. Show Rulers<显示标尺>
13. Snap<对齐>
14. Snap To<对齐到>
         Guides<参考线>
         Grid<网格>
         Slices<切片>
         Document Bounds<文档边界>
         All<全部>
         None<无>
15. Show Guides<锁定参考线>
16. Clear Guides<清除参考线>
17. New Guides<新参考线>
18. Lock Slices<锁定切片>
19. Clear Slices<清除切片>

八、Windows<窗口>
1. Cascade<层叠>
2. Tile<拼贴>
3. Arrange Icons<排列图标>
4. Close All<关闭全部>
5. Show/Hide Tools<显示/隐藏工具>
6. Show/Hide Options<显示/隐藏选项>
7. Show/Hide Navigator<显示/隐藏导航>
8. Show/Hide Info<显示/隐藏信息>
9. Show/Hide Color<显示/隐藏颜色>
10. Show/Hide Swatches<显示/隐藏色板>
11. Show/Hide styles<显示/隐藏样式>
12. Show/Hide History<显示/隐藏历史记录>
13. Show/Hide Actions<显示/隐藏动作>
14. Show/Hide Layers<显示/隐藏图层>
15. Show/Hide Channels<显示/隐藏通道>
16. Show/Hide Paths<显示/隐藏路径>
17. Show/Hide Character<显示/隐藏字符>
18. Show/Hide Paragraph<显示/隐藏段落>
19. Show/Hide Status Bar<显示/隐藏状态栏>
20. Reset Palette Locations<复位调板位置>

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛

对于定位到一个锚点，最常见的方法就是在url后面加上“#和锚点的name值”，
下面先介绍一种如何采用Javascript定位锚点的方法：
window.location.hash="anchorname"
比如一个锚点：<a name="anchor1"></a>
那么采用window.location.hash="anchor1"就可以定位到锚点处。

下面介绍一种平滑移动到指定锚点的方法，此方法是采自ThickBox：
js代码：

// 转换为数字 
function intprase(v){
    v = parseInt(v);
    return isNaN(v) ? 0 : v;
}

// 获取元素信息 
function getInfo(e){
    var l = 0;
    var t = 0;
    var w = intprase(e.style.width);
    var h = intprase(e.style.height);
    var wb = e.offsetWidth;
    var hb = e.offsetHeight;
    while (e.offsetParent) {
        l += e.offsetLeft + (e.currentStyle ? intprase(e.currentStyle.borderLeftWidth) : 0);
        t += e.offsetTop + (e.currentStyle ? intprase(e.currentStyle.borderTopWidth) : 0);
        e = e.offsetParent;
    }
    l += e.offsetLeft + (e.currentStyle ? intprase(e.currentStyle.borderLeftWidth) : 0);
    t += e.offsetTop + (e.currentStyle ? intprase(e.currentStyle.borderTopWidth) : 0);
    return {
        x: l,
        y: t,
        w: w,
        h: h,
        wb: wb,
        hb: hb
    };
}

// 获取滚动条信息 
function getScroll(){
    var t, l, w, h;
    if (document.documentElement && document.documentElement.scrollTop) {
        t = document.documentElement.scrollTop;
        l = document.documentElement.scrollLeft;
        w = document.documentElement.scrollWidth;
        h = document.documentElement.scrollHeight;
    }
    else 
        if (document.body) {
            t = document.body.scrollTop;
            l = document.body.scrollLeft;
            w = document.body.scrollWidth;
            h = document.body.scrollHeight;
        }
    return {
        t: t,
        l: l,
        w: w,
        h: h
    };
}

// 锚点(Anchor)间平滑跳转 
function glide(el, duration){
    if (typeof el != 'object') {
        el = document.getElementById(el);
    }
    if (!el) 
        return;
    var z = this;
    z.el = el;
    z.p = getInfo(el);
    z.s = getScroll();
    z.clear = function(){
        window.clearInterval(z.timer);
        z.timer = null
    };
    z.t = (new Date).getTime();
    z.step = function(){
        var t = (new Date).getTime();
        var p = (t - z.t) / duration;
        if (t >= duration + z.t) {
            z.clear();
            window.setTimeout(function(){
                z.scroll(z.p.y, z.p.x)
            }, 13);
        }
        else {
            st = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.y - z.s.t) + z.s.t;
            sl = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.x - z.s.l) + z.s.l;
            z.scroll(st, sl);
        }
    };
    z.scroll = function(t, l){
        window.scrollTo(l, t)
    };
    z.timer = window.setInterval(function(){
        z.step();
    }, 13);
}

经过测试，这段JS代码在IE和FF中均可运行。

具体使用方法：glide(anchorid, millisecond)

其中，anchorid为锚点的id，millisecond为移动到指定锚点的毫秒数。

• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。

前几天花了一点时间做了一个配合Ext FileUpload的服务器端Java实现，目前代码已经完成，先发张UML图出来，过两天代码整理好之后，将全部发布在Blog里。

UML：

注：

本实现使用了Apache的Common下的fileupload。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

今天刚刚知道NetBeans 6 beta1 发布，立马下载了，试装一下。

庆祝一下，我钟爱的NetBeans！

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师

        在实现打印预览的时候，可以采用JS来完成这一功能，但这样会让所有在页面上的部分都答应出来，包括像“打印预览”这样的按钮也会打印，这样的情况，可以采用CSS来完成局部答应的功能。

        代码如下：

• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛

Subversion权限控制手册

        在文章《Subversion详细说明》中，我们曾经建立了一个版本控制仓库，现在打开这个版本控制仓库，让我们来看看这个目录结构，

我们会在目录结构中找到一个叫做conf的文件夹，打开这个文件夹，你会看到三个文件，分别叫做authz，passwd，svnserve.conf。

### This file is an example password file for svnserve. ### Its format is similar to that of svnserve.conf. As shown in the ### example below it contains one section labelled [users]. ### The name and password for each user follow, one account per line.   [users] # harry = harryssecret # sally = sallyssecret nicholas = nicholas friend = friend stranger = stranger

### This file is an example authorization file for svnserve. ### Its format is identical to that of mod_authz_svn authorization ### files. ### As shown below each section defines authorizations for the path and ### (optional) repository specified by the section name. ### The authorizations follow. An authorization line can refer to a ### single user, to a group of users defined in a special [groups] ### section, or to anyone using the '*' wildcard. Each definition can ### grant read ('r') access, read-write ('rw') access, or no access ### ('').   [groups] # harry_and_sally = harry,sally   dev_group = nicholas,friend test_group = stranger   # [/foo/bar] # harry = rw # * =   # [repository:/baz/fuz] # @harry_and_sally = rw # * = r   [/TestSVNProj] @dev_group = rw @test_group = r * =

### This file controls the configuration of the svnserve daemon, if you ### use it to allow access to this repository. (If you only allow ### access through http: and/or file: URLs, then this file is ### irrelevant.)   ### Visit http://subversion.tigris.org/ for more information.   [general] ### These options control access to the repository for unauthenticated ### and authenticated users. Valid values are "write", "read", ### and "none". The sample settings below are the defaults. anon-access = none # auth-access = write ### The password-db option controls the location of the password ### database file. Unless you specify a path starting with a /, ### the file's location is relative to the conf directory. ### Uncomment the line below to use the default password file. password-db = passwd ### The authz-db option controls the location of the authorization ### rules for path-based access control. Unless you specify a path ### starting with a /, the file's location is relative to the conf ### directory. If you don't specify an authz-db, no path-based access ### control is done. ### Uncomment the line below to use the default authorization file. authz-db = authz ### This option specifies the authentication realm of the repository. ### If two repositories have the same authentication realm, they should ### have the same password database, and vice versa. The default realm ### is repository's uuid. # realm = My First Repository

• 搜狐网站诚聘Java、PHP和C++工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师

         

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师