From 21a8d26914f5577f53f6b0cbba483104a1040445 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Fri, 13 Feb 2009 12:52:51 +0000 Subject: [PATCH] New index-page graphics and demo links. svn changeset:6831/svn branch:trunk --- WebContent/index.html | 118 ++++++++---------------------------------- 1 file changed, 23 insertions(+), 95 deletions(-) diff --git a/WebContent/index.html b/WebContent/index.html index e296525928..f01a8ab263 100644 --- a/WebContent/index.html +++ b/WebContent/index.html @@ -29,28 +29,9 @@ // Fetch references packageContent = document.getElementById("package-contents-content"); package = document.getElementById("package-contents"); - demoArea = document.getElementById("demo-buttons"); - demos = demoArea.getElementsByTagName("li"); - additionalDemos = document.getElementById("additional-demos"); - additionalDemosContent = document.getElementById("additional-demos-content"); // Hide panel initially packageContent.style.display = "none"; - package.style.cssFloat = "right"; - package.style.styleFloat = "right"; - package.style.clear = "right"; - package.style.marginTop = "-37px"; - package.style.marginRight = "1px"; - package.style.display = "inline"; - additionalDemosContent.style.display = "none"; - additionalDemos._smallHeight = additionalDemos.offsetHeight; - - // Enable additional demos panel hiding/showing - var toggle = additionalDemos.getElementsByTagName("h3")[0]; - toggle.style.cursor = "pointer"; - toggle.title = "Show/hide additional demos"; - // Use the quick-n-dirty way to attach event listeners - toggle.onclick = function() {itmill.togglePanel(additionalDemosContent)}; // Enable package contents panel hiding/showing toggle = package.getElementsByTagName("h3")[0]; @@ -59,13 +40,6 @@ // Use the quick-n-dirty way to attach event listeners toggle.onclick = function() {itmill.togglePanel(packageContent)}; - // enable demo button hovers - for(var i=0; i < demos.length; i++) { - demos[i].onmouseover = this.focusDemo; - } - demoArea.onmouseout = this.blurDemos; - - // feedback popup var fb = document.getElementById("feedback").getElementsByTagName("textarea")[0]; fb._originalValue = fb.value; @@ -76,10 +50,9 @@ fb.style.height = "50px"; if(fb.value == fb._originalValue) fb.value = ""; - } + }; try { - if(window.location.search && -1 != window.location.search.indexOf('gwt.hosted')) { var hostedParam = window.location.search; var demolinks = document.getElementsByTagName("a"); @@ -103,50 +76,6 @@ which.style.display = "block"; which._open = true; } - // Dirty fix to reposition package-content panel - if(which == additionalDemosContent) { - if(which._open) { - package.style.marginTop = "8px"; - } else { - package.style.marginTop = "-37px"; - } - } - }, - - focusDemo : function(e) { - var evt = e ? e : window.event; - var target = evt.target ? evt.target.parentNode : evt.srcElement.parentNode; // Should be the LI element - if(target.nodeType != 1 || target.nodeName != "LI") - return; - - for(var i=0; i < demos.length; i++) { - var demo = demos[i]; - if(demo != target) { - if(isIE) - demo.style.filter = "alpha(opacity=60)"; - else - demo.style.opacity = "0.6"; - - } else { - if(isIE) - demo.style.filter = ""; - else - demo.style.opacity = "1"; - } - } - }, - - blurDemos : function(e) { - var evt = e ? e : window.event; - var target = evt.toElement || evt.relatedTarget; - if(target == demoArea || target.parentNode == demoArea || target.parentNode.parentNode == demoArea) - return; - for(var i=0; i < demos.length; i++) { - if(isIE) - demos[i].style.filter = ""; - else - demos[i].style.opacity = "1"; - } } }; @@ -171,34 +100,33 @@

Demos

-
-- 2.39.5