Catálogo de Sistemas

1) Ir na pasta em que se seja que a página seja criada. Após isso no menu vertical ir em “Adicionar item” e escolher a opção “Capa”;

2) Na criação da capa, definir o nome que a capa vai ser descrita e ir na aba layout e criar a capa com pelo menos dois elementos: um cabeçalho e um texto rico, que seja o alvo do JQuery para incluir os eventos via AJAX. Salvar o layout;

3) Inspecionar a capa criada e buscando a DIV referente ao texto rico e copiando o seu ID;

4) Ir no SUAP em https://suap.ifms.edu.br/admin/eventos/evento/ e pesquisar o evento que será trazido para o site. E no seu link, por exemplo https://suap.ifms.edu.br/eventos/evento/55/, copiar o número do evento, no caso o 55, que será usado logo mais.

5) Ir em https://www.ifms.edu.br/portal_skins/custom/ e procurar o arquivo .js em que está sendo adicionados o AJAX para carregamento de um evento em uma capa do site e editar esse arquivo .js;

6) Após editar adicionar o código abaixo e salvar:

 $.ajax({
   url: "https://www.ifms.edu.br:9090/programacaoevento.php?evento=55",
   dataType: "html",
   async: true,
   success: function(dados){
     $(dados, 'div').each(function(){
         $('#ID-DA-DIV').load("https://www.ifms.edu.br:9090/programacaoevento.php?evento=55");
     });
   }
 });

• Onde no link https://www.ifms.edu.br:9090/programacaoevento.php?evento=55, o 55 é o número do evento pesquisado no SUAP e #ID-DA-DIV é o ID da DIV referente ao item de texto rico da capa criada para receber a programação de um evento.