1.  
2. $(document).ready(function(){
3.    
4.     //css beállítása
5.     SetCSS();
6.    
7.     $("#ma").click(function(){
8.         var szo = $("#magyar").val();
9.         $.ajax({
10.             url:'szotar.php',
11.             type:'GET',
12.             data: {irany : "ma", szo : szo},
13.             dataType: 'json',
14.             success: function( json ) {
15.                 $("#angol").val(json.angol);
16.                 if (json.angol === "") {
17.                     $("#magyar").css('color', 'red');
18.                     $("#uzenet").text("Az adott magyar szó nincs a szótárban");
19.                     $("#uzenet").css({'visibility' : '', 'color' : 'red'});
20.                 }
21.             }
22.         });
23.     });
24.    
25.     $("#am").focus(function(){
26.         var szo = $("#angol").val();
27.         $.ajax({
28.             url:'szotar.php',
29.             type:'GET',
30.             data: {irany : "am", szo : szo},
31.             dataType: 'json',
32.             success: function( json ) {
33.                 $("#magyar").val(json.magyar);
34.                 if (json.magyar === "") {
35.                     $("#angol").css('color', 'red');
36.                     $("#uzenet").text("Az adott angol szó nincs a szótárban");
37.                     $("#uzenet").css({'visibility' : '', 'color' : 'red'});
38.                 }
39.             }
40.         });
41.     });
42.    
43.     $("#magyar, #angol").click(function(){
44.         $("#angol").css('color', 'black').val("");
45.         $("#magyar").css('color', 'black').val("");
46.         $("#uzenet").text("");
47.         $("#uzenet").css({'visibility' : 'hidden'});
48.     });
49.    
50. });
51.  
52. function SetCSS() {
53.     $("div").css({
54.         'border' : '1px solid black',
55.         'background-color' : '#e2e5da',
56.         'border-radius' : '10px',
57.         'padding' : '10px',
58.         'margin' : '10px',
59.         'float' : 'left'
60.     });
61.    
62.     $("#uzenet").css('visibility', 'hidden');
63. }