Aqui você vê as diferenças entre duas revisões dessa página.
|
programacao_eventos:programacao_eventos [08/05/2023 08:30] Marcos Martins criada |
programacao_eventos:programacao_eventos [08/05/2023 08:45] (atual) Marcos Martins |
||
|---|---|---|---|
| Linha 1: | Linha 1: | ||
| ===== Criar uma página com a programação de um evento já cadastrado no SUAP ===== | ===== Criar uma página com a programação de um evento já cadastrado no SUAP ===== | ||
| + | 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. | ||