Vasilis Daloukas
9 years ago
18 changed files with 632 additions and 1483 deletions
@ -1,78 +0,0 @@ |
|||||
function addEvent(obj, evType, fn){ |
|
||||
if (obj.addEventListener){ |
|
||||
obj.addEventListener(evType, fn, false); |
|
||||
return true; |
|
||||
} else if (obj.attachEvent){ |
|
||||
var r = obj.attachEvent("on"+evType, fn); |
|
||||
return r; |
|
||||
} else { |
|
||||
return false; |
|
||||
} |
|
||||
} |
|
||||
function removeEvent(obj, evType, fn, useCapture){ |
|
||||
if (obj.removeEventListener){ |
|
||||
obj.removeEventListener(evType, fn, useCapture); |
|
||||
return true; |
|
||||
} else if (obj.detachEvent){ |
|
||||
var r = obj.detachEvent("on"+evType, fn); |
|
||||
return r; |
|
||||
} else { |
|
||||
alert("Handler could not be removed"); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* Code below taken from - http://www.evolt.org/article/document_body_doctype_switching_and_more/17/30655/
|
|
||||
* |
|
||||
* Modified 4/22/04 to work with Opera/Moz (by webmaster at subimage dot com) |
|
||||
* |
|
||||
* Gets the full width/height because it's different for most browsers. |
|
||||
*/ |
|
||||
function getViewportHeight() { |
|
||||
if (window.innerHeight!=window.undefined) return window.innerHeight; |
|
||||
if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight; |
|
||||
if (document.body) return document.body.clientHeight; |
|
||||
|
|
||||
return window.undefined; |
|
||||
} |
|
||||
function getViewportWidth() { |
|
||||
var offset = 17; |
|
||||
var width = null; |
|
||||
if (window.innerWidth!=window.undefined) return window.innerWidth; |
|
||||
if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth; |
|
||||
if (document.body) return document.body.clientWidth; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* Gets the real scroll top |
|
||||
*/ |
|
||||
function getScrollTop() { |
|
||||
if (self.pageYOffset) // all except Explorer
|
|
||||
{ |
|
||||
return self.pageYOffset; |
|
||||
} |
|
||||
else if (document.documentElement && document.documentElement.scrollTop) |
|
||||
// Explorer 6 Strict
|
|
||||
{ |
|
||||
return document.documentElement.scrollTop; |
|
||||
} |
|
||||
else if (document.body) // all other Explorers
|
|
||||
{ |
|
||||
return document.body.scrollTop; |
|
||||
} |
|
||||
} |
|
||||
function getScrollLeft() { |
|
||||
if (self.pageXOffset) // all except Explorer
|
|
||||
{ |
|
||||
return self.pageXOffset; |
|
||||
} |
|
||||
else if (document.documentElement && document.documentElement.scrollLeft) |
|
||||
// Explorer 6 Strict
|
|
||||
{ |
|
||||
return document.documentElement.scrollLeft; |
|
||||
} |
|
||||
else if (document.body) // all other Explorers
|
|
||||
{ |
|
||||
return document.body.scrollLeft; |
|
||||
} |
|
||||
} |
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
@ -1,295 +0,0 @@ |
|||||
var gPopupMask = null; |
|
||||
var gPopupContainer = null; |
|
||||
var gPopFrame = null; |
|
||||
var gReturnFunc; |
|
||||
var gPopupIsShown = false; |
|
||||
var gDefaultPage = "/loading.html"; |
|
||||
var gHideSelects = false; |
|
||||
var gReturnVal = null; |
|
||||
|
|
||||
var gTabIndexes = new Array(); |
|
||||
// Pre-defined list of tags we want to disable/enable tabbing into
|
|
||||
var gTabbableTags = new Array("A","BUTTON","TEXTAREA","INPUT","IFRAME"); |
|
||||
|
|
||||
// If using Mozilla or Firefox, use Tab-key trap.
|
|
||||
if (!document.all) { |
|
||||
document.onkeypress = keyDownHandler; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* Initializes popup code on load. |
|
||||
*/ |
|
||||
function initPopUp() { |
|
||||
// Add the HTML to the body
|
|
||||
theBody = document.getElementsByTagName('BODY')[0]; |
|
||||
popmask = document.createElement('div'); |
|
||||
popmask.id = 'popupMask'; |
|
||||
popcont = document.createElement('div'); |
|
||||
popcont.id = 'popupContainer'; |
|
||||
popcont.innerHTML = '' + |
|
||||
'<div id="popupInner">' + |
|
||||
'<div id="popupTitleBar">' + |
|
||||
'<div id="popupTitle"></div>' + |
|
||||
'<div id="popupControls">' + |
|
||||
'<img src="close.gif" onclick="hidePopWin(false);" id="popCloseBox" />' + |
|
||||
'</div>' + |
|
||||
'</div>' + |
|
||||
'<iframe src="'+ gDefaultPage +'" style="width:100%;height:100%;background-color:transparent;" scrolling="auto" frameborder="0" allowtransparency="true" id="popupFrame" name="popupFrame" width="100%" height="100%"></iframe>' + |
|
||||
'</div>'; |
|
||||
theBody.appendChild(popmask); |
|
||||
theBody.appendChild(popcont); |
|
||||
|
|
||||
gPopupMask = document.getElementById("popupMask"); |
|
||||
gPopupContainer = document.getElementById("popupContainer"); |
|
||||
gPopFrame = document.getElementById("popupFrame"); |
|
||||
|
|
||||
// check to see if this is IE version 6 or lower. hide select boxes if so
|
|
||||
// maybe they'll fix this in version 7?
|
|
||||
var brsVersion = parseInt(window.navigator.appVersion.charAt(0), 10); |
|
||||
if (brsVersion <= 6 && window.navigator.userAgent.indexOf("MSIE") > -1) { |
|
||||
gHideSelects = true; |
|
||||
} |
|
||||
|
|
||||
// Add onclick handlers to 'a' elements of class submodal or submodal-width-height
|
|
||||
var elms = document.getElementsByTagName('a'); |
|
||||
for (i = 0; i < elms.length; i++) { |
|
||||
if (elms[i].className.indexOf("submodal") == 0) { |
|
||||
// var onclick = 'function (){showPopWin(\''+elms[i].href+'\','+width+', '+height+', null);return false;};';
|
|
||||
// elms[i].onclick = eval(onclick);
|
|
||||
elms[i].onclick = function(){ |
|
||||
// default width and height
|
|
||||
var width = 400; |
|
||||
var height = 200; |
|
||||
// Parse out optional width and height from className
|
|
||||
params = this.className.split('-'); |
|
||||
if (params.length == 3) { |
|
||||
width = parseInt(params[1]); |
|
||||
height = parseInt(params[2]); |
|
||||
} |
|
||||
showPopWin(this.href,width,height,null); return false; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
addEvent(window, "load", initPopUp); |
|
||||
|
|
||||
/** |
|
||||
* @argument width - int in pixels |
|
||||
* @argument height - int in pixels |
|
||||
* @argument url - url to display |
|
||||
* @argument returnFunc - function to call when returning true from the window. |
|
||||
* @argument showCloseBox - show the close box - default true |
|
||||
*/ |
|
||||
function showPopWin(url, width, height, returnFunc, showCloseBox) { |
|
||||
// show or hide the window close widget
|
|
||||
if (showCloseBox == null || showCloseBox == true) { |
|
||||
document.getElementById("popCloseBox").style.display = "block"; |
|
||||
} else { |
|
||||
document.getElementById("popCloseBox").style.display = "none"; |
|
||||
} |
|
||||
gPopupIsShown = true; |
|
||||
disableTabIndexes(); |
|
||||
gPopupMask.style.display = "block"; |
|
||||
gPopupContainer.style.display = "block"; |
|
||||
// calculate where to place the window on screen
|
|
||||
centerPopWin(width, height); |
|
||||
|
|
||||
var titleBarHeight = parseInt(document.getElementById("popupTitleBar").offsetHeight, 10); |
|
||||
|
|
||||
|
|
||||
gPopupContainer.style.width = width + "px"; |
|
||||
gPopupContainer.style.height = (height+titleBarHeight) + "px"; |
|
||||
|
|
||||
setMaskSize(); |
|
||||
|
|
||||
// need to set the width of the iframe to the title bar width because of the dropshadow
|
|
||||
// some oddness was occuring and causing the frame to poke outside the border in IE6
|
|
||||
gPopFrame.style.width = parseInt(document.getElementById("popupTitleBar").offsetWidth, 10) + "px"; |
|
||||
gPopFrame.style.height = (height) + "px"; |
|
||||
|
|
||||
// set the url
|
|
||||
gPopFrame.src = url; |
|
||||
|
|
||||
gReturnFunc = returnFunc; |
|
||||
// for IE
|
|
||||
if (gHideSelects == true) { |
|
||||
hideSelectBoxes(); |
|
||||
} |
|
||||
|
|
||||
window.setTimeout("setPopTitle();", 600); |
|
||||
} |
|
||||
|
|
||||
//
|
|
||||
var gi = 0; |
|
||||
function centerPopWin(width, height) { |
|
||||
if (gPopupIsShown == true) { |
|
||||
if (width == null || isNaN(width)) { |
|
||||
width = gPopupContainer.offsetWidth; |
|
||||
} |
|
||||
if (height == null) { |
|
||||
height = gPopupContainer.offsetHeight; |
|
||||
} |
|
||||
|
|
||||
//var theBody = document.documentElement;
|
|
||||
var theBody = document.getElementsByTagName("BODY")[0]; |
|
||||
//theBody.style.overflow = "hidden";
|
|
||||
var scTop = parseInt(getScrollTop(),10); |
|
||||
var scLeft = parseInt(theBody.scrollLeft,10); |
|
||||
|
|
||||
setMaskSize(); |
|
||||
|
|
||||
//window.status = gPopupMask.style.top + " " + gPopupMask.style.left + " " + gi++;
|
|
||||
|
|
||||
var titleBarHeight = parseInt(document.getElementById("popupTitleBar").offsetHeight, 10); |
|
||||
|
|
||||
var fullHeight = getViewportHeight(); |
|
||||
var fullWidth = getViewportWidth(); |
|
||||
|
|
||||
gPopupContainer.style.top = (scTop + ((fullHeight - (height+titleBarHeight)) / 2)) + "px"; |
|
||||
gPopupContainer.style.left = (scLeft + ((fullWidth - width) / 2)) + "px"; |
|
||||
//alert(fullWidth + " " + width + " " + gPopupContainer.style.left);
|
|
||||
} |
|
||||
} |
|
||||
addEvent(window, "resize", centerPopWin); |
|
||||
addEvent(window, "scroll", centerPopWin); |
|
||||
window.onscroll = centerPopWin; |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Sets the size of the popup mask. |
|
||||
* |
|
||||
*/ |
|
||||
function setMaskSize() { |
|
||||
var theBody = document.getElementsByTagName("BODY")[0]; |
|
||||
|
|
||||
var fullHeight = getViewportHeight(); |
|
||||
var fullWidth = getViewportWidth(); |
|
||||
|
|
||||
// Determine what's bigger, scrollHeight or fullHeight / width
|
|
||||
if (fullHeight > theBody.scrollHeight) { |
|
||||
popHeight = fullHeight; |
|
||||
} else { |
|
||||
popHeight = theBody.scrollHeight; |
|
||||
} |
|
||||
|
|
||||
if (fullWidth > theBody.scrollWidth) { |
|
||||
popWidth = fullWidth; |
|
||||
} else { |
|
||||
popWidth = theBody.scrollWidth; |
|
||||
} |
|
||||
|
|
||||
gPopupMask.style.height = popHeight + "px"; |
|
||||
gPopupMask.style.width = popWidth + "px"; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* @argument callReturnFunc - bool - determines if we call the return function specified |
|
||||
* @argument returnVal - anything - return value |
|
||||
*/ |
|
||||
function hidePopWin(callReturnFunc) { |
|
||||
gPopupIsShown = false; |
|
||||
var theBody = document.getElementsByTagName("BODY")[0]; |
|
||||
theBody.style.overflow = ""; |
|
||||
restoreTabIndexes(); |
|
||||
if (gPopupMask == null) { |
|
||||
return; |
|
||||
} |
|
||||
gPopupMask.style.display = "none"; |
|
||||
gPopupContainer.style.display = "none"; |
|
||||
if (callReturnFunc == true && gReturnFunc != null) { |
|
||||
// Set the return code to run in a timeout.
|
|
||||
// Was having issues using with an Ajax.Request();
|
|
||||
gReturnVal = window.frames["popupFrame"].returnVal; |
|
||||
window.setTimeout('gReturnFunc(gReturnVal);', 1); |
|
||||
} |
|
||||
gPopFrame.src = gDefaultPage; |
|
||||
// display all select boxes
|
|
||||
if (gHideSelects == true) { |
|
||||
displaySelectBoxes(); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* Sets the popup title based on the title of the html document it contains. |
|
||||
* Uses a timeout to keep checking until the title is valid. |
|
||||
*/ |
|
||||
function setPopTitle() { |
|
||||
return; |
|
||||
if (window.frames["popupFrame"].document.title == null) { |
|
||||
window.setTimeout("setPopTitle();", 10); |
|
||||
} else { |
|
||||
document.getElementById("popupTitle").innerHTML = window.frames["popupFrame"].document.title; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// Tab key trap. iff popup is shown and key was [TAB], suppress it.
|
|
||||
// @argument e - event - keyboard event that caused this function to be called.
|
|
||||
function keyDownHandler(e) { |
|
||||
if (gPopupIsShown && e.keyCode == 9) return false; |
|
||||
} |
|
||||
|
|
||||
// For IE. Go through predefined tags and disable tabbing into them.
|
|
||||
function disableTabIndexes() { |
|
||||
if (document.all) { |
|
||||
var i = 0; |
|
||||
for (var j = 0; j < gTabbableTags.length; j++) { |
|
||||
var tagElements = document.getElementsByTagName(gTabbableTags[j]); |
|
||||
for (var k = 0 ; k < tagElements.length; k++) { |
|
||||
gTabIndexes[i] = tagElements[k].tabIndex; |
|
||||
tagElements[k].tabIndex="-1"; |
|
||||
i++; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
function returnRefresh() |
|
||||
{ |
|
||||
//alert("I am active!");
|
|
||||
window.location.reload(); |
|
||||
} |
|
||||
|
|
||||
// For IE. Restore tab-indexes.
|
|
||||
function restoreTabIndexes() { |
|
||||
if (document.all) { |
|
||||
var i = 0; |
|
||||
for (var j = 0; j < gTabbableTags.length; j++) { |
|
||||
var tagElements = document.getElementsByTagName(gTabbableTags[j]); |
|
||||
for (var k = 0 ; k < tagElements.length; k++) { |
|
||||
tagElements[k].tabIndex = gTabIndexes[i]; |
|
||||
tagElements[k].tabEnabled = true; |
|
||||
i++; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/** |
|
||||
* Hides all drop down form select boxes on the screen so they do not appear above the mask layer. |
|
||||
* IE has a problem with wanted select form tags to always be the topmost z-index or layer |
|
||||
* |
|
||||
* Thanks for the code Scott! |
|
||||
*/ |
|
||||
function hideSelectBoxes() { |
|
||||
var x = document.getElementsByTagName("SELECT"); |
|
||||
|
|
||||
for (i=0;x && i < x.length; i++) { |
|
||||
x[i].style.visibility = "hidden"; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* Makes all drop down form select boxes on the screen visible so they do not |
|
||||
* reappear after the dialog is closed. |
|
||||
* |
|
||||
* IE has a problem with wanting select form tags to always be the |
|
||||
* topmost z-index or layer. |
|
||||
*/ |
|
||||
function displaySelectBoxes() { |
|
||||
var x = document.getElementsByTagName("SELECT"); |
|
||||
|
|
||||
for (i=0;x && i < x.length; i++){ |
|
||||
x[i].style.visibility = "visible"; |
|
||||
} |
|
||||
} |
|
||||
@ -1,14 +1,18 @@ |
|||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
||||
<head> |
<head> |
||||
<meta http-equiv="Content-Type" content="text/html; charset=windows-1253" /> |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1253" /> |
||||
<title>Ολοκλήρωση παιχνιδιού</title> |
<title>Ολοκλήρωση παιχνιδιού</title> |
||||
<link rel="stylesheet" type="text/css" href="style.css" /> |
<link rel="stylesheet" type="text/css" href="style.css" /> |
||||
<link rel="stylesheet" type="text/css" href="css/subModal.css" /> |
<link rel="stylesheet" type="text/css" href="css/subModal.css" /> |
||||
|
|
||||
</head> |
</head> |
||||
<body bgcolor="#CCFF66" style="font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:13px;"> |
<body bgcolor="#CCFF66" style="font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:13px;"> |
||||
<h2>Συγχαρητήρια! </h2>Μόλις ολοκλήρωσες με επιτυχία το παιχνίδι.<p>Το σκορ σου δείχνει το <strong>ποσοστό % των σωστών απαντήσεων</strong>, στο σύνολο των ερωτήσεων που σου έγιναν.</p><p>Θα ήθελες να ξαναδοκιμάσεις;</p> <button onclick="window.top.hidePopWin(true)">Ναι, θα παίξω ξανά!</button> <button onclick="window.top.hidePopWin()">Όχι, ευχαριστώ</button> |
<h2>Συγχαρητήρια! </h2>Μόλις ολοκλήρωσες με επιτυχία το παιχνίδι. |
||||
|
<p>Το σκορ σου δείχνει το <strong>ποσοστό % των σωστών απαντήσεων</strong>, στο σύνολο των ερωτήσεων που σου έγιναν.</p> |
||||
|
<p>Θα ήθελες να ξαναδοκιμάσεις;</p> |
||||
|
<button onclick="window.top.hidePopWin(true)">Ναι, θα παίξω ξανά!</button> |
||||
|
<button onclick="window.top.hidePopWin()">Όχι, ευχαριστώ</button> |
||||
|
|
||||
</body> |
</body> |
||||
</html> |
</html> |
||||
|
|||||
Loading…
Reference in new issue