Clavier arabe

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

  1. Astalavista

    Astalavista Hasta La Vista Baby

    Inscrit:
    31 Octobre 2006
    Messages:
    1097
    J'aime reçus:
    46
    Localité:
    merra hna ou merra lhihe
    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

    Inscrit:
    3 Janvier 2010
    Messages:
    85
    J'aime reçus:
    6
    Merci pour ce code de programme.
     

Partager cette page

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de Cookies pour vous proposer des publicités ciblées ainsi que pour nos statistiques de fréquentation.