https://vbahk.org.hk/js/custom/jsElement.js

1/* */
2
3function clsSocialWall()
4{
5	
6}
7
8clsSocialWall.prototype.a = 0;
9clsSocialWall.prototype.page = 0;
10clsSocialWall.prototype.init = function(a) 
11{
12	//alert("!@3");
13
14	this.a = a;
15	this.page = 0;
16	this.seek();
17	
18}
19
20clsSocialWall.prototype.seek = function() 
21{
22	
23	var obj = {
24		a : this.a,
25		p : this.page
26	};
27	
28	this.page++;
29	
30	
31	$.post(strBase+"json/wall?output=json" , obj , 
32		function(a)
33		{
34			eval("objData = "+a);
35			
36			for (k=0;k<objData.length;k++)
37			{
38				//if (k % 4 == 0)
39				//{
40				//	objR = $("<div class='cssRow'></div>");
41				//	$(".cssRow.cssBtn").before(objR);
42				//}
43				html = '<div class="cssBlock cssColF">';
44				html+= '<div class="cssFF">';
45				html+= "<div class='cssId'>#"+objData[k].id+"</div>";
46				html+= '<div class="cssHead cssRow">';
47				html+= '	<div class="cssIcon cssCol"><img src="'+( objData[k].from == "facebook" ? strBase+"images/social/social_03.jpg" : strBase+"images/social/social_05.jpg" )+'" /></div>';
48				html+= '	<div class="cssDate cssCol">"'+objData[k].d1+'</div>';
49				html+= '</div>';
50				
51				html+= '<div class="cssImg cssImgLoadLS">';
52				html+= '	<img data-ref="'+objData[k].id+'" low="'+objData[k].media1+'" src="'+objData[k].media2+'" />';
53				html+= '</div>';
54				
55				html+= '<div class="cssAuthoer">';
56				html+= '	<span>'+objData[k].user+'</span>';
57				html+= '</div>';
58				
59				html+= '<div class="cssTxt">'+objData[k].textc+'</div>';
60				
61				html+= '<div class="cssIcons"><!--<img src="<?php echo getBasePath() ?>/images/social/social_17.jpg" />--><br /></div>';
62				html+= '</div>';
63				html+= '<div class="cssEd"><img src="'+strBase+'images/social/social_22.jpg" /></div>	';				
64				html+= '</div>';
65				objCell = $(html);
66				$(".cssSocialPanel .cssMain").append(objCell);
67				//objR.append(objCell);
68				
69				objCell.find(".cssImg").hide();
70				s = objCell.find(".cssImg img:eq(0)").attr("src");
71				objCell.find(".cssImg img:eq(0)").load(
72					function()
73					{
74						$(this).parent().show();
75						objSocialWall.resize();
76
77						ss = ($(this).attr("src"));
78						ref = $(this).attr("data-ref");
79						
80						var o = {};
81						o.pp = ss;
82						o.ref = ref;
83
84						$.post( strBase+"imgcache.php?a=exist" , o ,  
85							function(e)
86							{
87								var h = {};
88								eval("h="+e);
89									
90								//console.log(h);
91								
92								if (h.out == 2)
93								{
94									cacheImg1(h.p);
95								}
96							}
97						);
98					}
99				).error(
100					function()
101					{
102				//	alert("a");
103						$(this).attr("src" , strBase+"imgbuf/"+$(this).attr("data-ref")+".jpg" );
104
105						//l = $(this).attr("low");
106						//$(this).attr("src" , l);
107
108						objSocialWall.resize();
109					}
110				).attr("src" , s );
111			}
112		}
113	);
114}
115
116clsSocialWall.prototype.resize = function() 
117{
118	intCol = 4;
119	if ($(window).width() <= 999 && $(window).width() >= 401 )
120	{
121		intCol = 2;
122	}
123	else if ( $(window).width() <= 400 )
124	{
125		intCol = 1;
126	}
127	//alert(intCol);
128	
129	intG = 0;
130	aryCol = [0,0,0,0];
131
132	$(".cssColF").each(
133		function(a)
134		{
135			col = a % intCol;
136			$(this).css("top" , aryCol[col]);
137			$(this).css("left" , (col * 100 / intCol)+"%" );
138
139			aryCol[col] += $(this).height() + 20;
140			
141		}
142	);
143	
144	maxh = 0;
145	for (i=0;i< aryCol.length ; i++ )
146	{
147		maxh = Math.max(maxh , aryCol[i]);
148	}
149
150
151	$(".cssSocialPanel .cssMain").css("height" , maxh + 20);
152}
153
154/* */
155
156
157function clsEvent()
158{
159	
160}
161
162clsEvent.prototype.date = "";
163clsEvent.prototype.view1 = 0;
164
165clsEvent.prototype.init = function(dd , view) 
166{
167	this.view1 = 3;//view;
168	this.date = dd;
169	
170	this.seek(0);
171}
172
173clsEvent.prototype.dd = function(a) 
174{
175	this.seek(a);
176}
177
178clsEvent.prototype.view = function(a) 
179{
180	this.view1 = a;
181	this.seek(0);
182}
183
184clsEvent.prototype.seek = function(dd) 
185{
186	var objData = {
187		dd : dd,
188		date : this.date,
189		view : this.view1
190	};
191	
192	$.post(strBase+"json/event" , objData , 
193		function(e)
194		{
195			$(".cssEventPanel .cssBody").html(e);
196			a = $(".cssEventPanel .cssBody .cssDD:eq(0)").val();
197			$(".cssEventPanel .cssHeader .cssDate span:eq(0)").html(a);
198			objEvent.date = a;
199			
200			$(".cssWeekRow").each(
201				function()
202				{
203					a = $(this).attr("data-src");
204					$(".cssEventPanel .cssBody .cssRow:eq("+a+")").after($(this));//cssRow
205				}
206			);
207		}
208	);
209}
210
211
212