Hdeya team blog » Uncategorized

solution for imageareaselect jquery plugin problem with IE

Mahmoud M. Abdel-Fattah — Wed, 07 Oct 2009 11:20:41 +0000

Ref. to this tutorial :
http://www.webmotionuk.co.uk/jquery-image-upload-and-crop-for-php/

For people who has problem with IE, the problem that first click on IE get selection.width & selection.height = 0. therefore when the scaleX and scaleY divided by 0, it return Infinity. So here’s a simple Solution :
Just replace :

var scaleX = 100 / selection.width;
var scaleY = 100 / selection.height;

With :

if(selection.width != 0 && selection.height != 0) {
var scaleX = 100 / selection.width;
var scaleY = 100 / selection.height;
} else {
var scaleX = 100;
var scaleY = 100;
}

Generate thumbnails automatically for uploaded images on OpenWYSIWYG

Mahmoud M. Abdel-Fattah — Sat, 02 May 2009 17:18:56 +0000

We wrote this post specially to integrate openWYSIWYG with jQuery Lightbox, so we recommend you to read this article too http://www.hdeya.com/blog/2009/05/generates-lightbox-on-the-fly-using-jquery/

OpenWYSIWYG is a free & Open source WYSIWYG “rich text editor”, and it has a php add-on for images upload. In this post we’ll describe how to generate thumbnails automatically on images upload.

1. Download OpenWYSIWYG, and create a new folder called thumbs inside your uploads folder.

2. Edit /addons/imagelibrary/insert_image.php, add the following code after line 44 :

function createThumbnail($imageDirectory, $imageName, $thumbDirectory, $thumbWidth)
   {
      $srcImg = imagecreatefromjpeg("$imageDirectory/$imageName");
      $origWidth = imagesx($srcImg);
      $origHeight = imagesy($srcImg);
      $ratio = $thumbWidth/$origWidth;
      $thumbHeight = $origHeight * $ratio;
 
      $thumbImg = ImageCreateTrueColor($thumbWidth, $thumbHeight);
      imagecopyresized($thumbImg, $srcImg, 0, 0, 0, 0, $thumbWidth, $thumbHeight, $origWidth, $origHeight);
      $temp_file_name = explode(".", $imageName);
      array_pop($temp_file_name);
      $temp_file_name = implode("", $temp_file_name);
      $thumbImgName = $temp_file_name. "_thumb.jpg";
 
      imagejpeg($thumbImg, "$thumbDirectory/$thumbImgName");
      imagedestroy($thumbImg);
   }

3. search for :

if($upload) {
	move_uploaded_file($_FILES['file']['tmp_name'], $leadon . $_FILES['file']['name']);
	$thumbs_directory = $leadon . "thumbs/";

then add the following code after :

	createThumbnail($leadon, $_FILES['file']['name'], $thumbs_directory, '120');

Finally, open your browser, and try to insert-image through your OpenWYSIWYG, you’ll find your image uploaded successfully & a generated thumbnail for it found on /thumbs folder.

Generates lightbox on the fly using jQuery

Mahmoud M. Abdel-Fattah — Sat, 02 May 2009 15:22:03 +0000

This method requires you to have 2 copies of each image, the original size & thumbnail one. thumbnails MUST BE named as filename_thumb.jpg & stored in /thumbs. you must have the latest versions of jQuery & jQuery Light Box Plugin.

then add the following javascript code to you :

$(document).ready(function(){
    $("img").each(function() {
        var src_file = $(this).attr("src").split("/");
        var src_file_name = src_file.pop();
        var patt1 = /_thumb.jpg/;
        var original_file_name = "";
        if(src_file_name.search(patt1) != -1) {
            original_file_name = src_file_name.replace(/_thumb/gi, "");
            $(this).wrap("<a href=\"/uploads/"+original_file_name+"\" rel=\"lightbox\"></a>");
        }
    });
    $("a[rel*=lightbox]").lightBox();
});

50 useful PHP tools that can significantly improve your programming workflow

Mahmoud M. Abdel-Fattah — Sun, 01 Mar 2009 15:54:05 +0000

PHP is one of the most widely used open-source server-side scripting languages that exist today. With over 20 million indexed domains using PHP, including major websites like Facebook, Digg and WordPress, there are good reasons why many Web developers prefer it to other server-side scripting languages, such as Python and Ruby.

PHP is faster (updated), and it is the most used scripting language in practice; it has detailed documentation, a huge community, numerous ready-to-use scripts and well-supported frameworks; and most importantly, it’s much easier to get started with PHP than with other scripting languages (Python, for example). That’s why it makes perfect sense to provide the huge community of PHP developers with an overview of useful tools and resources that can make their development process easier and more effective.

This post presents 50 useful PHP tools that can significantly improve your programming workflow. Among other things, you’ll find a plethora of libraries and classes that aid in debugging, testing, profiling and code-authoring in PHP.

http://www.smashingmagazine.com/2009/01/20/50-extremely-useful-php-tools/

Linux Cheat Sheets

Mahmoud M. Abdel-Fattah — Tue, 24 Feb 2009 10:04:42 +0000

Although most of web hosting companies use Hosting Control Panels to manage their clients, They must have a basic linux knowledge. So we’re sharing here 4 linux cheat sheets with you that will help you a lot to manage your files, databases, permissions, etc. through shell (bash) command line.

FOSSwire.com Unix/Linux Command Reference

Linux commands, a practical reference by pixelbeat.org

linux security quick reference guide by LinuxSecurity.com

The one page linux manual