PHP BASIC

Dompdf every page with header and footer

2012-11-21T21:23:00.000-08:00

Dompdf used to generate PDF but there is occurred a problem to attach header and footer on every page . Following is a solution to attach header and footer on every page.

copy whole code.

This code have all setting is correctly done.
just you need include library of dompdf.

require_once("dompdf/dompdf_config.inc.php");
$html = '
<html>
<head>
<style>
    @page { margin: 180px 50px; }
    #header { position: fixed; left: 0px; top: -180px; right: 0px; height: 150px; background-color: orange; text-align: center; }
    #footer { position: fixed; left: 0px; bottom: -180px; right: 0px; height: 150px; background-color: lightblue; }
    #footer .page:after { content: counter(page, upper-roman); }
</style>
<body>
<div id="header">
    <h1>ibmphp.blogspot.com</h1>
</div>
<div id="footer">
    <p class="page"><a href="ibmphp.blogspot.com"></a></p>
</div>
<div id="content">
    <p><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
    <p style="page-break-before: always;"><a href="ibmphp.blogspot.com">ibmphp.blogspot.com</a></p>
</div>
</body>
</html>
';

$dompdf = new DOMPDF();
$dompdf->load_html($html);
$dompdf->render();
$dompdf->stream("paulsmith.pdf");

This will definately help you.

Submit Form On Laod Page

2012-11-04T22:24:00.001-08:00

Following is javascript function which submit the form on load page.

<script type="text/javascript">

function myfunc () {

var frm = document.getElementById("formName");

frm.submit();

}

window.onload = myfunc;

</script>

This submit form on load page

How to css suport internet explorer browser Compatibility

2012-11-04T22:06:00.002-08:00

Following is the code for the purpose Internet explorer browser Compatibility of css and html tag.

For example your css is following path

<link rel="stylesheet" type="text/css" href="/ui/stylesheets/default.css"media="screen, projector, print"/>
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/print.css"media="print" />

Then for Internet explorer browser Compatibility do following step.







This will help you for solve the problem

How Refresh Web Page With Javascript and Jquery

2012-11-01T21:53:00.001-07:00

There is many way to refresh the page with javascript and jquery and also you can set timing for refreshing the page, these details are giving below.

1. Javascript refresh the page

<a href="javascript:location.reload(true)">Refresh Page</a>

2. Auto refresh the page with javascript

<html>

<head>
<script type="text/JavaScript">
<!--
function AutoRefresh( t ) {
 setTimeout("location.reload(true);", t);
}
//   -->
</script>
</head>
<body onload="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>

3. Jquery using refresh the page

$('#something').click(function() {

    location.reload();
});

4. In Html tag

  <input type="button" value="Reload Page" onClick="document.location.reload(true)">

These are the method using for page refresh.

Checkbox Button For Checked Checkbox Using Javascript

2012-10-31T21:37:00.003-07:00

Using javascript for check and uncheck all checkbox on click, There is two type button both are different like check all and uncheck all.

The javascript code is following, which do this all action. Take a look on that and remeber these thing is very easy and you will need to learn about these action

Just you need to follow following things, keep it in mind when you are going to do this.

1. All checkbox need to same name.

2. Give to form name in your form tag.

These thing you need to know. Following giving working code just you need to copy and paste in our page and run.

This is javascript check and uncheck code.

Checkbox check onclick master checkbox

2012-10-31T21:35:00.001-07:00

Using javascript for check and uncheck all checkbox on click master checkbox.You can see action at following, just click on master checkbox for check and uncheck all checkbox.

The javascript code is following, which do this all action. Take a look on that and remeber these thing is very easy and you will need to learn about these action

Just you need to follow following things, keep it in mind when you are going to do this.

1. All checkbox need to same name.

2. Give to form name in your form tag.

3. Give id to your master checkbox.

These thing you need to know. Following giving working code just you need to copy and paste in our page and run.

This is javascript check and uncheck code.

Checkbox Onclick Select All And Unselect All

2012-10-31T08:45:00.002-07:00

This is great code for select and uselect and optimisation code.

Random Number Genrate According To Your Varaible

2012-10-29T08:28:00.000-07:00

Following Code Used for gen-ratting random number according to you want. If you want to alphabet and numeric comes together and want to give limit of both, like numeric shows 2 value and alphabet shows 3 value, then you can use this random number system.

1. This is very simple random number function and will help you for password generation or some other task.

2. You can define your character for generation character, For example you need to change following variable.

$character_set_array = array( );
$character_set_array[ ] = array( 'count' => 3, 'characters' => 'abcdefghijklmnopqrstuvwxyz' );
$character_set_array[ ] = array( 'count' => 3, 'characters' => '0123456789' );
$character_set_array[ ] = array( 'count' => 3, 'characters' => '!@#$&*' );
$character_set_array[ ] = array( 'count' => 3, 'characters' => '<>?":{}/;'"' );

So then function chose character from every character set but only 3 char from every, Because there is count given 3. So only three character choose from every one.

Function given in following text area just select all, copy and paste in your page. Now just echo function.

Following, I am giving some output of the function.

1. 3!:{u#1>yk#1

2. &$1l?7]*yo?2

3. "c]86i!@"*7g

4. <@{>6f&h1h4@

These are the output of the above function.

Ajax Library

2012-10-25T05:51:00.001-07:00

Ajax is very important for websites development. It's work without refreshing the page of websites.

Following is given ajax function.

This will compatible with all browsers like opera, mozila firefox, chrome, IE7 and above.

just copy all code which is given in text area.

How to use this ajax is following. Follow step by step.

function Ajax() {
  this.req = null;
  this.url = null;
  this.status = null;
  this.statusText = '';
  this.method = 'GET';
  this.async = true;
  this.dataPayload = null;
  this.readyState = null;
  this.responseText = null;
  this.responseXML = null;
  this.handleResp = null;
  this.responseFormat = 'text', // 'text', 'xml', 'object'
  this.mimeType = null;
  this.headers = [];

this.init = function() {
    var i = 0;
    var reqTry = [ 
      function() { return new XMLHttpRequest(); },
      function() { return new ActiveXObject('Msxml2.XMLHTTP') },
      function() { return new ActiveXObject('Microsoft.XMLHTTP' )} ];
      
    while (!this.req && (i < reqTry.length)) {
      try { 
        this.req = reqTry[i++]();
      } 
      catch(e) {}
    }
    return true;
  };
  this.doGet = function(url, hand, format) {
    this.url = url;
    this.handleResp = hand;
    this.responseFormat = format || 'text';
    this.doReq();
  };
  this.doPost = function(url, dataPayload, hand, format) {
    this.url = url;
    this.dataPayload = dataPayload;
    this.handleResp = hand;
    this.responseFormat = format || 'text';
    this.method = 'POST';
    this.doReq();
  };
  this.doReq = function() {
    var self = null;
    var req = null;
    var headArr = [];
    
    if (!this.init()) {
      alert('Could not create XMLHttpRequest object.');
      return;
    }
    req = this.req;
    req.open(this.method, this.url, this.async);
    if (this.method == "POST") {
      this.req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
    if (this.method == 'POST') {
      req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
    self = this;
    req.onreadystatechange = function() {
      var resp = null;
      self.readyState = req.readyState;
      if (req.readyState == 4) {
        self.status = req.status;
        self.statusText = req.statusText;
        self.responseText = req.responseText;
        self.responseXML = req.responseXML;
        
        switch(self.responseFormat) {
          case 'text':
            resp = self.responseText;
            break;
          case 'xml':
            resp = self.responseXML;
            break;
          case 'object':
            resp = req;
            break;
        }
        
        if (self.status > 199 && self.status < 300) {
          if (!self.handleResp) {
            //alert('No response handler defined ' + 'for this XMLHttpRequest object.');
            return;
          }
          else {
            self.handleResp(resp);
          }
        }
        
        else {
          self.handleErr(resp);
        }
      }
    }
    req.send(this.dataPayload);
  };
  this.abort = function() {
    if (this.req) {
      this.req.onreadystatechange = function() { };
      this.req.abort();
      this.req = null;
    }
  };
  this.handleErr = function() {
    var errorWin;
    // Create new window and display error
    try {
      errorWin = window.open('', 'errorWin');
      errorWin.document.body.innerHTML = this.responseText;
    }
    // If pop-up gets blocked, inform user
    catch(e) {
      alert('An error occurred, but the error message cannot be' +
      ' displayed because of your browser\'s pop-up blocker.\n' +
      'Please allow pop-ups from this Web site.');
    }
  };
  this.setMimeType = function(mimeType) {
    this.mimeType = mimeType;
  };
  this.setHandlerResp = function(funcRef) {
    this.handleResp = funcRef;
  };
  this.setHandlerErr = function(funcRef) {
    this.handleErr = funcRef; 
  };
  this.setHandlerBoth = function(funcRef) {
    this.handleResp = funcRef;
    this.handleErr = funcRef;
  };
  this.setRequestHeader = function(headerName, headerValue) {
    this.headers.push(headerName + ': ' + headerValue);
  };
  
}

1. Copy all code from above text area and paste it on a page and save as ajax.js

2. Include this file on your page, where you want to ajax effect.

3. You can use this in js function as following.

function checkEmail(email){
   var ajax = new Ajax();
             ajax.doGet('validateUser.php?checkUserEmail='+email,checkEmailNow,'text');
     }

4. Now ajax is object and ajax.doGet means ajax call its doGet function.

5. validateUser.php is your page from where you need to get response.

6. Now checkUserEmail is request where we send user email .

7. checkEmailNow taking response from this page.

8. Now how to use response, check following..

     var checkEmailNow = function(str){
           if(str == 0){
             return false;
   }else{
                   return true;
             }
     }
9. This is ajax function and great function and compatible with all browsers.

10. This is javascript part so work carefully because single error create you problem.

How to show & hide overlay on onclick

2012-10-25T04:59:00.002-07:00

When you display some important data and form like login etc, then you need to overlay hide and show on javascript function onClick.

At following, I am giving proper overlay code.

Javascript :   There is given javascript function, which used to show and hide overlay through onClick. There is given to function, these are following.

1. function loginForm(){
              document.getElementById("contentWrap").style.display="block";
          document.getElementById("overlay").style.display="block";
      }

For showing overlay and content.

2. function loginFormClose(){
        document.getElementById("contentWrap").style.display="none";
        document.getElementById("overlay").style.display="none";
    }

For hiding overlay and content.

CSS : Overlay effect shown due to style property, following css used for overlay display.

.overlay {
                 background:#000;
                 opacity:0.8;
                   filter:alpha(opacity=80);
   position:fixed;
   top:0px;
                   bottom:0px;
   left:0px;
                   right:0px;
   z-index:100;
                }

.contentWrap {
                          position:fixed;
top:50px;
                          color:#7F7F7F;
                          z-index:101;
                          width:100%;
                           margin:0 auto
}

Following is total code, just copy from text area and run browser and check how is this working.

<html>
<head>
<meta name="google" value="notranslate" />
	<style  type="text/css">
	.overlay { background:#000; opacity:0.8; filter:alpha(opacity=80); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; }
	.contentWrap { position:fixed; top:50px; color:#7F7F7F; z-index:101; width:100%; margin:0 auto }
	.content { background:none repeat scroll 0 0 #FFF; height:100%; overflow:hidden; width:98%; padding:10px; margin-top: 122px;text-align: center;align:justify }
	.login-box { width:100%; float:left }
	</style>
	<script type="text/javascript">
	function loginForm(){
		document.getElementById("contentWrap").style.display="block";
		document.getElementById("overlay").style.display="block";
	}
	function loginFormClose(){
		document.getElementById("contentWrap").style.display="none";
		document.getElementById("overlay").style.display="none";
	}
	</script>
</head>
<body>
	<div class="overlay" id="overlay" style="display:none;">
</div>
<div class="contentWrap" id="contentWrap" style="display:none;">
		<div class="content">
			<div class="login-box">
				Name    : Tilak Raj Yadav<br/><br />
				Content : onClick show and hide Overlay css.<br/><br />
				Date    : Oct 2012<br/><br />
				Code    : CSS, JS, HTML<br/><br />
				<div onclick="loginFormClose();">
<input type="button" name="Clo" value="Click to close"></div>
</div>
</div>
</div>
<divstyle="cursor:pointer" >
	<input type="button" name="CloseNow" onclick="loginForm();"  value="Click to show overlay........................................................................................................................................................................................................................................................................................................................" style="margin: 249px 110px 0; padding: 42px;text-align: center;">
	</div>
</body>
</html>

Hope so it will helpful to you and following is screen shot of working site.

1.

Above is overlay effect showing.

Enable For Numeric Value in Input type

2012-10-25T00:53:00.001-07:00

Following script used only enable numeric value in input type.

Allow : only 0 to 9 numeric value.

Allow : backspace, delete, tab and escape

Allow : Ctrl+A

Allow : home, end, left, right

Script is following, just copy all code from textarea

<html>
 <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script type="text/javascript">
    //Only accept numerical value for contact number
    $(document).ready(function() {
     $("#contactNumber").keydown(function(event) {
      // Allow: backspace, delete, tab and escape
      if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
        // Allow: Ctrl+A
       (event.keyCode == 65 && event.ctrlKey === true) ||
        // Allow: home, end, left, right
       (event.keyCode >= 35 && event.keyCode <= 39)) {
         // let it happen, don't do anything
         return;
      }
      else {
       // Ensure that it is a number and stop the keypress
       if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
        event.preventDefault();
       }  
      }
     });
    });
   </script>
 </head>
 <body background="">
  <input type="text" id="contactNumber" name="contactNumber" style="width: 440px; height: 40px; border: 1px double goldenrod; margin: 295px 0px 0px 469px; border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% gold; font-weight: bold; color: saddlebrown; font-family: arial;" value="" placeholder="Please enter your contact number !">
 </body>
</html>

This script help you, when you made input type text for pone number.

This enable only for numeric value.

How to read special character in php

2012-10-19T04:37:00.000-07:00

Some time you store data in different language like French, Spanish etc.When you fetch this data on your page then the special character are not shown as they save in data base.They shows on page as question mark etc,this is problem is utf encode. If you are using xampp version of 1.7.3 and above then there is no problem because when you are fetching data from database then it's return encoded data then data shows in right way.But when your special character are not shown. So don't worry and no need to install latest xampp/wampp.Following are the special characters and method how to show this in our page.

a) Umlauts and accents:- Â Ã Ä Æ Ç È É Ñ Õ Ö Ø Ù Ú Û Ü ß ã ñ ò ó ô œ õû ü ÿ
b) Punctuation:- ¿ ¡ « » § ¶ † ‡ • - – —
c) Commercial symbols:- ™ © ® ¢ € ¥ £ ¤
d) Greek characters:- a ß ? d e ? ? ? ? µ ? p ? s t ? f ? ?G ? T ? ? ? S F ? O
e) Math characters:- ? ? ? v - ± 8 ˜ ? = ? = = × · ÷ ? ? ? ? ? ? ? ? ?

For that there is following ways for showing special characters.

1. utf8_encode()
2. header('Content-Type: text/html; charset=utf-8');

1. utf8_encode():- This is used with variable, for example if there is a variable

$userPassword = "#ÛÜõû!";

if these special character not print in your page then you need to used this function as following.

echo utf8_encode($userPassword);

Now it's print #ÛÜõû! on your page.

2. charset=utf-8:- Another way is just place this code on your page at the top once time header('Content-Type: text/html; charset=utf-8'); , then your special character shows on your page.

header('Content-Type: text/html; charset=utf-8');

But you can use utf8_encode() it's more predictable and accurate.

you can use both of this but I suggest you you can use utf8_encode() and it's solve your problem. Use this with variable where you wants to echo.

Difference between Foreach and For Loop:-

2012-10-19T04:31:00.000-07:00

1. Foreach Loop:- Details are following.

a) Foreach loop used when you have an array, without array it's not worked.
b) Loop working at the end of array count. For example an array have 5 value then loop run 5 times.
c) Syntax is following.

$array = array("Surinder","Rahul","Manoj","Bharti","Rana","Manish"); Foreach($array as $name )
{
echo "Employe Name is ".$name.".";
}

This will print as following.
Employe Name is Surinder.
Employe Name is Rahul.
Employe Name is Manoj.
Employe Name is Bharti.
Employe Name is Rana.
Employe Name is Manish.

2. For Loop:- Details are following.

a) For loop used according to condition.
b) Loop working at the end of given condition.
c) Syntax is following.

$array = array("Surinder","Rahul","Manoj","Bharti","Rana","Manish");
For($i=0;$i<6;$i++)
{
echo "Employe Name is ".$array[$i].";
}
At the place of 6,You can used count array function.

This will print as following.
Employe Name is Surinder.
Employe Name is Rahul.
Employe Name is Manoj.
Employe Name is Bharti.
Employe Name is Rana.
Employe Name is Manish.

These are the difference between Foreach and for loop.