DESIGNED DEVELOPED DELIVERED

Mob: 07760 392284edward@ee-web.co.uk

ee-web thinks... a bit

Go on, make my day ... leave a comment

Pupil Achievement Data Analysis System

November 24th, 2015 by Edward

This is SUCH a cool job, and so EXACTLY up my street. It ticks so many of my boxes  – so when I am working on this project i am a happy little programmer.

middleton assessment login

Middleton is a small school offering specialist care. They have been using a great program, based around Excel to store all their assessment data, and produce a variety of specialist reports for a range of audience – teachers, parents, governors, Ofsted and so on. However, support for this program is no longer available, and whilst it still works its becoming less and less future proof.

read more Read more…

categories
tag

Using two javascript libraries…

February 18th, 2011 by Edward

I had developed a very simple jQuery application for a joomla site. Naturally enough I was importing the the jQuery thus:

<script type="text/javascript" src="<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/js/homeAnim.js"></script>

and all was well.

However, my client wanted to use the wonderful yootool carosel which uses the mootool library. I have had great success with this joomla module so imagine my surprise when it didn’t work.

Turned out to be a conflict between the jQuery and mootools librarys – to do with the scope of variables, and how they jQuery uses the $.

Some google time later… edit the index.php header like this:

<script>
jQuery.noConflict();
</script>

<jdoc:include type="head" />

In other words, set jQuery to load before the mootools library. I did this but putting it before the call to the type=”head” in the header – I had seen posts about editing other files, but this seemed to work – might have been something to do with earlier versions of joomla??? You then need to set jQuery to the noConflict() mode.

You will then need to edit you jQuery calls and remove the $ and replace with jQuery thus:

jQuery(document).ready(function() { ...
jQuery(selector).click(function(){...

rather than what you’d expect:

$(document).ready(function() { ...
$(selector).click(function(){...

and all works fine!

I checked this out in IE7 and 8, FF, Chrome, Safai and Opera.

categories
tag

More wonderful jQuery

November 30th, 2010 by Edward

I must say this is really getting exciting!

Andy, at the Christian Action Housing and the EN2 Krew keeps saying things like “Hey Mr Dude…”

Once I have got over being addressed in that manner, he goes onto form another statement usually along the lines of

“I’ve seen this funky thingy on this site – can you do it on the EN2 site homepage”

OR

“Could we add a widgety thing onto the Elevate site like this one”.

Actually, this is far from annoying. One of the pleasures of working with a range of clients is tht they push you out of your comfort zone. Then again, I don’t want to be doing the say thing site after site andway so keep ’em coming.

So here are one or two of Andy’s latest requests. These are live, hoefully they wont get taken down before you press on them…

  • a slide show – was created to be generic so it could easily be slotted into different sites
  • funky pop up window that only appears on your first visit to the homepage
  • images that transition in as you roll over panels – this is still in development, so its only showing one image – but the idea is there!
  • images maps that link to lightboxes – this one is great – but sadly isn’t live  yet!

And I have also added a few more of my own, just for the fun of it! These last ones I don’t claim to have completely worked up from  scratch, I include them to give you (dear reader) examples of what I have been up to recently.

And here’s a  couple that I am working on that  you can’t see yet…

  • images that stretch to fill the whole background
  • images that stretch to fill the whole background and rotate round in a slide show (ugh! slide show backgrounds – but he likes it!)
categories
tag

jQuery – IE7

November 15th, 2010 by Edward

I was creating a application that animated an image as you rolled over it. It was working fine in Safari (PC/Mac), FF, Opera, IE8, Chrome. But IE7 wasn’t working. Here’s part of the erronous code – much simplified –

$(currentLink).next().css ({
‘position’:’absolute’,
‘background-position’:’0 0′,
‘top’:’110px’,
‘left’:gtr,
‘display’:’none’,
});

The error is simple – when creating a list of “Attribute pairs” like this, IE7 will throw a wobble if the last one, has a comma at the end – and in fact, if you think about it, semmantically its probably correct. All the other browsers that I tested kind of ignor this (which is very kind I guess!)

So, for the last line replace with

….
‘left’:gtr,
‘display’:’none’
});

And Bob’s your uncle.

categories
tag

jQuery – how good is that?

November 15th, 2010 by Edward

Over the last 3 months  or so I have given some development time to get into jQuery properly. For me, this usually means “Buying the book” and getting about half way through. And then using what I have learnt, and  putting it onto some websites. Then comes the “Steep” bit of the learning curve – books are great, but they never tell you the nitty gritty that you need to know when you get stuck in.

I have now used jQuery in a few of our projects. And not just plugins too, but “Applications” that I have created myself. This includes stylish popup windows, images that “animate into view” as you roll over them and rotating slide shows. So, simple stuff, but good looking and fully compatable with those nasty Mac devices.

I’m impressed!

categories
tag