-
Notifications
You must be signed in to change notification settings - Fork 1
/
scripts.js
84 lines (64 loc) · 2.34 KB
/
scripts.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
function loadDIV() {
var Docu = document.body;
var InsertDIV = document.createElement('div');
InsertDIV.setAttribute('id', "myModal_artt");
InsertDIV.setAttribute('class', "modal_artt");
var InsertSPAN = document.createElement('span');
InsertSPAN.setAttribute('class', "close_artt");
InsertSPAN.setAttribute('onclick', "document.getElementById('myModal_artt').style.display='none'");
InsertSPAN.innerHTML = "×"
//var contSPAN = document.createTextNode("×");
//InsertSPAN.appendChild(contSPAN);
var InsertIMG = document.createElement('img');
InsertIMG.setAttribute('class', "modal-content_artt");
InsertIMG.setAttribute('id', 'img01_artt');
Docu.appendChild(InsertDIV);
InsertDIV.appendChild(InsertSPAN);
InsertDIV.appendChild(InsertIMG);
}
loadDIV()
// JavaScript Document
function showImg() {
// Get the modal
var modal = document.getElementById('myModal_artt');
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = $('.myImg');
var modalImg = $("#img01_artt");
//var captionText = document.getElementById("caption");
//console.warn(img)
$('.myImg').click(function(){
modal.style.display = "block";
var newSrc = this.src;
modalImg.attr('src', newSrc);
//captionText.innerHTML = this.alt;
});
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close_artt")[0];
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
}
function loadCSS(url) {
var lnk = document.createElement('link');
lnk.setAttribute('type', "text/css" );
lnk.setAttribute('rel', "stylesheet" );
lnk.setAttribute('href', "https://proepidesenvolvimento.github.io/proepi_assets/style_v2.css" );
document.getElementsByTagName("head").item(0).appendChild(lnk);
}
loadCSS(URL)
$(document).ready(function(){
$('.botao').on("click", function(e) {
e.preventDefault();
var id = this.id;
$(".rev"+id).show("slow");
$('html, body').animate({scrollTop: $('#'+id).offset().top-100}, 500);
$("#"+id).hide("slow");
});
//$( ".booknext" ).hide();
$('.botao').last().on("click", function(e) {
$( ".booknext" ).show();
$( ".booknext" ).addClass( "btn btn-primary" );
$( ".booknext > .icon" ).css("color", "#fff");
});
});