[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'] post_text = request.POST['post_data']
return HttpResponse("{'response_text': '"+post_text+" recieved.'}", return HttpResponse("{'response_text': '"+post_text+" recieved.'}",
mimetype="application/json") 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(); thisHeight = $(this).height();
if(thisHeight > tallest) { if(thisHeight > tallest) {
tallest = thisHeight; tallest = thisHeight;
} };
}); });
target.height(tallest); target.height(tallest);
} };
/*This is the jquery stuff */ /*This is the jquery stuff */
@ -24,18 +25,23 @@ $('.searchable li').quicksearch({
attached: 'ul.searchable', attached: 'ul.searchable',
labelText: '', labelText: '',
loaderText: '', loaderText: '',
delay: 100 delay: 100});
})
$('table.searchable tr').quicksearch({ $('table.searchable tr').quicksearch({
position: 'before', position: 'before',
attached: 'table.searchable:first', attached: 'table.searchable:first'});
});
$(".toggleEyeCandy").click(function () { $(".killEyeCandy").click(function () {
$(".leftMargin,.rightMargin").toggle("fade"); killEyeCandy();
$(".toggleEyeCandy").toggle(); setCookie("eyeCandy", "False", 100);
}); }
);
$(".showEyeCandy").click(function () {
showEyeCandy();
setCookie("eyeCandy", "True", 100);
}
);
$(".toggleMenu").click(function () { $(".toggleMenu").click(function () {
$("ul.dropdown li:not(.toggleMenu)").toggle(); $("ul.dropdown li:not(.toggleMenu)").toggle();
@ -57,13 +63,14 @@ $("a.closeDiv").click(function () {
function linkHover(hoverLink,image){ function linkHover(hoverLink,image){
$(hoverLink).hover( $(hoverLink).bind('mouseover',
function() { function() {
$(image).fadeIn("slow"); $(image).stop().css("opacity", "1.0").fadeIn("slow");
/* $(hoverLink).css("background","gray");*/ /* $(hoverLink).css("background","gray");*/
}, });
$(hoverLink).bind('mouseout',
function() { function() {
$(image).fadeOut("slow"); $(image).stop().fadeOut("slow");
/* $(hoverLink).css("background","black");*/ /* $(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("#cavesLink","#richardBanner");
linkHover("#caversLink","#timeMachine"); linkHover("#caversLink","#timeMachine");
linkHover("#surveyBinderLink","#surveyHover"); 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/*/ /*dropdown (well, up actually) menu code from http://css-tricks.com/simple-jquery-dropdowns/*/
$("ul.dropdown li").hover( $("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 %}. {% 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 %} | <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%} {% 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 %} {% block editLink %}
{% endblock %} {% endblock %}
@ -51,10 +51,9 @@ window.onload = contentHeight;
{% endblock %} {% endblock %}
</div> </div>
<div id="eyeCandyFooterPopUps" class = "eyeCandy">
<img id="richardBanner" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}expoBanner.gif"/> </div>
<img id="timeMachine" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}timemachine.gif"/>
<img id="surveyHover" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}surveyHover.gif"/>
{% block margins %} {% block margins %}
<img class="leftMargin eyeCandy" src="{{ settings.MEDIA_URL }}eieshole.jpg"> <img class="leftMargin eyeCandy" src="{{ settings.MEDIA_URL }}eieshole.jpg">
<img class="rightMargin eyeCandy" src="{{ settings.MEDIA_URL }}goesser.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"), url(r'^cave/(?P<cave_id>[^/]+)/qm\.csv/?$', views_other.downloadQMs, name="downloadqms"),
(r'^downloadqms$', views_other.downloadQMs), (r'^downloadqms$', views_other.downloadQMs),
url(r'^cave/(?P<cave_id>[^/]+)(?P<subcave>/.*)/?$', subcave, name="subcave"), 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/doc/?', include('django.contrib.admindocs.urls')),
(r'^admin/(.*)/?', admin.site.root), (r'^admin/(.*)/?', admin.site.root),