(function ($) { $(document).ready(function () { // menu oeuvre partie haute $("#menuoeuvrepeinture" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'peinture' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvredessin" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'dessin' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#e3d626"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "#8d894d"); $(this).css("background-color", "transparent"); }); $("#menuoeuvrehuile" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'huile' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#e3d626"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "#8d894d"); $(this).css("background-color", "transparent"); }); $("#menuoeuvrepastels" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'pastels' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#e3d626"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "#8d894d"); $(this).css("background-color", "transparent"); }); $("#menuoeuvresculpture" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'sculpture' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvrephotographie" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'photographie' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvrelivres" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres', 'info': 'livres' } }).done(function(response) { $('#lesoeuvresmenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresmenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); // menu oeuvres partie musique $("#menuoeuvremusiqueclassique" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'musique classique' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvremodernejazz" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'moderne jazz' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvrerock" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'rock' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvremusiquedumonde" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'musique du monde' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvrevarietes" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'variétés' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvredanse" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'danse' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvreautres" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_musique', 'info': 'autres' } }).done(function(response) { $('#lesoeuvresartistemenuimage').html(response.image); // Afficher le HTML $('#lesoeuvresartistemenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); // menu oeuvres partie musique $("#menuoeuvreclassique" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_3', 'info': 'classique' } }).done(function(response) { $('#lesoeuvres3menuimage').html(response.image); // Afficher le HTML $('#lesoeuvres3menu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvrescienceshumaines" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_3', 'info': 'sciences humaines' } }).done(function(response) { $('#lesoeuvres3menuimage').html(response.image); // Afficher le HTML $('#lesoeuvres3menu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menuoeuvrecomedie" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_oeuvres_3', 'info': 'comedie' } }).done(function(response) { $('#lesoeuvres3menuimage').html(response.image); // Afficher le HTML $('#lesoeuvres3menu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); // menu talents $("#menutalentshomme" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'les hommes' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menutalentssavoirfaire" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'savoir-faire' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#a2316f"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "white"); $(this).css("background-color", "transparent"); }); $("#menutalentssociete" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'société' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#a2316f"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "white"); $(this).css("background-color", "transparent"); }); $("#menutalentssciences" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'sciences' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#a2316f"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "white"); $(this).css("background-color", "transparent"); }); $("#menutalentsnature" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'nature' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("color", "white"); }).on("mouseout", function() { $(this).css("color", "#8d894d"); }); $("#menutalentsfaune" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'faune' } }).done(function(response) { $('#talentsmenu').html(response); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#a2316f"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "white"); $(this).css("background-color", "transparent"); }); $("#menutalentsflore" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'flore' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#a2316f"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "white"); $(this).css("background-color", "transparent"); }); $("#menutalentsoceans" ).mouseover(function() { $.ajax({ url: ajaxurl, type: "POST", data: { 'action': 'load_infos_menu_talents', 'info': 'océans' } }).done(function(response) { $('#talentsmenuimage').html(response.image); // Afficher le HTML $('#talentsmenu').html(response.texte); // Afficher le HTML }); $(this).css("background-color", "rgb(255,255,255,0.8"); $(this).css("margin-left", "-10px"); $(this).css("padding-left", "10px"); $(this).css("padding-right", "10px"); $(this).css("color", "#a2316f"); }).on("mouseout", function() { $(this).css("margin-left", "0px"); $(this).css("padding-left", "0px"); $(this).css("padding-right", "0px"); $(this).css("color", "white"); $(this).css("background-color", "transparent"); }); // menu beaux projets $("#menubeauxprojetsprojets" ).mouseover(function() { $(this).css("color", "#ea641b"); }).on("mouseout", function() { $(this).css("color", "white"); }); $("#menubeauxprojetscandidats" ).mouseover(function() { $(this).css("color", "#ea641b"); }).on("mouseout", function() { $(this).css("color", "white"); }); $("#menubeauxprojetslaureats" ).mouseover(function() { $(this).css("color", "#ea641b"); }).on("mouseout", function() { $(this).css("color", "white"); }); $("#menubeauxprojetspallas" ).mouseover(function() { $(this).css("color", "#ea641b"); $("#menubeauxprojetspallas2").css("color", "#ea641b"); }).on("mouseout", function() { $(this).css("color", "white"); $("#menubeauxprojetspallas2").css("color", "white"); }); $("#menubeauxprojetspallas2" ).mouseover(function() { $(this).css("color", "#ea641b"); $("#menubeauxprojetspallas").css("color", "#ea641b"); }).on("mouseout", function() { $(this).css("color", "white"); $("#menubeauxprojetspallas").css("color", "white"); }); }); })(jQuery);