jimeh/fancy_input
1
0
Fork 0
mirror of https://github.com/jimeh/fancy_input.git synced 2026-02-19 03:26:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

things are closer to done

Browse Source
This commit is contained in:
Jim Myhrberg
2010-03-10 00:57:58 +02:00
parent e61fee1fb2
commit f27c7c3f57
7 changed files with 262 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
demo/demo.css Normal file
View File

@@ -0,0 +1,14 @@
/* @group Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}* html .clearfix {height: 1%;}
/* @end */
input {
border: 1px solid #999;
}
#container {
width: 960px;
margin: 0px auto;
}

60
demo/demo.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>examples</title>
<link rel="stylesheet" href="demo.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="../javascripts/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../suggest_results/jquery.suggest_results.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../suggest_results/jquery.suggest_results.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var data = [
{title: "head", href: "/head", match: "head zzz"},
{title: "headache", href: "/headache", match: "headache zzz"},
{title: "health", href: "/health", match: "health zzz"},
{title: "healthcare", href: "/healthcare", match: "healthcare zzz"},
{title: "healthier", href: "/healthier", match: "healthier zzz"},
{title: "heck", href: "/heck", match: "heck zzz"},
{title: "hectic", href: "/hectic", match: "hectic zzz"},
{title: "held", href: "/held", match: "held zzz"},
{title: "hell", href: "/hell", match: "hell zzz"},
];
$("input").suggest_results({
data: data
});
});
</script>
</head>
<body>
<div id="container">
<br />
<br />
<input type="text" name="example1" value="" id="example1" />
<br />
<br />
<input type="text" name="example2" value="" id="example2" />
<br />
<br />
<input type="text" name="example3" value="" id="example3" />
</div>
</body>
</html>

11
demo/demo.json Normal file
View File

@@ -0,0 +1,11 @@
[
{title: "head", href: "/head", match: "head zzz"},
{title: "headache", href: "/headache", match: "headache zzz"},
{title: "health", href: "/health", match: "health zzz"},
{title: "healthcare", href: "/healthcare", match: "healthcare zzz"},
{title: "healthier", href: "/healthier", match: "healthier zzz"},
{title: "heck", href: "/heck", match: "heck zzz"},
{title: "hectic", href: "/hectic", match: "hectic zzz"},
{title: "held", href: "/held", match: "held zzz"},
{title: "hell", href: "/hell", match: "hell zzz"},
];