Skip to content

Commit

Permalink
Converting example to jquery plugin - untested
Browse files Browse the repository at this point in the history
  • Loading branch information
@sirkitree
sirkitree committed Apr 2, 2012
1 parent e225869 commit b08f9ed
Show file tree
Hide file tree
Showing 2 changed files with 86 additions and 77 deletions.
83 changes: 6 additions & 77 deletions index.html → examples/index.html
View file
Expand Up @@ -4,90 +4,19 @@
<meta charset="ISO-8859-1"> <meta charset="ISO-8859-1">
<title>tabcomplete</title> <title>tabcomplete</title>
<script src="http://code.jquery.com/jquery.js" type="text/javascript"></script> <script src="http://code.jquery.com/jquery.js" type="text/javascript"></script>
<script src="../jquery.tabcomplete.js" type="text/javascript"></script>
</head> </head>
<body> <body>


<div> <div>
<form> <form>
<input type="text" id="text_input" class="btn" placeholder="type a message" size="80"> <input type="text" id="text_input" class="btn" placeholder="type a message" size="80">
</form> </form>
</div> </div>


<script type="text/javascript"> <script type="text/javascript">

// Completion source:
$(document).ready(function() { // This is your source, an array of irc nicks (in part the "#ubuntu" users list at the time of writing this article)

//variables used in tab completion
var prevKeyWasTab = false;
var pattern = ""; //text fragment respective pattern to look for
var candidate = ""; //candidate
var source = []; //array of values to be matched
var sourcePos = 0; //the search starting position
//varibles used in multi tab completion
var patternPos = -1;
var prePattern = "";

//start snippet
$('#text_input').keydown( function(event) {
if (source.length == 0) {
source = nicks; //initialization in case we press Tab with no prior input
};
if (event.keyCode == 9) {
event.preventDefault();
if (prevKeyWasTab == false) {
prevKeyWasTab = true;
pattern = $('#text_input').val();
patternPos = pattern.lastIndexOf(" ");
if (patternPos != -1 ) {
prePattern = pattern.substr(0, patternPos+1);
pattern = pattern.substr(patternPos+1);
};
pattern = new RegExp("^"+pattern, "i");
sourcePos = 0;
candidate = incrementalSearch(pattern, source, sourcePos);
if (candidate.length > 0) {
//candidate found
$('#text_input').val(prePattern+candidate);
return;
}
} else {
candidate = incrementalSearch(pattern, source, sourcePos);
if (candidate.length > 0) {
//candidate found
$('#text_input').val(prePattern+candidate);
return;
}
}
} else {
prevKeyWasTab = false;
prePattern = "";
source = nicks; //we do not want the source to change during tabcompletion
}
});

var incrementalSearch = function(pattern, source, sp) {
var result = "";
var r = 0;
for (var i = sp; i < source.length; i++) {
r = source[i].search(pattern);
sourcePos = (i+1 > source.length-1) ? 0 : i+1;
if (r == 0) {
return source[i];
}
}
for (var i = 0; i < sp; i++) {
r = source[i].search(pattern);
sourcePos = i+1;
if (r == 0) {
return source[i];
}
}
return result;
};
//end snippet

//completion source
//this is your source, an array of irc nicks (in part the "#ubuntu" users list at the time of writing this article)
var nicks = ["@Flood Bot1", "@Flood Bot2", "acmeinc1", "b1g1r0n", "Odd-rationale", "oddie", "Odysimus", "OerHeks", var nicks = ["@Flood Bot1", "@Flood Bot2", "acmeinc1", "b1g1r0n", "Odd-rationale", "oddie", "Odysimus", "OerHeks",
"OffbeatAdam", "Okazaki-san", "OkropNick", "olala22000", "Oli", "omry_", "babble", "OneFix_Work", "OffbeatAdam", "Okazaki-san", "OkropNick", "olala22000", "Oli", "omry_", "babble", "OneFix_Work",
"onekenthomas", "Onixs", "Onkeltem", "Ool", "openbsddd", "openvoid", "opticlove", "orphan", "osse", "onekenthomas", "Onixs", "Onkeltem", "Ool", "openbsddd", "openvoid", "opticlove", "orphan", "osse",
Expand Down Expand Up @@ -241,7 +170,7 @@
"kzinti", "arkx", "l0nr4n", "L0rdShrek", "L3top", "lahwran", "lake", "lambdan", "Lantizia", "lapion", "kzinti", "arkx", "l0nr4n", "L0rdShrek", "L3top", "lahwran", "lake", "lambdan", "Lantizia", "lapion",
"larryone", "larstov", "aromasca", "lasers", "lcwei", "learningc", "ledesmam", "leopardweasel", "larryone", "larstov", "aromasca", "lasers", "lcwei", "learningc", "ledesmam", "leopardweasel",
"LeroyR91", "lexi", "liberal", "libertyprime", "lilstevie", "AcidRain2012", "Arsapi", "linagee", "LeroyR91", "lexi", "liberal", "libertyprime", "lilstevie", "AcidRain2012", "Arsapi", "linagee",
"Line_", "LinuxRants", "linxeh", "Lisimba3", "littlebearz", "LittleFool", "LjL", "ljt", "lkslawek", "Line_", "LinuxRants", "linxeh", "Lisimba3", "littlebearz", "LittleFool", "LjL", "ljt", "lkslawek",
"aS2", "LL2|Android", "llutz", "lmoura", "lnxslck", "localhost", "locherm", "LoganCloud", "Logan_", "aS2", "LL2|Android", "llutz", "lmoura", "lnxslck", "localhost", "locherm", "LoganCloud", "Logan_",
"lollo64it", "lol_no_u", "asakura", "loop-", "LoRez", "Loshki", "loucal", "lsm-desktop", "lollo64it", "lol_no_u", "asakura", "loop-", "LoRez", "Loshki", "loucal", "lsm-desktop",
"LubuntuPowered", "lucascastro", "luist", "Luke", "Lunar_Lamp", "asherkin", "Lupinedk", "Lynx_", "LubuntuPowered", "lucascastro", "luist", "Luke", "Lunar_Lamp", "asherkin", "Lupinedk", "Lynx_",
Expand All @@ -267,8 +196,8 @@
"nopf", "nord", "noreason", "notjoe", "nou", "Noxville", "npope", "nronksr", "nrpil", "B14CKB0X", "nopf", "nord", "noreason", "notjoe", "nou", "Noxville", "npope", "nronksr", "nrpil", "B14CKB0X",
"NSNO", "Nullifi3d", "Num83rGuy", "nW44b", "nyuszika7h", "nza", "oco2", "oconnore", "Octane", "NSNO", "Nullifi3d", "Num83rGuy", "nW44b", "nyuszika7h", "nza", "oco2", "oconnore", "Octane",
"octanium"]; "octanium"];
});


$("#text_input").tabComplete(nicks);
</script> </script>


</body> </body>
Expand Down
80 changes: 80 additions & 0 deletions jquery.tabcomplete.js
View file
@@ -0,0 +1,80 @@
(function ($) {

$.fn.tabComplete = function (nicks) {

return this.each(function () {

// Variables used in tab completion
var prevKeyWasTab = false,
pattern = "", // Text fragment respective pattern to look for
candidate = "", // Candidate
source = [], // Array of values to be matched
sourcePos = 0, // The search starting position
// Varibles used in multi tab completion
patternPos = -1,
prePattern = "";

// Start snippet
this.keydown(function (event) {
if (source.length === 0) {
source = nicks; // Initialization in case we press Tab with no prior input
}
if (event.keyCode === 9) {
event.preventDefault();
if (prevKeyWasTab === false) {
prevKeyWasTab = true;
pattern = this.val();
patternPos = pattern.lastIndexOf(" ");
if (patternPos !== -1) {
prePattern = pattern.substr(0, patternPos + 1);
pattern = pattern.substr(patternPos + 1);
}
pattern = new RegExp("^" + pattern, "i");
sourcePos = 0;
candidate = incrementalSearch(pattern, source, sourcePos);
if (candidate.length > 0) {
// Candidate found
this.val(prePattern + candidate);
return;
}
} else {
candidate = incrementalSearch(pattern, source, sourcePos);
if (candidate.length > 0) {
// Candidate found
this.val(prePattern + candidate);
return;
}
}
} else {
prevKeyWasTab = false;
prePattern = "";
source = nicks; // We do not want the source to change during tabcompletion
}
});

var incrementalSearch = function (pattern, source, sp) {
var result = "",
r = 0,
i = sp;
for (i; i < source.length; i++) {
r = source[i].search(pattern);
sourcePos = (i + 1 > source.length - 1) ? 0 : i + 1;
if (r === 0) {
return source[i];
}
}
for (i = 0; i < sp; i++) {
r = source[i].search(pattern);
sourcePos = i + 1;
if (r === 0) {
return source[i];
}
}
return result;
};

)};

};

})( jQuery );

0 comments on commit b08f9ed

Please sign in to comment.