Irtaza Tech Blog

Lytebox not working after AJAX content change load with jquery

admin — Wed, 21 Dec 2011 06:29:06 +0000

if you are having problem loading lytebox when loading content with using ajax with jquery e.g.

$("#insidebox").load("ajax.php?cat="+cat+"&cache=" + Math.random()*99999);

The main problem was that Lytebox gets initialized during page load. Since AJAX bypasses page load, the problem arises.

The Lytebox run by this function initLytebox(); so we just need to call this functions when our ajax parsed data properly.

Redirecting to mobile website through javascript

admin — Tue, 06 Dec 2011 06:36:42 +0000

A small javascript snippet can help you redirect all your mobile traffic to its specific url.

Posting values through AJAX using jquery and getting a dynamic validation response without refreshing the page

admin — Thu, 14 Jul 2011 07:27:32 +0000

It is now very simple to post values through AJAX using jquery for doing so we will use the following Jquery code

Step 1
———
Load Jquery

You can put this in the tag

Step 2
——–
Create a html form

 Name: 
 

 Company: 
 

 Email:

you can notice there is a subscribe() function on the submit button which will execute the javascript function where we will have all the Jquery code

Step 3
———-
Creating Jquery Code

function subscribe(){
		 var name = $("#name").val(); // get values from the name field
		  var email = $("#email").val();
		   var company = $("#company").val();

        if(name=='') // validates the name if empty
	{
    	alert("Please enter name!");   // displays alert if empty

    }else if(email==''){alert("Please enter email!");}else if(company==''){alert("Please enter company!");}

	else{
        $.ajax({
			type: "POST",
			url: "index.php",
			data: {

				name : $('#name').val(), company : $('#company').val(), email : $('#email').val(), news : $('#news').val() // This is the data that will be posting in this format you can retreive this data by using $_POST['name'] and so on in php.
			},
            cache: false,
success: function(response){
//alert($(response).find("#responsemessage").text());
$('#responsemessage').html($(response).find("#responsemessage").html()); //You can create a div with id responsemessage and echo the error message in that and this code will display that error or success

}
		});

		}
		}

to understand the code above read the comments next to the line of code

Points to remember when making newsletter compatible with gmail, outlook, yahoo and live.com

admin — Tue, 12 Jul 2011 12:20:50 +0000

Creating a newsletter compatible with all the major email providers or email clients is a hectic job especially if all of them support different html codes. We have to create newsletters which very old html coding techniques which are as follows:

1) Make sure you remove the html and head tags.

2) Make sure to use tables instead of divs

3) You can only use inline style sheet

e.g. .

4) All TABLE and TD tags should should have a fixed height and width.

e.g.

5) If you are using images inside the make sure in the style to make inline-height:0

e.g.

6) To align or set font colors or styles text or even images inside the i would prefer to use

tag with inline style sheet

e.g.

text will come here

7) If you still see spacing under the images try using float:left and display:block in side the image tag

e.g.

You cannot use background images only background colors

9) To align the whole newsletter to the center use the code below

 


here your enitire news letter will come with divs

10) To change the background of the newsletter you can do that in the body tag.

Div height 100% not working with scrolling on IE fixed with Jquery.

admin — Sun, 10 Jul 2011 11:33:22 +0000

Normally in the code with you put 100% height it with left, top, right 0 in css it would seem to work perfect in Firefox but it wont work in IE because it will not fill the area if the div is loaded with position:absolute or fixed when there is a scroll on this page. For this reason we have to add a fixed height to the div and in order to calculate the height automatically we use JQuery height parameter. Example

First Include Jquery

Then in the head tag write the following code

and the div you can use the style like this


 some text here

How to write rewrite url or clean url code for Nginx server

admin — Mon, 04 Jul 2011 20:17:27 +0000

When using Nginx server the rewrite commands are using in the virtual host file not in the .htaccess. But the commands used are similar to that used in .htaccess.

the sample of the virtual host with rewrite url code will look like this

server {
    server_name examplesite.com;
    access_log /var/www/html/examplesite.com/logs/access.log;
    error_log /var/www/html/examplesite.com/logs/error.log;
    root /var/www/html/examplesite.com;

       index index.html index.htm index.php;

if (!-e $request_filename)
	{
rewrite  ^/channel/(.*)/(.*)/(.*)/(.*)$  /index.php?urd=$1&uri=$2&cat=$3&title=$4 last;
rewrite  ^/channel/(.*)/(.*)/(.*)$  /index.php?urd=$1&cat=$2&title=$3 last;

break;

}

    location ~ \.php$ {
        include /etc/nginx/fastcgi_params;
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME /var/www/html/examplesite.com$fastcgi_script_name;
    }
}

Install Nginx and PHP-FastCGI or PHP-FPM on CentOS 5.xx or 6.xx and configure your website

admin — Mon, 04 Jul 2011 19:55:52 +0000

First update your linux machine using

You need EPEL Repo as by default for Centos repos dont have nginx
for CentOS 5.xx

rpm -Uvh http://download.fedora.redhat.com/pub/epel/5/i386/epel-release-5-4.noarch.rpm

for CentOS 6.xx

rpm -Uvh http://download.fedora.redhat.com/pub/epel/6/i386/epel-release-6-5.noarch.rpm

yum update

Install Nginx

yum install nginx php-cli php make automake gcc gcc-c++ spawn-fcgi wget
chkconfig --add nginx
chkconfig --level 35 nginx on

Start Nginx

service nginx start

Configure your Websites

You can place your folders even in /var/www/html/ you can change the path in the below commands

mkdir -p /srv/www/www.example.com/public_html
mkdir /srv/www/www.example.com/logs
chown -R nginx:nginx /srv/www/www.example.com

Issue the following commands to create virtual hosting directories:

mkdir /etc/nginx/sites-available
mkdir /etc/nginx/sites-enabled

Configure Nginx config file to add your sites

nano /etc/nginx/nginx.conf

or use vi to edit the file

Add the following lines to your /etc/nginx/nginx.conf file, immediately after the line for “include /etc/nginx/conf.d/*.conf”:

# Load virtual host configuration files.
include /etc/nginx/sites-enabled/*;

Define your site’s virtual host file:
Make a your virtual host files

nano /etc/nginx/sites-available/www.example.com

Add the following code in the file above

server {
    server_name www.example.com example.com;
    access_log /srv/www/www.example.com/logs/access.log;
    error_log /srv/www/www.example.com/logs/error.log;
    root /srv/www/www.example.com/public_html;

    location / {
        index index.html index.htm index.php;
    }

    location ~ \.php$ {
        include /etc/nginx/fastcgi_params;
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME /srv/www/www.example.com/public_html$fastcgi_script_name;
    }
}

Issue the following commands to enable the site:

goto the enabled sites

cd /etc/nginx/sites-enabled/

create a symlink

ln -s /etc/nginx/sites-available/www.example.com

now restart nginx

service nginx restart

You may wish to create a test HTML page under /srv/www/www.example.com/public_html/ and view it in your browser to verify that nginx is properly serving your site (PHP will not work yet).

Configure spawn-fcgi
Issue the following command sequence to download scripts to control spawn-fcgi and php-fastcgi, set privileges, make the init script run at startup, and launch it for the first ti

cd /opt
wget -O php-fastcgi-rpm.sh http://library.linode.com/assets/696-php-fastcgi-rpm.sh
mv php-fastcgi-rpm.sh /usr/bin/php-fastcgi
chmod +x /usr/bin/php-fastcgi
wget -O php-fastcgi-init-rpm.sh http://library.linode.com/assets/697-php-fastcgi-init-rpm.sh
mv php-fastcgi-init-rpm.sh /etc/rc.d/init.d/php-fastcgi
chmod +x /etc/rc.d/init.d/php-fastcgi
chkconfig --add php-fastcgi
chkconfig php-fastcgi on
/etc/init.d/php-fastcgi start

Test PHP with FastCGI
Make a php file

nano /srv/www/www.example.com/public_html/test.php

add the following code

Install php-fpm
if you dont want to use fast cgi you can install php-fpm. You need to use remi repo to install php-fpm

su -
cd /etc/yum.repos.d
wget http://rpms.famillecollet.com/enterprise/remi.repo

now you can install it through yum

yum --enablerepo=remi install php-fpm

you can now start php-fpm

service php-fpm start

when linux start put this on auto

chkconfig --add php-fpm

Install ioncube loader atomic yum repository on CentOS

admin — Mon, 04 Jul 2011 19:42:33 +0000

To install ioncube loader on centos you can just follow the below simple commands on linux make sure you have logged in as root or have sudo access

First Install the atomic yum repository

wget -q -O - http://www.atomicorp.com/installers/atomic |sh

once the repo is downloaded run the following command

yum install php-ioncube-loader

Remove duplicate enteries using mysql query

admin — Wed, 22 Jun 2011 06:11:13 +0000

Its now very easy to delete all the duplicate entries from mysql with a single query

use

ALTER IGNORE TABLE dupTest ADD UNIQUE INDEX(fieldname);

Join 3 or more tables in mysql

admin — Sun, 12 Jun 2011 12:58:33 +0000

To join 3 or more tables in mysql first you have to make sure that your tables have unique id and a primary field.

Then you can join the tables like this


mysql_query("
SELECT * FROM table1 as t1
LEFT JOIN  table2 as t2 on t1.id = t2.id
LEFT JOIN  table3 as t3 on t3.id = t2.id

");

Just make sure you normalize your tables properly before using optimized joins