[svn] Fixed small semantics issues stopping base.js working with IE.

Made toggle eyecandy persistent (using a cookie)
Made toggle eyecandy turn off footer menu images
Only load footer menu images if the eyecandy is being used.
This commit is contained in:
martin speleo 2009-06-28 19:33:24 +01:00
parent 06f7bfa979
commit b847bde6b7
5 changed files with 92 additions and 35 deletions

View File

@ -150,3 +150,6 @@ def ajax_test(request):
post_text = request.POST['post_data']
return HttpResponse("{'response_text': '"+post_text+" recieved.'}",
mimetype="application/json")
def eyecandy(request):
return render_response(request,'eyecandy.html', {})

View File

@ -10,10 +10,11 @@ function setMaxHeight(group, target) {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
};
});
target.height(tallest);
}
};
/*This is the jquery stuff */
@ -24,18 +25,23 @@ $('.searchable li').quicksearch({
attached: 'ul.searchable',
labelText: '',
loaderText: '',
delay: 100
})
delay: 100});
$('table.searchable tr').quicksearch({
position: 'before',
attached: 'table.searchable:first',
});
attached: 'table.searchable:first'});
$(".toggleEyeCandy").click(function () {
$(".leftMargin,.rightMargin").toggle("fade");
$(".toggleEyeCandy").toggle();
});
$(".killEyeCandy").click(function () {
killEyeCandy();
setCookie("eyeCandy", "False", 100);
}
);
$(".showEyeCandy").click(function () {
showEyeCandy();
setCookie("eyeCandy", "True", 100);
}
);
$(".toggleMenu").click(function () {
$("ul.dropdown li:not(.toggleMenu)").toggle();
@ -57,13 +63,14 @@ $("a.closeDiv").click(function () {
function linkHover(hoverLink,image){
$(hoverLink).hover(
$(hoverLink).bind('mouseover',
function() {
$(image).fadeIn("slow");
$(image).stop().css("opacity", "1.0").fadeIn("slow");
/* $(hoverLink).css("background","gray");*/
},
});
$(hoverLink).bind('mouseout',
function() {
$(image).fadeOut("slow");
$(image).stop().fadeOut("slow");
/* $(hoverLink).css("background","black");*/
}
);
@ -72,10 +79,29 @@ $(hoverLink).hover(
};
function showEyeCandy(){
$("#eyeCandyFooterPopUps").load("/eyecandy");
$(".leftMargin,.rightMargin").show();
$(".showEyeCandy").hide();
$(".killEyeCandy").show();
linkHover("#cavesLink","#richardBanner");
linkHover("#caversLink","#timeMachine");
linkHover("#surveyBinderLink","#surveyHover");
linkHover("#troggle","#timeMachine");
linkHover("#troggle","#timeMachine");};
function killEyeCandy(){
$(".leftMargin,.rightMargin").hide();
$(".showEyeCandy").show();
$(".killEyeCandy").hide();
$("#cavesLink").unbind('mouseover').unbind('mouseout');
$("#caversLink").unbind('mouseover').unbind('mouseout');
$("#surveyBinderLink").unbind('mouseover').unbind('mouseout');
$("#troggle").unbind('mouseover').unbind('mouseout');};
if (getCookie("eyeCandy") == "False")
{killEyeCandy();}
else
{showEyeCandy();}
/*dropdown (well, up actually) menu code from http://css-tricks.com/simple-jquery-dropdowns/*/
$("ul.dropdown li").hover(
@ -94,3 +120,28 @@ $("ul.dropdown li").hover(
});
/* Cookies */
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name + "=" +escape(value) +
((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) + ";path=/";
}
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
};

View File

@ -27,7 +27,7 @@ window.onload = contentHeight;
{% endif %}.
| <a href="{% url auth_logout %}">Log out</a> {% else %} <a href="{% url registration_register %}">Sign up</a> | <a href="{% url auth_login %}">Log in</a> {% endif %}
{% endblock%}
| <a href="{{ settings.URL_ROOT }}">Home</a> | <a class="toggleEyeCandy">Kill Eyecandy</a><a class="toggleEyeCandy" style="display: none;">Show Eyecandy</a>
| <a href="{{ settings.URL_ROOT }}">Home</a> | <a class="killEyeCandy">Kill Eyecandy</a><a class="showEyeCandy" style="display: none;">Show Eyecandy</a>
{% block editLink %}
{% endblock %}
@ -51,10 +51,9 @@ window.onload = contentHeight;
{% endblock %}
</div>
<div id="eyeCandyFooterPopUps" class = "eyeCandy">
<img id="richardBanner" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}expoBanner.gif"/>
<img id="timeMachine" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}timemachine.gif"/>
<img id="surveyHover" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}surveyHover.gif"/>
</div>
{% block margins %}
<img class="leftMargin eyeCandy" src="{{ settings.MEDIA_URL }}eieshole.jpg">
<img class="rightMargin eyeCandy" src="{{ settings.MEDIA_URL }}goesser.jpg">

3
templates/eyecandy.html Normal file
View File

@ -0,0 +1,3 @@
<img id="richardBanner" class="footer" src="{{ settings.MEDIA_URL }}expoBanner.gif" style="display: none;"/>
<img id="timeMachine" class="footer" src="{{ settings.MEDIA_URL }}timemachine.gif" style="display: none;"/>
<img id="surveyHover" class="footer" src="{{ settings.MEDIA_URL }}surveyHover.gif" style="display: none;"/>

View File

@ -67,6 +67,7 @@ urlpatterns = patterns('',
url(r'^cave/(?P<cave_id>[^/]+)/qm\.csv/?$', views_other.downloadQMs, name="downloadqms"),
(r'^downloadqms$', views_other.downloadQMs),
url(r'^cave/(?P<cave_id>[^/]+)(?P<subcave>/.*)/?$', subcave, name="subcave"),
url(r'^eyecandy$', views_other.eyecandy),
(r'^admin/doc/?', include('django.contrib.admindocs.urls')),
(r'^admin/(.*)/?', admin.site.root),