From aryx, 2 Years ago, written in JavaScript.
Embed
  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. }