اصنع كيبورد بـ css و jQuery
http://www.dzbatna.com/images/icons/iconrote.gif ط§طµظ†ط¹ ظƒظٹط¨ظˆط±ط¯ ط¨ظ€ css ظˆ jQuery
بسم الله الرحمن الرحيم
اليوم سوف نصنع كيبورد إنترنتي بنفسنا!!
الاول الملفات اللي راح نسويها:
http://nettuts.s3.amazonaws.com/378_...s/organize.jpg
ملف css عشان الإستايل style
و ملف index.html عشان عرض الكيبورد
و ملف جافا سكربت
keyboard.js
لوضع أكواد جافا لإدارة الكيبورد
لنبدا بصفحة الإتش تي إم إل
رمز PHP:
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>كيبورد title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
head>
<body>
<div id="container">
<textarea id="write" rows="6" cols="60">textarea>
<ul id="keyboard">
<li class="symbol"><span class="off">`~
1!
2@
3#
4$
5%
6^
7&
8*
9(
0)
-_
=+
delete
tab
q
w
e
r
t
y
u
i
o
p
[{
]}
\|
caps lock
a
s
d
f
g
h
j
k
l
;:
'"
return
shift
z
x
c
v
b
n
m
,<
.>
/?
shift