Jquery onthoud met url welke box visible is.
Nu is mijn vraag hoe krijg ik dit in de URL en hoe kan ik deze dan uitlezen dat die ook weer open staan als je deze URL bijv plakt in je adres balk.
Het gene dat ik al heb is de jquery code die de boxes opent en de id van de boxs word ook de jquery in gelezen.
Dit is mijn code:
jquery:
Code (php)
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
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
function resizeBoxes() {
var bodywidth = $(window).width() -40;
$(".idboxwrapper").css("width","150px");
var fw = bodywidth / $(".focused").length;
var framewidth = fw/2;
$("iframe").css( "width", framewidth);
$("iframe").css( "height", fw/3);
if ($(".focused").length > 0) {
$(".focused").css("width", fw+"px");
}
}
$(document).ready(function() {
function bindButton() {
var $aantal = $(".focused").length +1;
$(".idboxwrapper").each(function() {
var $self = $(this);
$self.find(".info").click(function() {
var $array = $(".focused:visible").length;
//console.log($array);
if ($array < 4){
if (!$self.hasClass("focused")) {
$self.addClass("focused");
resizeBoxes();
var currentId = $self.attr('id');
console.log(currentId);
}
}
});
$self.find(".sluiten").click(function(e) {
$self.removeClass("focused");
resizeBoxes();
var currentId = 0;
console.log(currentId);
});
});
}
bindButton();
var bodywidth = $(window).width() -40;
$(".idboxwrapper").css("width","150px");
var fw = bodywidth / $(".focused").length;
var framewidth = fw/2;
$("iframe").css( "width", framewidth);
$("iframe").css( "height", fw/3);
if ($(".focused").length > 0) {
$(".focused").css("width", fw+"px");
}
}
$(document).ready(function() {
function bindButton() {
var $aantal = $(".focused").length +1;
$(".idboxwrapper").each(function() {
var $self = $(this);
$self.find(".info").click(function() {
var $array = $(".focused:visible").length;
//console.log($array);
if ($array < 4){
if (!$self.hasClass("focused")) {
$self.addClass("focused");
resizeBoxes();
var currentId = $self.attr('id');
console.log(currentId);
}
}
});
$self.find(".sluiten").click(function(e) {
$self.removeClass("focused");
resizeBoxes();
var currentId = 0;
console.log(currentId);
});
});
}
bindButton();
Is er ook een manier dat zo gauw ik op een van mijn div's klik de ID in de url zichtbaar word?