Pure JS, no JQuery
The goal is to create [login to view URL] file that will do the following
You can include it in any exitsing webpage
<script src=”[login to view URL]”></script>
There are 2 manners to init it:
In input type=”text” or textarea as propriety
<input type=”text” id =”input1” keylogger”>
<input type=”text” id =”input2””>
<textarea id=”textarea1”></textarea>
<script>
keylogger[“input2”,”textarea1”]
</script>
Then the script will spy the input or textarea and will store on each keypress
Ex: an user types in “hello”:
{session:1, inputid:’#input2’, time: 0, dif: ‘+h’}
{session:1, inputid:’#input2’, time: 120, dif: ‘+e’}
{session:1, inputid:’#input2’, time: 1500, dif: ‘+l’}
{session:1, inputid:’#input2’, time: 1900, dif: ‘+l’}
{session:1, inputid:’#input2’, time: 3500, dif: ‘+o’}
session: just a number (ex: 1)
inputid: is the input id
time : is the time in milliseconds where change occurs
dif: is the text difference storage.
Save (ajax post) these datas to mysql database
The difficulty would be : store the difference of texts between 2 keypress:
Ex: an user deletes some text or put the cursor in middle on text and inserts a char
Some interesting “text difference” libraries:
Ex: [login to view URL]
Since input make be long (many kilos), we cannot store the whole value of the input, but only the text differences between 2 keystrokes.
Second PART
Then once we have the data saved, we should be able to “play it back” including the time changes, by loading the session data (ex: session1)
So if the input takes 10 seconds, it should least 10 second on playBack as well
$(“#input1”).val(getText(dif)));
Also include a slider so user can move inside timeline
ex: So if the input takes 90 seconds, it should least 90 second on playBack; however user can move with his slider directly to second; 45 or second 90.
Hi, I read carefully your project, and I wanna do it for you. If you wanna work together, send me a message to discuss details. I am an experienced Web Developer and Web Designer, and have worked with wide variety of skills like PHP, MySQl, jQuery / Prototype, Javascript, HTML, CSS and more for many years.
I have gone thorough your job post and I am ready to develop a KEYLOGGER in JS. I have prior experience of developing similar kind of scripts for various needs. Please share your best discussion time to move further.
I have 5 years of experience in Web, Logos, Illustrations, Banners and Brochures design. I provide solutions for companies or individuals interested in outsourcing their design needs. I specialize in developing high quality look & feel interfacesand advanced server-side programming (PHP, Ajax, Java, MySQL, XHTML CSS, XML). I'm expert in graphic and web design / development. Also I have great experience with WordPress. I believe that my strong knowledge base and great experience are the keys to customer satisfaction. If you have any question feel free let me know.
Okay, I already established the method and I am sure that I can finish this in a day.
I am sure!
Please give me a chance.
This is problem of algorithm.