Jump to content

emazing website to learn typing

- - - - -

  • Please log in to reply
11 replies to this topic

#1
ToRead

ToRead

    Newbie

  • Members
  • Pip
  • 7 posts
hi everyone,
I just saw this website
Lesson 1: Home Row, Left Hand - Peter's Online Typing Course

and i really like the idea
and i wanna learn how to do same as what he has done to check word by world in php

please if anyone know help us

Edited by ToRead, 07 July 2011 - 04:32 AM.


#2
Revolt

Revolt

    Programmer

  • Members
  • PipPipPip
  • 99 posts
The link doesn't seem to be working ToRead

#3
ToRead

ToRead

    Newbie

  • Members
  • Pip
  • 7 posts
yes you are right i just change it
it's
Lesson 1: Home Row, Left Hand - Peter's Online Typing Course

#4
WingedPanther

WingedPanther

    A spammer's worst nightmare

  • Moderators
  • 16,831 posts
  • Location:Upstate, South Carolina
  • Programming Language:C, C++, PL/SQL, Delphi/Object Pascal, Pascal, Transact-SQL, Others
  • Learning:Java, C#, PHP, JavaScript, Lisp, Fortran, Haskell, Others
It's using flash, not PHP, for the actual typing section.
Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

#5
ToRead

ToRead

    Newbie

  • Members
  • Pip
  • 7 posts
yes i know ,that's why i am asking
if you could do it in php

#6
Revolt

Revolt

    Programmer

  • Members
  • PipPipPip
  • 99 posts
Well, there's no need for php here since there's no actual need to communicate with the server while typing.

You can replicate that widget with javascript. You keep a list of the words then watch for keydown events and compare them to the next letter that should have been input. If it is correct then you add a specific style to that character (afaik the only way to do this would be for every character to be in a different <span> and then you attribute it a class="correct", for example, and use CSS to style). Else you display a message in a div saying that is incorrect.

#7
ToRead

ToRead

    Newbie

  • Members
  • Pip
  • 7 posts
can you help me with this so if you could write an example please

#8
Revolt

Revolt

    Programmer

  • Members
  • PipPipPip
  • 99 posts
You can check out the javascript code of this site:

Typing Speed Test - how fast can you type?

It should give you some ideas!

#9
ToRead

ToRead

    Newbie

  • Members
  • Pip
  • 7 posts
how i can take this code and make it character by character instad of word by word

#10
ToRead

ToRead

    Newbie

  • Members
  • Pip
  • 7 posts
still waitting

#11
Revolt

Revolt

    Programmer

  • Members
  • PipPipPip
  • 99 posts
I've already given you an idea of how you may be able to implement a character by character styling by using a span for each letter. I've also shown you a site from where you can base your javascript code. I won't do the project for you...

Try it first yourself then come back to us if you find any problems.

The greatest thing about programming is finding out how to do something you want. By the little time between me showing you the site and you asking that question, I doubt you have given it much thought.

#12
bbqroast

bbqroast

    Codecall Addict

  • Members
  • PipPipPipPipPipPipPip
  • 554 posts
  • Location:/etc/passwd
The only way you could do this with PHP would be through AJAX which would still require JS. Its not to amazing I tried doing it like it sad and failed, now I'm typing regularly it sure is easier!
Also I find forming regular words is far faster!
Please, write clearly with proper structure. Double spacing makes the text feel un-jointed, Capitalizing Every Word Means People Stop Before Every Word Sub-Consciously Which Is A Pain In The Backside, and use code tags! (The right most styling box).




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users