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. });