Clavier arabe

Discussion dans 'Programmation' créé par Astalavista, 25 Décembre 2009.

  1. Astalavista

    Astalavista Hasta La Vista Baby

    J'aime reçus:
    46
    Points:
    48
    Bonjour,

    Je vous propose dans ce sujet un code pour avoir un clavier arabe.

    Tout comme moi qui n'en a pas un, ca devra vous intéressez, du moins jspr.

    Voici le code du fichier "clavier_arabe.html" par exemple :


    PHP:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!
    DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
    <
    html>
    <
    head>
    <
    titleClavier Arabe </title>
    </
    head>
    <
    body bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>
        <
    form name="form1" method="get" >
        <
    table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
            <
    tr>
                <
    td align="center">
                    <
    textarea name="text1" id="text1" style="color: blue; font-size: 12pt" rows="5" cols="53"></textarea>

                </
    td>
            </
    tr>
            <
    tr>
                <
    td align="center">
                    <
    img src="keyboard1.gif" width="450" height="156" border="0" usemap="#key">
                </
    td>
            </
    tr>
            <
    tr>
                <
    td height="52" align="center">

                    <
    br/>
                    <
    img src="keyboard2.gif" width="354" height="43" border="0" usemap="#key2" />
                    <
    br/><br/><br/>
                    <
    input id="reset" type="reset" value="Supprimer tout le texte" />
                </
    td>
            </
    tr>
        </
    form>
        <
    p>
            &
    nbsp;</p>

        <
    map name="key">
            <
    area shape="rect" coords="119, 123, 292, 146" onclick="form1.text1.value=form1.text1.value + ' ';">
            <
    area shape="rect" coords="7, 5, 32, 29" onclick="form1.text1.value=form1.text1.value + 'ذ';">

            <
    area shape="rect" coords="37, 4, 60, 26" onclick="form1.text1.value=form1.text1.value + '1';">
            <
    area shape="rect" coords="65, 4, 89, 28" onclick="form1.text1.value=form1.text1.value + '2';">
            <
    area shape="rect" coords="96, 3, 117, 28" onclick="form1.text1.value=form1.text1.value + '3';">
            <
    area shape="rect" coords="125, 5, 147, 27" onclick="form1.text1.value=form1.text1.value + '4';">
            <
    area shape="rect" coords="155, 5, 176, 28" onclick="form1.text1.value=form1.text1.value + '5';">

            <
    area shape="rect" coords="183, 4, 205, 27" onclick="form1.text1.value=form1.text1.value + '6';">
            <
    area shape="rect" coords="212, 5, 235, 27" onclick="form1.text1.value=form1.text1.value + '7';">
            <
    area shape="rect" coords="241, 6, 263, 28" onclick="form1.text1.value=form1.text1.value + '8';">
            <
    area shape="rect" coords="271, 6, 292, 30" onclick="form1.text1.value=form1.text1.value + '9';">

            <
    area shape="rect" coords="298, 4, 324, 30" onclick="form1.text1.value=form1.text1.value + '0';">
            <
    area shape="rect" coords="334, 92, 361, 118" onclick="form1.text1.value=form1.text1.value + 'ظ';">
            <
    area shape="rect" coords="306, 92, 331, 114" onclick="form1.text1.value=form1.text1.value + 'ز';">
            <
    area shape="rect" coords="276, 93, 300, 115" onclick="form1.text1.value=form1.text1.value + 'و';">

            <
    area shape="rect" coords="246, 93, 271, 115" onclick="form1.text1.value=form1.text1.value + 'ة';">
            <
    area shape="rect" coords="219, 91, 245, 115" onclick="form1.text1.value=form1.text1.value + 'ى';">
            <
    area shape="rect" coords="190, 91, 214, 115" onclick="form1.text1.value=form1.text1.value + 'لا';">
            <
    area shape="rect" coords="159, 93, 186, 115" onclick="form1.text1.value=form1.text1.value + 'ر';">
            <
    area shape="rect" coords="130, 95, 153, 118" onclick="form1.text1.value=form1.text1.value + 'ؤ';">

            <
    area shape="rect" coords="101, 90, 127, 117" onclick="form1.text1.value=form1.text1.value + 'ء';">
            <
    area shape="rect" coords="74, 92, 96, 115" onclick="form1.text1.value=form1.text1.value + 'ئ';">
            <
    area shape="rect" coords="351, 61, 376, 88" onclick="form1.text1.value=form1.text1.value + 'ط';">

            <
    area shape="rect" coords="321, 63, 348, 86" onclick="form1.text1.value=form1.text1.value + 'ك';">
            <
    area shape="rect" coords="293, 64, 315, 87" onclick="form1.text1.value=form1.text1.value + 'م';">
            <
    area shape="rect" coords="263, 63, 286, 87" onclick="form1.text1.value=form1.text1.value + 'ن';">
            <
    area shape="rect" coords="234, 62, 258, 85" onclick="form1.text1.value=form1.text1.value + 'ت';">
            <
    area shape="rect" coords="206, 64, 229, 87" onclick="form1.text1.value=form1.text1.value + 'ا';">
            <
    area shape="rect" coords="178, 64, 200, 87" onclick="form1.text1.value=form1.text1.value + 'ل';">

            <
    area shape="rect" coords="148, 63, 170, 86" onclick="form1.text1.value=form1.text1.value + 'ب';">
            <
    area shape="rect" coords="118, 64, 142, 89" onclick="form1.text1.value=form1.text1.value + 'ي';">

            <
    area shape="rect" coords="90, 64, 112, 87" onclick="form1.text1.value=form1.text1.value + 'س';">
            <
    area shape="rect" coords="60, 64, 84, 86" onclick="form1.text1.value=form1.text1.value + 'ش';">
            <
    area shape="rect" coords="371, 34, 397, 58" onclick="form1.text1.value=form1.text1.value + 'د';">
            <
    area shape="rect" coords="343, 35, 368, 59" onclick="form1.text1.value=form1.text1.value + 'ج';">
            <
    area shape="rect" coords="315, 33, 339, 58" onclick="form1.text1.value=form1.text1.value + 'ح';">
            <
    area shape="rect" coords="285, 35, 310, 60" onclick="form1.text1.value=form1.text1.value + 'خ';">
            <
    area shape="rect" coords="255, 34, 280, 57" onclick="form1.text1.value=form1.text1.value + 'ه';">

            <
    area shape="rect" coords="229, 34, 251, 57" onclick="form1.text1.value=form1.text1.value + 'ع';">

            <
    area shape="rect" coords="198, 35, 222, 58" onclick="form1.text1.value=form1.text1.value + 'غ';">
            <
    area shape="rect" coords="169, 34, 193, 57" onclick="form1.text1.value=form1.text1.value + 'ف';">
            <
    area shape="rect" coords="140, 33, 165, 58" onclick="form1.text1.value=form1.text1.value + 'ق';">
            <
    area shape="rect" coords="110, 35, 134, 57" onclick="form1.text1.value=form1.text1.value + 'ث';">
            <
    area shape="rect" coords="82, 36, 103, 58" onclick="form1.text1.value=form1.text1.value + 'ص';">
            <
    area shape="rect" coords="51, 35, 75, 58" onclick="form1.text1.value=form1.text1.value + 'ض';">
        </
    map>
        <
    map name="key2">

            <
    area shape="rect" coords="317, 5, 343, 33" onclick="form1.text1.value=form1.text1.value + '؛';">
            <
    area shape="rect" coords="282, 4, 308, 32" onclick="form1.text1.value=form1.text1.value + 'إ';">
            <
    area shape="rect" coords="254, 6, 280, 33" onclick="form1.text1.value=form1.text1.value + '،';">
            <
    area shape="rect" coords="225, 4, 251, 35" onclick="form1.text1.value=form1.text1.value + 'ـ';">
            <
    area shape="rect" coords="194, 5, 221, 33" onclick="form1.text1.value=form1.text1.value + 'أ';">
            <
    area shape="rect" coords="164, 6, 192, 32" onclick="form1.text1.value=form1.text1.value + 'لأ';">
            <
    area shape="rect" coords="129, 6, 158, 35" onclick="form1.text1.value=form1.text1.value + '؟';">
            <
    area shape="rect" coords="100, 6, 127, 32" onclick="form1.text1.value=form1.text1.value + '.';">
            <
    area shape="rect" coords="71, 6, 97, 34" onclick="form1.text1.value=form1.text1.value + ',';">

            <
    area shape="rect" coords="36, 6, 62, 34" onclick="form1.text1.value=form1.text1.value + 'آ';">
            <
    area shape="rect" coords="8, 6, 34, 34" onclick="form1.text1.value=form1.text1.value + 'لآ';">
        </
    map>
    </
    body>
    </
    html>

    PS : pensez à mettre les images qui sont en pieces jointes au même niveau que votre fichier html
     

    Fichiers attachés:

  2. BillgatesS

    BillgatesS Touriste

    J'aime reçus:
    6
    Points:
    8
    Merci pour ce code de programme.
     

Partager cette page