| |
@@ -1,15 +1,34 @@ |
| 1 |
|
- |
function showLinkPopup(artEl, folderPopup, filenamePopup) { |
| |
1 |
+ |
function showLinkPopup(artEl, linkEl, folderPopup, filenamePopup) { |
| 2 |
2 |
|
function ajaxResShowLinkPopup(data) { |
| 3 |
|
- |
alert(data); |
| 4 |
|
- |
} |
| |
3 |
+ |
var htmlToAppend = "<div id='articolo-popup-"+folderPopup+"-"+filenamePopup+"' class='articolo-popup'>"+data; |
| |
4 |
+ |
htmlToAppend += "<div class='popup-arrow'></div></div>"; |
| |
5 |
+ |
|
| |
6 |
+ |
var popupEl = $(htmlToAppend); |
| |
7 |
+ |
artEl.append(popupEl); |
| 5 |
8 |
|
|
| 6 |
|
- |
if (false) { //da inserire blocco nel caso in cui il popup sia stato già creato in precedenza |
| |
9 |
+ |
var arrowEl = $("#articolo-popup-"+folderPopup+"-"+filenamePopup+" .popup-arrow"); |
| |
10 |
+ |
arrowEl.css("top", (popupEl.outerHeight()/2)-10); |
| 7 |
11 |
|
|
| |
12 |
+ |
/* gestione freccia */ |
| |
13 |
+ |
var diffTop = linkEl.offset().top - arrowEl.offset().top - 10; |
| |
14 |
+ |
var diffLeft = arrowEl.offset().left - (linkEl.offset().left + (linkEl.width()/2)); |
| |
15 |
+ |
|
| |
16 |
+ |
//lunghezza freccia tramite teorema di Pitagora |
| |
17 |
+ |
var arrowLenght = Math.sqrt(Math.pow(diffLeft, 2)+Math.pow(diffTop, 2)); |
| |
18 |
+ |
var angleDeg = ((180/Math.PI)*Math.asin(diffLeft/arrowLenght))-90; |
| |
19 |
+ |
arrowEl.css("left", -((arrowLenght/2)+5)); |
| |
20 |
+ |
arrowEl.css("transform", "skewY("+angleDeg+"deg) scaleX("+(arrowLenght/10)+")"); |
| |
21 |
+ |
arrowEl.css("top", popupEl.outerHeight()/2); |
| |
22 |
+ |
|
| |
23 |
+ |
} |
| |
24 |
+ |
|
| |
25 |
+ |
if ($("#articolo-popup-"+folderPopup+"-"+filenamePopup).length > 0) { //popup già creato in precedenza |
| |
26 |
+ |
$("#articolo-popup-"+folderPopup+"-"+filenamePopup).show(); |
| 8 |
27 |
|
} else { |
| 9 |
28 |
|
$.ajax({ |
| 10 |
29 |
|
url: "./ajax/openArticle.php", |
| 11 |
30 |
|
data: { |
| 12 |
|
- |
html: folderPopup+"/"+filenamePopup |
| |
31 |
+ |
html: folderPopup+"/"+filenamePopup+".htm" |
| 13 |
32 |
|
}, |
| 14 |
33 |
|
dataType: "HTML", |
| 15 |
34 |
|
type: "GET", |
| |
@@ -150,10 +169,29 @@ |
| 150 |
169 |
|
var href = $(this).attr("href"); |
| 151 |
170 |
|
var splittedHref = href.substring(href.indexOf("#")+1).split("_"); |
| 152 |
171 |
|
var folderPopup = splittedHref[0]+"_"+splittedHref[1]; |
| 153 |
|
- |
var filenamePopup = splittedHref[2]+".htm"; |
| |
172 |
+ |
var filenamePopup = splittedHref[2]; |
| |
173 |
+ |
|
| |
174 |
+ |
showLinkPopup($("#articolo-"+folder+"_"+filename), $(this), folderPopup, filenamePopup); |
| |
175 |
+ |
}); |
| 154 |
176 |
|
|
| 155 |
|
- |
showLinkPopup($("#articolo-"+folder+"_"+filename), folderPopup, filenamePopup); |
| 156 |
|
- |
}); |
| |
177 |
+ |
/*$("#articolo-"+folder+"_"+filename+" a").hover( |
| |
178 |
+ |
function (e) { //handlerIn (appare popup) |
| |
179 |
+ |
e.preventDefault(); |
| |
180 |
+ |
e.stopImmediatePropagation(); |
| |
181 |
+ |
var href = $(this).attr("href"); |
| |
182 |
+ |
var splittedHref = href.substring(href.indexOf("#")+1).split("_"); |
| |
183 |
+ |
var folderPopup = splittedHref[0]+"_"+splittedHref[1]; |
| |
184 |
+ |
var filenamePopup = splittedHref[2]; |
| |
185 |
+ |
showLinkPopup($("#articolo-"+folder+"_"+filename), $(this), folderPopup, filenamePopup); |
| |
186 |
+ |
}, function (e) { //handlerOut (scompare popup) |
| |
187 |
+ |
e.preventDefault(); |
| |
188 |
+ |
e.stopImmediatePropagation(); |
| |
189 |
+ |
var href = $(this).attr("href"); |
| |
190 |
+ |
var splittedHref = href.substring(href.indexOf("#")+1).split("_"); |
| |
191 |
+ |
var folderPopup = splittedHref[0]+"_"+splittedHref[1]; |
| |
192 |
+ |
var filenamePopup = splittedHref[2]; |
| |
193 |
+ |
$("#articolo-popup-"+folderPopup+"-"+filenamePopup).hide(); |
| |
194 |
+ |
});*/ |
| 157 |
195 |
|
} |
| 158 |
196 |
|
|
| 159 |
197 |
|
if ($("#articolo-"+folder+"_"+filename).length > 0) { |
View this file contents
View the full history
Commits for