Suggest Framework 使用经验

81 阅读 0 评论 54 点赞

我是靠谱客的博主老实小蜜蜂，最近开发中收集的这篇文章主要介绍Suggest Framework 使用经验，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

什么是Suggest Framework

Suggest Framework 顾名思义，就是仿 Google Suggest 的一个小框架，让你的文本框也有提示功能。利用Suggest Framework你可以在自己的网站上很轻松实现“输入提示”效果，这种效果会很大程度上提高用户体验，提高搜索效率。一个页面上可以出现多个搜索框，每个搜索框都可以实现单独配置。

详细说明、使用教程、源代码下载请见：http://www.mzwu.com/article.asp?id=1766

这里想记录的是Suggest Framework使用过程中遇到的几个问题：

1.input文本框需要id跟name的值一致，Suggest Framework才能正常启用；

2.如果你的input文本框后边还需要并列显示其他内容，注意用表格或者DIV、SPAN等容器将它们分开，因为Suggest Framework会自动在input后边加一个<br>换行再把搜索结果的DIV加上去，这样的话input文本框后边原来的内容就会跟着被换行了。请注意了。

3.<script type="text/javascript">window.onload = initializeSuggestFramework;</script>这个语句是初始化插件的作用，如果你HTML的BODY也调用了onload事件，麻烦你把Suggest Framework初始语句跟BODY的onload事件代码整合到一起，否则无法初始Suggest Framework。

修改后的代码例子如下：

<head>
<script type="text/javascript" language="javascript">
//网页初始载入的时候
function init()
{
	//设置默认选中的样本类型
	var stype = "${sampleSearchForm.sampleType}";
	if(stype=="")
	{
		document.forms[0].sampleTypeList.selectedIndex = 0;
	}
	else
	{
		document.forms[0].sampleTypeList.value = stype;
	}
	//初始化插件
	initializeSuggestFramework();
}
</script>
</head>

<body  οnlοad="init();" >
......其他HTML代码......
......其他HTML代码......

PS: 为了解决上面这1、3两个问题，花了我大半天时间百撕不得其解，希望看到的人别跟我一样了。