流浪者-Hobo的博客

Relay:Ajax效果的网站文件和文件夹管理器

首先此文章来自:帕兰映象
感谢帕兰能找到这么好的资源,下面大家可以点标题或者阅读全文来查看这篇介绍了呵呵.
..

Relay 是一个强大的网站文件和文件夹管理器，使用了Ajax构建。

有点像Ftp的管理软件，但它使用了全新的Ajax接口，浏览速度非常快，你可以轻松拖动文件完成文件的上传或下载。另一个特点就是，你可以把文件通过电子邮件发送给其它人。其它功能还有:动态加载文件结构、上传时显示进度条、缩略图显示(包括PDF格式)、多用户帐户。

这个管理软件除了能让你自己更加方便的管理网站文件和文件夹外，另外的好处就是，如果你准备提供一些资源的用户上传和下载，或你的博客里面有多个日志作者，而你又不想提供FTP的帐户的密码，那可以利用多用户帐户功能，给用户或日志作者使用Relay这个软件进行文件的上传和下载。
Relay:Ajax效果的网站文件和文件夹管理器

下载地址:http://ecosmear.com/relay/
(阅读全文...)

《甩葱歌》初音未来

很有意思的一首歌,听了心情会不错(至少我是).而且看起来很萌.
甩葱歌”，“甩葱歌”原版Loituma是来自芬兰的一支演唱团队,有四位成员组成了四个声部来演唱 ,他们的歌曲都是以比较传统的芬兰音乐为主，而这次由初音演唱的“甩葱歌”在国内广受好评.

下面是不知哪来的牛人弄的歌词:
歌词：哑泽咋把滴滴嘎里噶拉滴噶里里拉滴丝当都啦里味哒味哒拉卢吧里卢比朗咕比刚咕可啊给里刚咕啊咋不咋呀里味哒味里啦吧里丝当滴朗叮朗都啊吧里吧里哒吧里吧里吧里吧里吧里吧里丝滴滴朗都哑巴里蓝丝滴蓝滴呀喽哇来味来味来味来味滴呀wou~~滴死啊里蓝滴蓝都哇哒该哒该哒该都都得呀都
原版葱歌的歌词

　　芬兰语：

　　Nuapurista kuulu se polokan tahti

　　jalakani pohjii kutkutti.

　　Ievan äiti se tyttöösä vahti

　　vaan kyllähän Ieva sen jutkutti,

　　sillä ei meitä silloin kiellot haittaa

　　kun myö tanssimme laiasta laitaan.

　　Salivili hipput tupput täppyt

　　äppyt tipput hilijalleen.

　　Ievan suu oli vehnäsellä

　　ko immeiset onnee toevotti.

　　Peä oli märkänä jokaisella

　　ja viulu se vinku ja voevotti.

　　Ei tätä poikoo märkyys haittaa

　　sillon ko laskoo laiasta laitaan.

　　Salivili hipput.

　　Ievan äiti se kammarissa

　　virsiä veisata huijjuutti,

　　kun tämä poika naapurissa

　　ämmän tyttöä nuijjuutti.

　　Eikä tätä poikoo ämmät haittaa

　　sillon ko laskoo laiasta laitaan.

　　Salivili.

　　Siellä oli lystiä soiton jäläkeen

　　sain minä kerran sytkyyttee.

　　Kottiin ko mäntii ni ämmä se riitelj

　　ja Ieva jo alako nyyhkyytteek.

　　Minä sanon Ievalle mitäpä se haittaa

　　laskemma vielähi laiasta laitaa.

　　Salivilï.

　　英文翻译：

　　The sound of a polka drifted from my neighbor's

　　and set my feet a-tapping oh!

　　Ieva's mother had her eye on her daughter but

　　Ieva she managed to fool her, you know.

　　'Cause who's going to listen to mother saying no

　　when we're all busy dancing to and fro!

　　Ieva was smiling, the fiddle it was wailing

　　as people crowded round to wish her luck.

　　Everyone was hot but it didn't seem to bother

　　the handsome young man, the dashing buck.

下面是这首歌的原作视频

(阅读全文...)

在asp.net中利用js简单实现点击后按钮锁定,防止重复点击

我们经常会遇到这种情况,你制作了一个搜索数据的页面,但是数据的检索过程很慢,进行搜索的人等的不耐烦了,就总是反复的点击,这样造成服务器资源的浪费,你又不想再服务器端进行判断,这样最好的就是能在客户端实现这个判断过程,并且锁定"提交"的按钮.
下面是使用方法:
前台代码:

<script langugage="javascript">
function btnDisabled()
{
setTimeout('document.form1.btnCx.disabled=true;',100);//form1代表按钮所在的form,btnCx代表按钮的id.
//setTimeout('document.form1.btnCx.disabled=false;',2000); //这段代码的意思是在两秒后将按钮解锁,
}
</script>

后台代码:
this.btnCx.Attributes.Add("onclick", "javascript:btnDisabled()");//这段代码中binCx表示按钮的id,这段代码请加入到Page_Load里面.

(阅读全文...)

基于jQuery的表单美化插件jNice

很漂亮的表单美化插件,当然了如果你对颜色不满意,下载后可以通过更改CSS和图片的颜色来实现,下载了自己看看吧很简单如果实在不知道如何修改颜色的话就给我留言,有留言必定回.

上张图片让大家看看:

由于官方没有教程,这里简单的写点东西,希望能对菜鸟有些帮助,如果是比我强的朋友,不要笑话.

一.下载下面提供的插件包

二.在页面加入下列调用代码(具体文件位置自己定义):

1.页面的基本定义调用base.css,这个里买你的代码很简单,也可以放到自己的页面定义CSS里面

<link href="/jquery/inc/style/base.css" 
rel="stylesheet" type="text/css" />

2.表单的CSS定义,定义了表单的样式,其中有颜色等定义,注意除了这里还有部分颜色是图片实现的.

<link href="jNice.css" rel="stylesheet" type="text/css" />

3.jQuery核心代码,也可以将这个js文件下载到本地进行调用.

<script type="text/javascript" src="http://code.jquery.com/
jquery-latest.pack.js"><script>

4.jNice的核心代码,这里面写了一些用来动态定义表单样式的js代码,高手可以研究一下.

<script type="text/javascript" src="
jquery.jNice.js"><script>

三.将加入你的form标签,例如:

<form class="jNice">

四.下拉列表值插入问题
正常来讲这样就结束了,应该可以正常使用了,但是如果你想用js代码向表单的下拉列表里面插入内容,用正常的语句就无法完成了,不过不用担心,制作这个美化插件的高手当然不会忘记这个问题,所以下面是解决方案.

你可以用以下代码来代替你现在使用的向下拉列表插入项目的代码.
//下面是用来定义你要插入内容的下拉列表的ID, 其中#select2代表你要插入值的下拉列表的ID

var element = $('#select2')[0];

//下面是内容插入代码,其中"My Option"是下拉列表的text值,"123"是value值

var myNewOption = new Option("My Option", "123", true);
element.options[element.options.length] = myNewOption;
$.jNice.SelectUpdate(element);

好了,到这里基本结束,由于时间仓促,主要是我比较懒,这里就不过于详细的介绍了
,如果你有什么不明白的地方,可以在下面留言,我一定会尽快回复.

演示地址:http://www.whitespace-creative.com/jquery/jNice/
下载地址:http://plugins.jquery.com/project/jNice
(阅读全文...)

老外也玩功夫足球

也不记得是什么时候在网上看到的了,于是下载到自己的电脑.今天突然又看到就想发出来分享一下,希望大家看了也能小小的吃惊和赞叹一下.

(阅读全文...)

无刷新表格排序(同样适用于GridView)

下载本教程(含sorttable.js脚本)
原文:http://www.kryogenix.org/code/browser/sorttable/
中文原文:创建一个Ajax效果的表格排序

翻译：帕兰

一些数据这几天我一直在寻找一个好的和简单的方式来排序数据转化为一个表格，一个简单的点击表头，我发现这个有趣的框架：来自Stuart Langridge的sorttable.js. 。本教程讲述了如何使用它来实现这种Ajax效果的数据表格：

Hobo ps:补充一句,这种方法同样适用于GridView,这两天我就是在做.net的数据页面的时候找到了这个插件,的确很方便,超级简单,但是在我使用的过程中这个效果和GridView表头固定表体滚动的那部分冲突了,在设置了表头固定后再滚动一小段并排序会导致表头消失..这个问题还在解决中..

第一步: 调用sorttable.js
创建一个新的页面并在 <head>标签里面调用Sorttable.js:

如果在同一页面有多个表格，你可以把这个Class属性添加到所有你想进行排序效果的表格里面。下面是一个普通表格的演示，包含表头，单元格等基本元素:

<tr>
<th>Company</th>
<th>Ticker</th>
</tr>

</thead>
<!– Tabel body–>
<tbody>

<tr>
<td>Apple Inc</td>
<td>AAPL</td>
</tr>

<tr>
<td>GoogleInc</td>
<td>GOOG</td>
</tr>

</tbody>

<!– Tabel footer–>
<tfoot>

<tr>
<td>Total</td>
<td> 00.00</td>
</tr>

</tfoot>
</table>
在上面这个代码示像中，当你点击”Company”或是”Ticker”时，下面的<tbody>标签 将进行排序。

第三步: 使用PHP填充表格数据
你可以填充用服务器端语言如PHP数据填充到一个表格中，或是ASP也可以。下面是一个PHP的简单示例代码 :

<?php
// Include connection to your database
include(‘dbconnection.php’);
$getCompany_sql = ‘SELECT * FROM COMPANY‘;
$getCompany= mysql_query($getCompany_sql);?>

<tr>
<th>Company</th>
<th>Ticker</th>
</tr>

</thead>
<!– Tabel body–>
<tbody>
<?php while ($row = mysql_fetch_array($getCompany)) {?>
<tr>
<th><?php echo $row.['companyName'] ?></th>
<th><?php echo $row.['companyTicker'] ?></th>
</tr>
<?php } ?>
</tbody>