From aryx, 2 Years ago, written in JavaScript.
Embed
  1.  
  2. // Tóth Patrik (ZLIMO5)
  3. // 2018.11.28. | Web-programozás II. ZH
  4.  
  5. $(document).ready(function() {
  6.    
  7.     // 1. feladat
  8.     $("img").attr("src", "zh.png");
  9.     $("h1").html("Web-programozás II - ZH");
  10.     $("h1").append(" - 2018.11.28.");
  11.     $("h1")
  12.             .mouseenter(function() {
  13.                 $(this).css("color", "red");
  14.             })
  15.             .mouseleave(function(){
  16.                 $(this).css("color", "black");
  17.             });
  18.            
  19.            
  20.     // 2. feladat
  21.     $("div").css({
  22.         "border":"1px solid black",
  23.         "border-radius":"10px",
  24.         "padding":"10px",
  25.         "background-color":"lightgray"
  26.     });
  27.     $("div#angol").hide(); // megegyezik a display:none-nal
  28.    
  29.    
  30.     // 3. feladat
  31.     $("button#bmagyar").click(function(){
  32.         $("div#magyar").show();
  33.         $("div#angol").hide();
  34.     });
  35.     $("button#bangol").click(function(){
  36.         $("div#angol").show();
  37.         $("div#magyar").hide();
  38.     });
  39.     $("button#fordits").click(function(){
  40.         var div_angol = $("div#angol");
  41.         var div_magyar = $("div#magyar");
  42.        
  43.         if (div_magyar.css("display") === "none") {
  44.             $("div#magyar").show();
  45.             $("div#angol").hide();
  46.         } else {
  47.             $("div#angol").show();
  48.             $("div#magyar").hide();
  49.         }
  50.     });
  51.    
  52.    
  53.     // 4. feladat
  54.     $("button#modosits").click(function(){
  55.         var nyelv = $("select#nyelv").val();
  56.         if (nyelv !== "") {
  57.             $.ajax({
  58.                 url:'color.php',
  59.                 type:'GET',
  60.                 data: {nyelv : nyelv},
  61.                 dataType: 'json',
  62.                 success: function( json ) {
  63.                     console.log(json);
  64.                     console.log(json.color);
  65.                     if (nyelv === "magyar") {
  66.                         $("div#magyar").css({
  67.                             "background-color":json.bgcolor,
  68.                             "color":json.color
  69.                         });
  70.                         $("div#magyar").html(json.text);
  71.                     } else {
  72.                         $("div#angol").css({
  73.                             "background-color":json.bgcolor,
  74.                             "color":json.color
  75.                         });
  76.                         $("div#angol").html(json.text);
  77.                     }
  78.                 }
  79.             });
  80.         }
  81.     });
  82.    
  83. });