Backgroud opacity with jQuery.imageZoom

Development, jQuery No Comments »

I tried to find a solution for having a background opacity with jQuery.imageZoom by Andreas Lagerkvist

Because I found no solution I asked the developer and here is the working answer:

I think the easiest way would be to give the body-element a class when an image is zoomed out and then simply darken the background when body has that class.

If you want a proper overlay then add a div to the body-element and show/hide that based on the class.

Something like:

HTML
… other code…
<div class=”overlay”></div>
</body>
</html>

CSS
div.overlay {
background: #000;
opacity: .3;

position: fixed;
left: 0;
top: 0;

display: none;
width: 100%;
height: 100%;
}

body.image-zoom-active div.overlay {
display: block;
}

And then you have to modify the jquery.imageZoom.js-file a little.

One function is called when the image to be zoomed is loaded and ready to be displayed. In this function you should give body the class. Another function is called when then image is zoomed back in, this is where you want to remove the class from body.

Look for:

// This function is run once the displayImgSrc-img has loaded (below)
var preloadOnload = function () {

And add this directly inside the function:
$(document.body).addClass(’image-zoom-active’);

And then to remove it look for:
// This function closes the imgzoom
var hideImgzoom = function () {

And add this directly inside the function:
$(document.body).removeClass(’image-zoom-active’);

That should do the trick.

Thank you very much for the fast support Andreas!

Elgg Piwik Plugin

Development, Piwik, conlabzREPORT, elgg No Comments »

Sometime ago that I posted something in my blog, but it was a busy time over the last three months. Now, I’m here to talk about one thing that I’ve done in this period.

One of our customers is using elgg and we are tracking this project with an installation of piwik (conlabzREPORT). I searched a long time to found out that there is no plugin for this type of problem, so I’ve changed it and wrote the Piwik – Open Source Analytics (0.1) elgg plugin.

Have fun!

New BackendPro version released

BackendPro, CodeIgniter, Development, Updates No Comments »

Last week I saw that there was a new version of BackendPro. Not it is 0.6.

On one of our projects I started to update the version, but after some time I saw that there a lot of changes which make the software really good. At all it costs me two days to update the single project (three are waiting for an update :-) )

Yesterday I want to bring the new version on the LiveSystem, but here I got some further problem, which are not there on my MacBookPro with MAMP:

I had a problem with the installation on my webserver (Debian Etch with Apache 2). I guess that this is a known CodeIgniter problem, so I want to please Adam for the next release to change the things… For all other interested people read the following solutions:

1) CamelCase doesn’t really working good with CodeIgniter.
I got an error on my webserver which told me “Unable to load the requested class: bep_site”.

Solution: Change all filenames in modules/site/libraries to

Bep_assetfile.php
Bep_assets.php
Bep_browser.php
Bep_site.php

2) File changes
In the file modules/site/libraries/Bep_assets.php I had to change the following line:

- include_once(’Bep_AssetFile.php’);
+ include_once(’Bep_assetfile.php’);

- $this->CI->load->library(’Bep_Browser’);
+ $this->CI->load->library(’bep_browser’);

The reason is located in 1)

For all other: If you have any further question, please the comments of this post…

Joomla Component Creator

Development, Joomla No Comments »

There are a lot of good and useful things out in the world wide web. But some are very useful.

In the last days I created a lot of components for Joomla 1.5 and always I copied files and had to code a lot of stuff. So I took a look around and tried to find if there was some supporting tool for this. And… I don’t believe, but it’s true. I found a Joomla Component Creator, published by Not Web Design.

Here you have to provide some basic information and what you get back is a whole component with the basic files. Ok… You have to code some things, but it fasten your development.

Thank you very much for this generator….

Image Map Area Helper

CodeIgniter, Development, Helper No Comments »

Today I need to have an area link within an imape map for a lot of links with in my CodeIgniter application. I can’t find a helper or function within the framework, so I wrote an area helper function:


<?php
/**
* Image Map Area Link
*
* Creates an anchor based on the local URL.
*
* @access    public
* @param    string    the URL
* @param    string    the link title
* @param    mixed    any attributes
* @return    string
*/
if ( ! function_exists('area_anchor'))
{
function area_anchor( $uri = '', $title = '', $attributes = '')
{
$title = (string) $title;

if ( ! is_array($uri))
{
$site_url = ( ! preg_match('!^\w+://! i', $uri)) ? site_url($uri) : $uri;
}
else
{
$site_url = site_url($uri);
}

if ($title == '')
{
$title = $site_url;
}

if ($attributes != '')
{
$attributes = _parse_attributes($attributes);
}

return '<area href="'.$site_url.'" title="'.$title.'"'.$attributes.'></area>';
}
} //function

/* End of file area_helper.php */
/* Location: ./application/helpers/area_helper.php */
?>

You can use it like this:
<?php echo area_anchor( "/welcome", "Welcome", 'shape="poly" coords="153,78, 153,78, 154,78, 154,78, 154,78, 154,77, 155,77, 155,77, 155,77, 157,80, 158,81, 158,82, 158,83, 159,83, 160,84, 160,84, 161,84, 160,85, 160,86, 159,86, 159,86, 160,86, 160,86, 160,86, 160,87, 160,87, 159,87, 159,87, 156,86, 155,86, 155,85, 155,85, 155,85, 154,86, 154,86, 154,86, 154,87, 153,87, 153,86, 152,86, 152,86, 151,85, 150,85, 150,85, 150,86, 149,86, 149,86, 149,86, 149,86, 148,86, 148,86, 147,86, 147,86, 148,85, 148,85, 148,85, 148,85, 148,85, 148,84, 148,84, 148,84, 148,84, 149,83, 148,82, 148,82, 148,82, 148,80, 148,80, 149,80, 149,80, 149,80, 149,80, 149,80, 150,80, 150,80, 150,80, 150,80, 150,80, 149,79, 149,79, 149,79, 150,79, 152,79, 152,79, 152,79, 152,79, 153,79, 153,79, 153,78, 153,78, 153,78"'); ?>

If you have any questions don’t hesitate to contact me.

Debian Etch Apache and JBoss installation

Development, JBoss 1 Comment »

There are a lot of great tutorials how to install a jboss application server behind an apache as load balancer, but I had the problem to get it running on one of our root servers. I tried a lot of things until I found the using mod_jk1.2 with jboss tutorial. It worked fine, but I can’t access the jboss tomcat via my web browser. The solution I then tried is to change “${jboss.bind.address}” with the IP address of the machine in the server.xml file ($JBOSS_HOME/server/all/deploy/jbossweb.sar/server.xml). I don’t know if it is the best solutionm, but it worked for me fine.

If you a better solution feel free to leave a comment, I’ll try it…

CodeIgniter BackendPro

BackendPro, CodeIgniter, Development, Projects 3 Comments »

Some time ago we started to develop our projects with CodeIgniter. On this basis we were looking for good backend tool and we found BackendPro. Today I started a new project and was looking for some updates on the systems we use. I was surprised to find out that BackendPro was yesterday released in a new version: BackendPro 0.5 (THANK YOU very much Adam Price for this good work).

Here are the tools we actually using:

With the above mentioned tools you can do a lot of good things and get a lot of work done… Have fun!

IPhone WSDL

Development, IPhone 1 Comment »

Today I searched for a possibility to make a webservice available for the IPhone. After looking at some forum and threads I found the following great tool: wsdl2objc – Generates Objective-C (Cocoa) code from a WSDL for calling SOAP services.

It worked fine for my development. The only thing I need to change from the usage instructions is the “Other C flags” options. (Add “-I/usr/include/libxml2″ to the Other C Flags property). I search for a predefined field until I learned that it needs to defined as a user specfic field.

New Blog

Development, Projects No Comments »

Today I want to start my new blog on blogorio.us. Me, this is Christian Schneider, web developer at the University of Koblenz-Landau, Germany and CEO of conlabz.

Some of the topics I will show in the future are:

  • PHP development with CodeIgniter
  • Plone / Zope development
  • ObjectivC development for IPhone application
  • JBoss Application Server
WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in