星期四, 12月 18, 2008

(jquery)簡單文章搜尋

今天用jquery做個簡單的內文搜尋..他有點像google的搜尋結果..會把搜尋的文字加深顏色..直接看code再看結果ㄅ..Clown..

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="script/jquery-1.2.6-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#btn1').click(function() {
//抓取搜尋欄位並驗證
var txtSearch = $('#txtSearch').val();
if (txtSearch == '')
return false;
//抓取內容設定取代內容
var content = $('#content').text();
var replaceWord =
'<span style="background-">' + $.trim(txtSearch) + '</span>';
//用規則運算式
var myRegex = new RegExp(txtSearch, 'g');
var renewContent = content.replace(myRegex, replaceWord);
//換內容
$('#content').html(renewContent);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="txtSearch" type="text" /><input id="btn1" type="button" value="button" />
</div>
<div id="content" style="border: 4px solid #C0C0C0; padding: 10px; width: 400px;">
雖然希爾本人和魔術官方都沒有公開談論這種可能性,但是聯盟有幾位內部人士透露雙方正在秘密洽談這筆交易。
希爾本來就在奧蘭多擁有一處房產,現在他又買了一處,而且正在進行裝修,這就是個非常積極的信號。2007年,
魔術並沒有盡最大的努力來留住希爾,結果他轉與太陽簽訂兩年約。看來希爾現在已經不再記恨魔術管理層。
雷迪克與希爾都是杜克名校出身,兩人的薪資也在200萬美元左右,雷迪克比希爾更年輕,而且是個有戰力的射手,
這對年齡結構老化的太陽來說比較有吸引力。36歲的希爾並不知道自己是否還在太陽的計畫之中,他本季結束後就
將成為自由球員。太陽剛剛把迪奧(Boris Diaw)和貝爾(Raja Bell)送走,為了實現奪冠目標,他們還會有進一
步的動作。 希爾當初加盟太陽就是希望能奪得1枚總冠軍戒指,但是太陽本季能否過湖人那一關都是個很大的問題。
相對來說,魔術的前景明顯更為光明,希爾能夠為年輕的魔術帶來寶貴的經驗和領導能力,而且他依然具有一定的
得分能力,防守也還不弱。
</div>
</form>
</body>
</html>

結果:

dfsdf

作法很簡單..比較難的就是要運用在哪..DevilDevilDevilDevilDevilDevil..

參考:

6 則留言:

williams 提到...

3B大,您應該要貼Bibby的News XD
http://sports.espn.go.com/nba/players/news?playerId=61

瑋廷 提到...

你可以寄你那個範例給我嗎

瑋廷 提到...

信箱ve19487@yahoo.com.tw

Bibby 提到...

所需要的程式碼就是你所看到的..自己複製貼上ㄅ..

深入淺出c# 提到...

看到你這個範例挺特別的
但是我有一個疑問假如我要用在GridView
那要如何使用呢
因為我有一個專題需要用TextBox搜尋GridView內的資料
謝謝你

匿名 提到...

可以幫我解釋一個程式碼嗎?