Wordpress Nuts and Bolts

can’t execute code from a freed script

2012-04-26T04:05:00.000-07:00

This is a placeholder for further information on a javascript problem I know I’m going to have to figure out in the near future. Internet Explorers 6 and 7 (is there ever another browser that gives me problems?) throw the somewhat cryptic “can’t execute code from a freed script” when loading a page that I’ve recently added some ecma script to. I’m just getting back into DOM scripting after a while away from messing with it, and am definitely rusty. Still, my understanding of the error message is that it is roughly speaking a matter of scope of code, and that code loaded for one window or frame will have been freed from memory and will not be available when in other windows or frames. This doesn’t seem to apply with the scripting I’m doing. I’m dealing with only one window and no frames so I need to find more out about what the error really means. If you know, please comment and let me know. If you want to know, please watch this space for updates. (If you leave a comment, you can receive notifications when new comments are added)

UPDATE: FIXED! About 10 minutes after posting this I found the bizarre (to me, maybe someone can explain it) solution for this problem. It was as simple as moving any meta tags before the script tags in the head element of the html document. <script><meta> = heartache <meta><script> = salvation.

Reference: http://www.akatombo.com/en/comments/cant_execute_code_from_a_freed_script/

How to submit form without refreshing page with jquery and ajax

2012-03-27T21:48:00.000-07:00

This is very simple artical for submit HTML form data without refreshing page with the help of JQuery and Ajax.
jQuery provides a rich set of methods for AJAX web development.
With jQuery AJAX, you can request TXT, HTML, XML or JSON data from a remote server using both HTTP Get and HTTP Post.

$.ajax(options) is the syntax of the low level AJAX function.
$.ajax offers more functionality than higher level functions like load, get, and post.
The option parameter takes name|value pairs defining url data, passwords, data types, filters, character sets, timeout and error functions.

Below is code for HTML form.
<form method="post" name="form">
<ul>
<li><input id="name" name="name" type="text" /></li>
<li><input id="username" name="username" type="text" /></li>
<li><input id="password" name="password" type="password" /></li>
<li><select id="gender" name="gender">
<option value="">Gender</option>
<option value="1">Male</option>
<option value="2">Female</option>
</select>
</li>
</ul>
<div >
<input type="submit" value="Submit" class="submit"/>
<span class="error" style="display:none"> Please Enter Valid Data</span>
<span class="success" style="display:none"> Registration Successfully</span>
</div>
</form>

Javascript code for jquery ajax form submit

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" >
$(function() {
$(".submit").click(function() {
var name = $("#name").val();
var username = $("#username").val();
var password = $("#password").val();
var gender = $("#gender").val();
var dataString = 'name='+ name + '&username=' + username + '&password=' + password + '&gender=' + gender;

if(name=='' || username=='' || password=='' || gender=='')
{
$('.success').fadeOut(200).hide();
$('.error').fadeOut(200).show();
}else{
$.ajax({
type: "POST",
url: "result.php",
data: dataString,
success: function(){
$('.success').fadeIn(200).show();
$('.error').fadeOut(200).hide();}
});
}

return false;
});
});
</script>

Reference: http://www.justwebdevelopment.com

PHP displays 500 Internal Server Error

2012-02-20T04:20:00.000-08:00

My PHP files all display a 500 Internal server error. How can I fix this?
If you are running a PHP-based script on your site and are receiving a 500 and/or 404 errors on your pages, it is likely you have one or more of the following occurring:
1. You are attempting to access PHP files through the temp-URL http://server.lunarpages.com/~username. PHP on our servers requires a fully qualified domain name. You may wait until your domain has been pointed and resolves here or you may email support@lunarpages.com to request a primary domain change to a free subdomain of lunarpages to test your files.
2. The permissions on some of the folders or files are 777 or 666. If this is the case, change them to either 755 or 644 in Cpanel's File Manager (or using your local FTP client).
3. The files and/or folders are not owned by you. Certain applications having been run under php as an apache module may have files owned by the apache user of nobody. An indication that you don't own the files would be if you are unable to change their file permissions. To correct this, please contact support provide your username and the last 4 digits of your credit card on file with us for ownership verification (no charges apply) and provide the location of the folder or files that need to have your ownership.
4. Your .htaccess file has php_values or php_flags in it. This causes a 500 Internal server error when attempting to execute the script.
The php_values and php_flags will need to be removed from your .htaccess file (please make a backup of the .htaccess by copying its contents and saving it on your desktop as htaccess.txt). Take the contents removed from .htaccess and place it into a file you create called php.ini. Remember to remove the php_flag and php_value part before the directives as php.ini files do not require those in front of the values. You can always make the changes and ask us if the changed files are correct.
Because php.ini values are not shared across directories, you would need a separate php.ini file in each folder that has .htaccess or that requires the php_values or php_flags. In order to avoid doing this, you can place a line in the .htaccess file in your public_html folder to have all values in your public_html php.ini to be shared across all folder. This line would be the following:
suPHP_ConfigPath /home/username/public_html
Finally, to explain in depth why suPHP requires these changes to the file permissions, please note that suPHP runs scripts with the permissions of their owners. Regular PHP executes scripts under the permissions of the system user running the web server, which means that your script runs with different permissions than your own user account and makes it very hard to use a PHP script to modify and create files without giving everyone on the server access to your files (this means that on regular PHP you provide write or execute access to group and world even for some files). Since SuPHP makes your PHP scripts run with the same permissions as your regular user account, you do not need group or world write access or execute access for files and suPHP will even prevent files from running that are group or world writable or executable as a security precaution.
666 equals the following:
Code:
Mode User Group World
Read 4 4 4 (all checked)
Write 2 2 2 (all checked)
Execute(none checked)
This makes group and world able to write to the file, a security risk
777 equals the following:
Code:
Mode User Group World
Read 4 4 4 (all checked)
Write 2 2 2 (all checked)
Execute 1 1 1 (all checked)
This makes group and world able to write and execute the file, a very large security risk.
Basically, suPHP is more secure, and preventing scripts from running as 666 or 777 prevents group or world from maliciously writing to the files and hacking your scripts.

How to change admin side font and family style in wordpress without changing the core wordpress code and style

2012-02-11T07:45:00.000-08:00

To change the admin side font and any style include the following code in function.php of your theme

body {

font-family: verdana !important;

font-size: 13px !important;

}

</style>

Creating Custom Roles and Capabilities in Wordpress

2012-01-07T06:44:00.000-08:00

So you want to add a custom Role to your WordPress site to add more flexibility when assigning users their role, what do you do? Simply add a role, with a few lines of code in your theme’s functions.php file, using WordPress’ add_role() function, as defined below.

add_role( $role_name, $display_name, $capabilities );

The example below adds a role of Video Manager with a custom cabability of ‘manage videos’.

add_role( 'video_manager, 'Video Manager', array( 'manage_videos' ) );

NOTE: Once you add this code to your functions.php file and view any page on your site to make the role addition, you can and should comment it out so that it doesn’t run on every page view.

Now, how do we use this new role with the new capability you ask? Simply use the WordPress current_user_can() function to check the user’s capability.

if ( current_user_can( 'manage_videos' ) ) {
// let them manage those videos!
}

Regards:http://camwebdesign.com

How to create a Wordpress Plugin

2011-12-16T08:53:00.000-08:00

WordPress Plugin: A WordPress Plugin is a program, or a set of one or more functions, written in the PHP scripting language, that adds a specific set of features or services to the WordPress weblog, which can be seamlessly integrated with the weblog using access points and methods provided by the WordPress Plugin Application Program Interface (API).

Creating a Plugin

This section of the article goes through the steps you need to follow, and things to consider when creating a well-structured WordPress Plugin.
Names, Files, and Locations
Plugin Name

The first task in creating a WordPress Plugin is to think about what the Plugin will do, and make a (hopefully unique) name for your Plugin. Check out Plugins and the other repositories it refers to, to verify that your name is unique; you might also do a Google search on your proposed name. Most Plugin developers choose to use names that somewhat describe what the Plugin does; for instance, a weather-related Plugin would probably have the word "weather" in the name. The name can be multiple words.
Plugin Files

The next step is to create a PHP file with a name derived from your chosen Plugin name. For instance, if your Plugin will be called "Fabulous Functionality", you might call your PHP file fabfunc.php. Again, try to choose a unique name. People who install your Plugin will be putting this PHP file into the WordPress Plugin directory in their installation, wp-content/plugins/, so no two Plugins they are using can have the same PHP file name.

Another option is to split your Plugin into multiple files. Your WordPress Plugin must have at least one PHP file; it could also contain JavaScript files, CSS files, image files, language files, etc. If there are multiple files, pick a unique name for a file directory and for the main PHP file, such as fabfunc and fabfunc.php in this example, put all your Plugin's files into that directory, and tell your Plugin users to install the whole directory under wp-content/plugins/. However, an installation can be configured for wp-content/plugins to be moved, so you must use plugin_dir_path() and plugins_url() for absolute paths and URLs. See: http://codex.wordpress.org/Determining_Plugin_and_Content_Directories for more details.

In the rest of this article, "the Plugin PHP file" refers to the main Plugin PHP file, whether in wp-content/plugins/ or a sub-directory.
Readme File

If you want to host your Plugin on http://wordpress.org/extend/plugins/, you also need to create a readme.txt file in a standard format, and include it with your Plugin. See http://wordpress.org/extend/plugins/about/readme.txt for a description of the format.

Note that the WordPress plugin repository takes the "Requires" and "Tested up to" versions from the readme.txt in the stable tag.
Home Page

It is also very useful to create a web page to act as the home page for your WordPress Plugin. This page should describe how to install the Plugin, what it does, what versions of WordPress it is compatible with, what has changed from version to version of your Plugin, and how to use the Plugin.
File Headers

Now it's time to put some information into your main Plugin PHP file.
Standard Plugin Information

The top of your Plugin's main PHP file must contain a standard Plugin information header. This header lets WordPress recognize that your Plugin exists, add it to the Plugin management screen so it can be activated, load it, and run its functions; without the header, your Plugin will never be activated and will never run. Here is the header format:

The minimum information WordPress needs to recognize your Plugin is the Plugin Name line. The rest of the information (if present) will be used to create the table of Plugins on the Plugin management screen. The order of the lines is not important.

The License slug should be a short common identifier for the license the plugin is under and is meant to be a simple way of being explicit about the license of the code.

Important: file must be in UTF-8 encoding.
License

It is customary to follow the standard header with information about licensing for the Plugin. Most Plugins use the GPL2 license used by WordPress or a license compatible with the GPL2. To indicate a GPL2 license, include the following lines in your Plugin:

Programming Your Plugin

Now, it's time to make your Plugin actually do something. This section contains some general ideas about Plugin development, and describes how to accomplish several tasks your Plugin will need to do.
WordPress Plugin Hooks

Many WordPress Plugins accomplish their goals by connecting to one or more WordPress Plugin "hooks". The way Plugin hooks work is that at various times while WordPress is running, WordPress checks to see if any Plugins have registered functions to run at that time, and if so, the functions are run. These functions modify the default behavior of WordPress.

For instance, before WordPress adds the title of a post to browser output, it first checks to see if any Plugin has registered a function for the "filter" hook called "the_title". If so, the title text is passed in turn through each registered function, and the final result is what is printed. So, if your Plugin needs to add some information to the printed title, it can register a "the_title" filter function.

Another example is the "action" hook called "wp_footer". Just before the end of the HTML page WordPress is generating, it checks to see whether any Plugins have registered functions for the "wp_footer" action hook, and runs them in turn.

You can learn more about how to register functions for both filter and action hooks, and what Plugin hooks are available in WordPress, in the Plugin API. If you find a spot in the WordPress code where you'd like to have an action or filter, but WordPress doesn't have one, you can also suggest new hooks (suggestions will generally be taken); see Reporting Bugs to find out how.
Template Tags

Another way for a WordPress Plugin to add functionality to WordPress is by creating custom Template Tags. Someone who wants to use your Plugin can add these "tags" to their theme, in the sidebar, post content section, or wherever it is appropriate. For instance, a Plugin that adds geographical tags to posts might define a template tag function called geotag_list_states() for the sidebar, which lists all the states posts are tagged with, with links to the state-based archive pages the Plugin enables.

To define a custom template tag, simply write a PHP function and document it for Plugin users on your Plugin's home page and/or in the Plugin's main PHP file. It's a good idea when documenting the function to give an example of exactly what needs to be added to the theme file to use the function, including the .
Saving Plugin Data to the Database

Most WordPress Plugins will need to get some input from the site owner or blog users and save it between sessions, for use in its filter functions, action functions, and template functions. This information has to be saved in the WordPress database, in order to be persistent between sessions. There are three methods for saving Plugin data in the database:

Use the WordPress "option" mechanism (described below). This method is appropriate for storing relatively small amounts of relatively static, named pieces of data -- the type of data you'd expect the site owner to enter when first setting up the Plugin, and rarely change thereafter.
Post Meta (a.k.a. Custom Fields). Appropriate for data associated with individual posts, pages, or attachments. See post_meta Function Examples, add_post_meta(), and related functions.
Create a new, custom database table. This method is appropriate for data not associated with individual posts, pages, attachments, or comments -- the type of data that will grow as time goes on, and that doesn't have individual names. See Creating Tables with Plugins for information on how to do this.

WordPress Options Mechanism

See Creating Options Pages for info on how to create a page that will automatically save your options for you.

WordPress has a mechanism for saving, updating, and retrieving individual, named pieces of data ("options") in the WordPress database. Option values can be strings, arrays, or PHP objects (they will be "serialized", or converted to a string, before storage, and unserialized when retrieved). Option names are strings, and they must be unique, so that they do not conflict with either WordPress or other Plugins.

Here are the main functions your Plugin can use to access WordPress options.

add_option($name, $value, $deprecated, $autoload);

Creates a new option; does nothing if option already exists.
$name
Required (string). Name of the option to be added.
$value
Optional (mixed), defaults to empty string. The option value to be stored.
$deprecated
Optional (string), no longer used by WordPress, You may pass an empty string or null to this argument if you wish to use the following $autoload parameter.
$autoload
Optional, defaults to 'yes' (enum: 'yes' or 'no'). If set to 'yes' the setting is automatically retrieved by the wp_load_alloptions function.

get_option($option);

Retrieves an option value from the database.
$option
Required (string). Name of the option whose value you want returned. You can find a list of the default options that are installed with WordPress at the Option Reference.

update_option($option_name, $newvalue);

Updates or creates an option value in the database (note that add_option does not have to be called if you do not want to use the $deprecated or $autoload parameters).
$option_name
Required (string). Name of the option to update.
$newvalue
Required. (string|array|object) The new value for the option.

Administration Panels

Assuming that your Plugin has some options stored in the WordPress database (see section above), you will probably want it to have an administration panel that will enable your Plugin users to view and edit option values. The methods for doing this are described in Adding Administration Menus.
Internationalizing Your Plugin

Once you have the programming for your Plugin done, another consideration (assuming you are planning on distributing your Plugin) is internationalization. Internationalization is the process of setting up software so that it can be localized; localization is the process of translating text displayed by the software into different languages. WordPress is used all around the world, so it has internationalization and localization built into its structure, including localization of Plugins.

Please note that language files for Plugins ARE NOT automatically loaded. Add this to the Plugin code to make sure the language file(s) are loaded:

load_plugin_textdomain('your-unique-name', false, basename( dirname( __FILE__ ) ) . '/languages' );

To fetch a string simply use __('String name','your-unique-name'); to return the translation or _e('String name','your-unique-name'); to echo the translation. Translations will then go into your plugin's /languages folder.

It is highly recommended that you internationalize your Plugin, so that users from different countries can localize it. There is a comprehensive reference on internationalization, including a section describing how to internationalize your plugin, at I18n for WordPress Developers.
Plugin Development Suggestions

This last section contains some random suggestions regarding Plugin development.

The code of a WordPress Plugin should follow the WordPress Coding Standards. Please consider the Inline Documentation Standards as well.
All the functions in your Plugin need to have unique names that are different from functions in the WordPress core, other Plugins, and themes. For that reason, it is a good idea to use a unique function name prefix on all of your Plugin's functions. A far superior possibility is to define your Plugin functions inside a class (which also needs to have a unique name).
Do not hardcode the WordPress database table prefix (usually "wp_") into your Plugins. Be sure to use the $wpdb->prefix variable instead.
Database reading is cheap, but writing is expensive. Databases are exceptionally good at fetching data and giving it to you, and these operations are (usually) lightning quick. Making changes to the database, though, is a more complex process, and computationally more expensive. As a result, try to minimize the amount of writing you do to the database. Get everything prepared in your code first, so that you can make only those write operations that you need.
SELECT only what you need. Even though databases fetch data blindingly fast, you should still try to reduce the load on the database by only selecting that data which you need to use. If you need to count the number of rows in a table don't SELECT * FROM, because all the data in all the rows will be pulled, wasting memory. Likewise, if you only need the post_id and the post_author in your Plugin, then just SELECT those specific fields, to minimize database load. Remember: hundreds of other processes may be hitting the database at the same time. The database and server each have only so many resources to spread around amongst all those processes. Learning how to minimize your Plugin's hit against the database will ensure that your Plugin isn't the one that is blamed for abuse of resources.
Eliminate PHP errors in your plugin. Add define('WP_DEBUG', true); to your wp-config.php file, try all of your plugin functionality, and check to see if there are any errors or warnings. Fix any that occur, and continue in debug mode until they have all been eliminated.
Try not to echo

Reference : <a href="http://codex.wordpress.org">http://codex.wordpress.org</a>

get all file names from folder PHP

2011-12-10T20:46:00.000-08:00

Following code will retrieve all file names from a specified folder.

$filePath = "/var/www/public_html/mysite/images";/* Enter path to the folder */

$string="";

$fileCount=0;

$dir = opendir($filePath);

while ($file = readdir($dir)) {

if (eregi("\.png",$file)) { /* Look for files with .png extension */

$string .= "$file
";

$fileCount++;

}

if ($fileCount > 0) {

echo sprintf("
<h2>
All Files in %s></h2>

%sTotal Files: %s",$filePath,$string,$fileCount);

}

Reference:http://www.snilesh.com

WordPress login page Customization by filters, actions & plugins

2011-12-10T20:40:00.000-08:00

By default, every wordpress powered site’s login page is located @ http://yoursite/wp-login.php url. Registration and reset pages are called by adding an action query in login ( wp-login.php ) page url. Reset page comes with a lostpassword query attribute for action, like http://yoursite/wp-login.php?action=lostpassword will display the reset page and action=register displays the registration page. Remember, this is the default rules if you are not using any login or registration management plugin, buddypress or any theme with custom login page option.
It comes with a wordpress.org logo image on wordpress default login page, and i think most of the people don’t want to show wordpress.org logo rather than their own site logo or defined image. Moreover, the wordpress.org logo is linked to the wordpress.org site with anchor title attribute “powered by wordpress”. Now, I will show you how to change this without affecting the core files.

Customizations

The wordpress.org logo file has 67px height and 326px width, so crop your image to this dimension first ( size actually doesn’t matter, for using bigger image, u need some css adjustment ). First, grab the new image url to replace wordpress.org pic, and place it on below code -

add_action( 'login_enqueue_scripts', 'w4_login_enqueue_scripts' );
function w4_login_enqueue_scripts(){
echo '';
}

If the image url is perfect and everything is fine, you will see your new login page image.
The login_enqueue_scripts is called just before the login_head action on wp-login.php file line 82 on wordpress version 3.1.1, and calling our function with this action will place our Css inside login header tag.
#login h1 a is used to identify the image anchor with CSS. Image Css Customization can be done with #login h1 a.

To change the wordpress login page image url address to your site home page url

add_filter( 'login_headerurl', 'w4_login_headerurl');
function w4_login_headerurl(){
 return home_url('/');
}

To use any other url replace home_url('/') to the url.

To change the wordpress login page image title to your sitename

add_filter( 'login_headertitle', 'w4_login_headertitle');
function w4_login_headertitle(){
 return get_bloginfo('title', 'display' );
}

To use any other title replace get_bloginfo('title', 'display' ) to your title.
Example: As example, view our login page and registration page.

Get familiar with some related functions and hooks for WordPress Login Page

As WordPress login process uses variety of functions and hooks, we can use them for customizing a bit more.

wp_login_url

– is a function to generate the login url address. To change the url of the function we can simply hook to ‘login_url’.
Example:

add_filter( 'login_url', 'mysite_login_url', 10, 2);
function mysite_login_url( $force_reauth, $redirect ){
 $login_url = 'yoursite_login_url';
 if ( !empty($redirect) )
  $login_url = add_query_arg( 'redirect_to', urlencode( $redirect ), $login_url );
 if ( $force_reauth )
  $login_url = add_query_arg( 'reauth', '1', $login_url ) ;
 return $login_url ;
}

This will change the login url to your desire one when the wp_login_url function is called.

login_redirect

– is used to redirect the user after they have logged in successfully.
Example:

add_action( 'login_redirect', 'mysite_login_redirect');
function mysite_login_redirect(){
 return 'your_url';
}

So, this will take your user to your defined url address. You can change it based on yours capability or choice.

Regards:http://w4dev.com

WordPress Change logo on wp-login page

2011-12-10T20:36:00.000-08:00

f you want to change default wordpress logo on the wp-login.php page then you can change wordpress logo by your logo by just adding following lines in your theme’s function php files.

function my_custom_login_logo() {
    echo '';
}
add_action('login_head', 'my_custom_login_logo');

Reference: http://www.snilesh.com

Adding TimThumb To Your WordPress Theme

2011-12-10T19:42:00.000-08:00

TimThumb PHP Script is a custom image-sizing script, that allows you to produce a cropped and sized version of an image. These are great to use along with a WordPress Magazine Theme. TimThumb has recently been released as open source, and here I will walk you through adding TimThumb to your WordPress theme.
Using TimThumb will require the use of WP Custom Fields.

01. Setting Up The Script

Lets grab the TimThumb.php source code, and save it to our theme directory.
To keep things organized, lets save it in a scripts directory in our theme.
yourdomain.com/wp-content/themes/your-theme/scripts/timthumb.php
Now create a new directory inside of scripts, and name it “cache”
yourdomain.com/wp-content/themes/your-theme/scripts/cache/
Make sure that both directories /scripts/ and /cache/ are set to 755 so they’re writable by the server.

02. Adding The Call To Our Theme Template

Depending on whether you use home.php or index.php, open the appropriate template file up, and lets find The Loop. Look for the calll to the post title, and lets insert the call somewhere below the title, or meta information.
I’m presenting you with 3 options for the call. You can pick which one might suit you best.
Option 01 – Show Image Only

<?php 
 // This will show only the image. 
 //Alter the width and height (in both places) to your needs.
?>     
<?php
  if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
    <div class="postthumb">
            <img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?
            src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" 
            alt="<?php the_title(); ?>" width="100" height="57" />
    </div>  
<?php } ?>

Option 03 – Show image and link image to URL of your choice. Requires
 additional custom field of “imglink”. Could be used for outgoing links,
 or linking a thumb to a full version of the image. This option would 
work best inside of your single.php template.

  // This will show the image and link it to anything you place into another

custom field of "imglink".
  // Alter the width and height (in both places) to your needs.
  ?>
 
 if ( get_post_meta($post->ID, 'imglink', true) ) { ?>
  echo get_post_meta($post->ID, "imglink", $single = true);
  ?>" rel="bookmark" title="Permanent Link to  the_title(); ?>"> }  
?> bloginfo('template_directory'); ?>/scripts/timthumb.php?src=  
echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt=" the_title(); ?>"  /> if ( get_post_meta($post->ID, 'imglink', true) ) { ?> } ?>
 
 } ?>

03. Making Use of Custom Fields

For creation and use of custom field refer the post

How to get the custom feild value of post or page in wordpress?

Reference:http://vonlind.com/2008/06/adding-timthumb-to-your-wordpress-theme/

How to close open HTML tag in a string?

2011-12-10T04:23:00.000-08:00

How Convert

<p>This is some text and here is a <strong>bold 
text then the post stop here....</p>

To
<p>This is some text and here is a 
<strong>bold text then the post stop here....</strong></p>

  
Follow the Code
 
function closetags($html) {
    preg_match_all('#<(?!meta|img|br|hr|input\b)\b([a-z]+)
(?: .*)?(?#iU', $html, $result);
    $openedtags = $result[1];
    preg_match_all('##iU', $html, $result);
    $closedtags = $result[1];
    $len_opened = count($openedtags);
    if (count($closedtags) == $len_opened) {
        return $html;
    }
    $openedtags = array_reverse($openedtags);
    for ($i=0; $i < $len_opened; $i++) {
        if (!in_array($openedtags[$i], $closedtags)) {
            $html .= '.$openedtags[$i].'>';
        } else {
            unset($closedtags[array_search($openedtags[$i], 
 $closedtags)]);
        }
    }
    return $html;
}

Using POST method in XMLHTTPRequest(Ajax)

2011-12-07T09:07:00.000-08:00

Usually only the GET method is used while creating Ajax apps. But there are several occasions when POST is necessary when creating a ajax request. This could be for several reasons. For example, POST request are considered more secure than GET request as creating a POST request is relatively harder than creating a GET request.

Requirements

Create a XMLHTTPRequest Object that uses the POST method.
See if the arguments passed to it appear in the '$_POST' array in PHP.

Code

XMLHTTPRequest Object

For the sake of simplicity, we are going to create the XMLHTTPRequest object using the Firefox supported ' XMLHttpRequest()' function. I believe that you know the proper way of creating a cross-browser XMLHttpRequest object. If not, learn that first.

var http = new XMLHttpRequest();

Using GET method

Now we open a connection using the GET method.


var url = "get_data.php";
var params = "lorem=ipsum&name=binny";
http.open("GET", url+"?"+params, true);
http.onreadystatechange = function() {//Call a function when the state changes.
 if(http.readyState == 4 && http.status == 200) {
  alert(http.responseText);
 }
}
http.send(null);

I really hope that this much is clear for you - I am assuming that you know a bit of Ajax coding. If you don't, please read a ajax tutorial that explains these parts before continuing.

POST method

We are going to make some modifications so POST method will be used when sending the request...


var url = "get_data.php";
var params = "lorem=ipsum&name=binny";
http.open("POST", url, true);

//Send the proper header information along with the request
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", params.length);
http.setRequestHeader("Connection", "close");

http.onreadystatechange = function() {//Call a function when the state changes.
 if(http.readyState == 4 && http.status == 200) {
  alert(http.responseText);
 }
}
http.send(params);

The first change(and the most obvious one) is that I changed the first argument of the open function from GET to POST. Also notice the difference in the second argument - in the GET method, we send the parameters along with the url separated by a '?' character...

http.open("GET",url+"?"+params, true);

But in the POST method we will use just the url as the second argument. We will send the parameters later.

http.open("POST", url, true);

Some http headers must be set along with any POST request. So we set them in these lines...

http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", params.length);
http.setRequestHeader("Connection", "close");

With the above lines we are basically saying that the data send is in the format of a form submission. We also give the length of the parameters we are sending.

http.onreadystatechange = function() {//Call a function when the state changes.
 if(http.readyState == 4 && http.status == 200) {
  alert(http.responseText);
 }
}

We set a handler for the 'ready state' change event. This is the same handler we used for the GET method. You can use the http.responseText here - insert into a div using innerHTML(AHAH), eval it(JSON) or anything else.

http.send(params);

Finally, we send the parameters with the request. The given url is loaded only after this line is called. In the GET method, the parameter will be a null value. But in the POST method, the data to be send will be send as the argument of the send function. The params variable was declared in the second line as "lorem=ipsum&name=binny" - so we send two parameters - 'lorem' and 'name' with the values 'ipsum' and 'binny' respectively.
That's it. If you wish to see the working of this script, I have set up a demo page for Ajax using post.

Reference: http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

Another Method
Using Ajax to send "POST" requests is very similar to that for "GET" requests, with a couple of differences. Traditionally "POST" is used when the information you're sending exceeds a certain size
First, I'm bringing back our generic function for creating an Ajax object instance:

function ajaxRequest(){
var activexmodes=["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
for (var i=0; i    try{
    return new ActiveXObject(activexmodes[i])
   }
   catch(e){
    //suppress error
   }
}
}
else if (window.XMLHttpRequest) // if Mozilla, Safari etc
return new XMLHttpRequest()
else
return false
}

//Sample call:
//var myajaxrequest=new ajaxRequest()

No changes have been made to this function.

Ajax POST request

Note Ajax POST ang GET methods

var mypostrequest=new ajaxRequest()
mypostrequest.onreadystatechange=function(){
if (mypostrequest.readyState==4){
if (mypostrequest.status==200 || window.location.href.indexOf("http")==-1){
document.getElementById("result").innerHTML=mypostrequest.responseText
}
else{
alert("An error has occured making the request")
}
}
}
var namevalue=encodeURIComponent(document.getElementById("name").value)
var agevalue=encodeURIComponent(document.getElementById("age").value)
var parameters="name="+namevalue+"&age="+agevalue
mypostrequest.open("POST", "basicform.php", true)
mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
mypostrequest.send(parameters)

An Ajax POST request has the following pattern (the order is important):

An "onreadystatechange" event handler that's set to a function reference that will fire during each stage of the Ajax request. Use the Ajax request object's "readyState" and "status" properties to determine when the request is complete before handling the returned data.
Call "ajaxobject.open()" with 3 parameters defined- the first one should always be "POST", the second one the URL (aka form "ACTION") of the request without any parameters, and finally, a 3rd parameter set to true. Notice the use of encodeURIComponent() to encode any special characters within the parameter values.
Call setRequestHeader() and set its content type to "application/x-www-form-urlencoded". This is needed for any POST request made via Ajax.
Finally, call ajaxobject.send(),passing in the parameters that will be sent (without the "?" prefix).

Note that we're expecting the returned result in this example to be plain text/html. If the returned result is XML data instead, the method overrideMimeType('text/xml') should be called (more on this on the page "Retrieving an XML document using Ajax").

PHP CAPTCHA, image validation

2011-12-07T08:59:00.000-08:00

Use this script to protect your contact form, your whois query tool or just a form where some extra validation is needed. How does it work?
A session will be created inside a dynamic image file (requires GD library). The random value of this image appears inside the generated CAPTCHA image. The user has to enter this value into a form field. While processing the form, the entered value get checked against the session value. Without entering the correct string a form will not be processed. This mechanism is very useful to protect your form again (spam) bots.

The PHP code snippet

Create a php file with that code an call it "random.php"
session_start();

if (empty($_SESSION['rand_code'])) {
    $str = "";
    $length = 0;
    for ($i = 0; $i < 4; $i++) {
        // this numbers refer to numbers of the ascii table (small-caps)
        $str .= chr(rand(97, 122));
    }
    $_SESSION['rand_code'] = $str;
}

$imgX = 60;
$imgY = 20;
$image = imagecreatetruecolor(60, 20);

$backgr_col = imagecolorallocate($image, 238,239,239);
$border_col = imagecolorallocate($image, 208,208,208);
$text_col = imagecolorallocate($image, 46,60,31);

imagefilledrectangle($image, 0, 0, 60, 20, $backgr_col);
imagerectangle($image, 0, 0, 59, 19, $border_col);

$font = "VeraSe.ttf"; // it's a Bitstream font check www.gnome.org for more
$font_size = 10;
$angle = 0;
$box = imagettfbbox($font_size, $angle, $font, $_SESSION['rand_code']);
$x = (int)($imgX - $box[4]) / 2;
$y = (int)($imgY - $box[5]) / 2;
imagettftext($image, $font_size, $angle, $x, $y, $text_col, $font, $_SESSION['rand_code']);

header("Content-type: image/png");
imagepng($image);
imagedestroy ($image);
?>

How-to use it?

Use this HTML code in your form:

This is the code to test the entered value:
    // process your form here
    // at least destroy the session
    unset($_SESSION['rand_code']);
}
?>

CSS3 support for Internet Explorer 6, 7, and 8

2011-12-07T08:45:00.000-08:00

What is it?

IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard.

How it works

If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (VML), an IE-specific vector drawing language. VML supports things that are missing from IE's CSS implementation like rounded corners and blur effects.

How to use it

Just add CSS styles as you normally would, but include one new line:

.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers,

and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+,

future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call

the script on all elements which get the 'box' class */
}

Issues and Workarounds

You would expect URLs in behavior: url(...) to be relative to the current directory as they are in a background-image: url(...) style for example, but instead Microsoft decided to ignore standards here and make them relative to the docroot instead. So behavior: url(ie-css3.htc) should work if ie-css3.htc is in the root directory of the site.

You will probably run into issues with z-index, especially if embedding one IE-CSS3 enabled element inside of another. There are two simple workarounds:

Set the z-index of the IE-CSS3 element to a number larger than its surrounding elements.
Make sure the IE-CSS3 element is positioned, such as with position: relative or position: absolute

Sometimes an IE-CSS3 element will show up at a slightly different position than the original, untouched element. There could be a few reasons for this:

You have broken tags somewhere in your markup, probably above the IE-CSS3 element.
You are experiencing misc IE6 and IE7 bugs. Try adding the styles zoom: 1 and/or position: relative to the IE-CSS3 element and its immediate parent. You could also try removing any margins on the IE-CSS3 element and/or its parent, use padding instead.

Styles and their status

Style	What works	What doesn't work
border-radius	Setting a radius for all four corners Element borders	Setting a radius for individual corners separately
box-shadow	Blur size Offset	Any color other than #000
text-shadow	Blur size Offset Color	The shadow looks a little bit different than it does in FF/Safari/Chrome, I'm not sure why

TODO

A better site for this script :)

Download Source

Thanks to Remiz Rahnas for writing the original script that this is based off of.

How to create custom post type in wordpress

2011-12-07T08:35:00.000-08:00

Anyone who’s worked with WordPress before will recognise the structure here. We’re adding an action when the WP Admin initialises to call the function portfolio_register(). In that function we create two arrays, $labels and $args, and then use register_post_type to pull it all together. In doing so we name the new custom post type ‘portfolio’ and tell it to use the arguments from $args.

Step 1

add_action('init', 'portfolio_register');

function portfolio_register() {

$labels = array(
'name' => _x('My Portfolio', 'post type general name'),
'singular_name' => _x('Portfolio Item', 'post type singular name'),
'add_new' => _x('Add New', 'portfolio item'),
'add_new_item' => __('Add New Portfolio Item'),
'edit_item' => __('Edit Portfolio Item'),
'new_item' => __('New Portfolio Item'),
'view_item' => __('View Portfolio Item'),
'search_items' => __('Search Portfolio'),
'not_found' => __('Nothing found'),
'not_found_in_trash' => __('Nothing found in Trash'),
'parent_item_colon' => ''
);

$args = array(
'labels' => $labels,
'public' => true,
'publicly_queryable' => true,
'show_ui' => true,
'query_var' => true,
'menu_icon' => get_stylesheet_directory_uri() . '/article16.png',
'rewrite' => true,
'capability_type' => 'post',
'hierarchical' => false,
'menu_position' => null,
'supports' => array('title','editor','thumbnail')
);

register_post_type( 'portfolio' , $args );
}

Descriptions
name – this is the (probably plural) name for our new post type
singular_name – how you’d refer to this in the singular (such as ‘Add new ****’)

You can probably work out the rest of $labels for yourself, as they simply refer to different circumstances in which the name of your custom post type would be used.

And now $args:

1 public – should they be shown in the admin UI
2 show_ui – should we display an admin panel for this custom post type
3 menu_icon – a custom icon for the admin panel
4 capability_type - WordPress will treat this as a ‘post’ for read, edit, and delete capabilities
5 hierarchical – is it hierarchical, like pages
6 rewrite – rewrites permalinks using the slug ‘portfolio’
7 supports – which items do we want to display on the add/edit post page

That’s the first simple step, and it should be enough to see your new custom post time in the WordPress admin. Save functions.php and take a look!

Step 2

The next thing we need to do is register a taxonomy. Or, in English, create categories for this new content type.

For example, in our portfolio we want to include the names of technologies and software used to create our work. I’m going to call this taxonomy ‘Skills’, and populate it with things like HTML, CSS and jQuery.

It’s just one line of code:

register_taxonomy("Skills", array("portfolio"), array("hierarchical" => true, "label" => "Skills", "singular_label" => "Skill", "rewrite" => true));

The first item here is the taxonomy name, ‘Skills’. The second is the name of the object type we’re applying it to, in our case the custom post type ‘portfolio’ (which is an array). Finally our arguments; you can find a full list at http://codex.wordpress.org/Function_Reference/register_taxonomy, and here we’re using just three which have the same meaning as described in Step 1.

Add that line of code in and you should now see:

Blank Page Error

2011-11-17T05:37:00.000-08:00

Some people have run into the issue that once they upgrade their site to WordPress 3.0, they go to look at their site and all they get is a blank page. Not an error page or a 404 page not found, just a blank page. More often than not this is a case of having a plug-in that is incompatible with version 3.0.

There are steps you can follow to verify and fix this.

Start by logging into your hosting control panel (cPanel for most folks). This will verify that your host computer is up and running. If you can’t log into your control panel it is time for a call to your hosting company.
Next step is to try and log into your WordPress dashboard. If you go to http://yourdomain.com/wp-admin and the log in page is displayed, WordPress itself is fine. This means it is either your theme or your plug-ins. Once you actually log in things could go funky because the plug-ins provide part of your dashboard.
Now we need to get down to checking plug-ins (the most likely culprit). Through FTP or your control panel file manager find your plugins directory under wp-content. Rename the plugins folder something else and see if the problem is resolved. If it is then we have confirmed that one of the plug-ins is misbehaving.
Once you know for sure that it is a plug-in it is time to find out which one. Make a new folder under wp-content named plugins (the old one is still named something else). One at a time move the folders under the old plugins folder into the new one. Check your site after each move. When the site stops working again you know which plug-in is the culprit. Delete that plugin folder and move the rest of the plug-ins over to the new folder. It wouldn’t hurt to continue to do them one at a time while checking the site after each move. You never know, there could be more than one that has a problem.
Then find another plug-in or an updated version of your old plug-in that does what you need.

Quick Fixes For WordPress Errors

2011-11-17T05:34:00.000-08:00

WordPress is the greatest website publishing system we’ve ever seen. It’s used on over 200 Million websites, by homeowners, home businesses, small businesses and even major corporations.

The WordPress community has created 1000′s of themes, plugins and other tools to help WordPress users customize and enhance this website.

With so many plugins, themes and literally millions of configurations.. It’s inevitable that errors will arise.

If you’re faced with a WordPress error you need a quick resolution for, we hope you’ll check out http://wordpressnutsandbolts.blogspot.com for a solution. Let us help you troubleshoot that error fast, saving you time, revenue and frustration.

Translate .htaccess Content to IIS web.config

2011-11-07T02:28:00.000-08:00

Many PHP applications are distributed with configuration files for the Apache Web server. These configuration files (usually called .htaccess files) contain a number of settings that can be used for integrating the application with the capabilities of the Web server.
IIS 7 uses a file called Web.config to hold settings for integration with applications. The Web.config file contains information that control module loading, security configuration, session state configuration, and application language and compilation settings. Web.config files can also contain application-specific items such as database connection strings.
This article describes the most common uses of the .htaccess file by PHP applications, and shows how to use the Web.config file for these same functions in IIS.

Sample Application Configuration Files

The following examples are two configuration files for a sample application: an .htaccess file and a Web.config file.
Sample Application .htaccess File
#
# Apache/PHP/Application settings:
#

# Protect files and directories from prying eyes.

Order allow,deny

# Don't show directory listings for URLs which map to a directory.
Options -Indexes

# Follow symbolic links in this directory.
Options +FollowSymLinks

# Make Application handle any 404 errors.
ErrorDocument 404 /index.php

# Force simple error message for requests for non-existent favicon.ico.

ErrorDocument 404 "The requested file favicon.ico was not found.

# Set the default handler.
DirectoryIndex index.php

# Override PHP settings. More in sites/default/settings.php
# but the following cannot be changed at runtime.

# PHP 4, Apache 1.

php_value magic_quotes_gpc 0
php_value register_globals 0
php_value session.auto_start 0
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.encoding_translation 0

# PHP 4, Apache 2.

php_value magic_quotes_gpc 0
php_value register_globals 0
php_value session.auto_start 0
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.encoding_translation 0

# PHP 5, Apache 1 and 2.

php_value magic_quotes_gpc 0
php_value register_globals 0
php_value session.auto_start 0
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.encoding_translation 0

# Requires mod_expires to be enabled.

# Enable expirations.
ExpiresActive On

# Cache all files for 2 weeks after access (A).
ExpiresDefault A1209600

# Do not cache dynamically generated pages.
ExpiresByType text/html A1

# Various rewrite rules.

RewriteEngine on

# If your site can be accessed both with and without the 'www.' prefix, you
# can use one of the following settings to redirect users to your preferred
# URL, either WITH or WITHOUT the 'www.' prefix. Choose ONLY one option:
#
# To redirect all users to access the site WITH the 'www.' prefix,
# (http://example.com/... will be redirected to http://www.example.com/...)
# adapt and uncomment the following:
# RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
# RewriteRule ^(.*)$ http://www.example.com/$1 [L,R=301]
#
# To redirect all users to access the site WITHOUT the 'www.' prefix,
# (http://www.example.com/... will be redirected to http://example.com/...)
# uncomment and adapt the following:
# RewriteCond %{HTTP_HOST} ^www\.example\.com$ [NC]
# RewriteRule ^(.*)$ http://example.com/$1 [L,R=301]

# Modify the RewriteBase if you are using Application in a subdirectory or in a
# VirtualDocumentRoot and the rewrite rules are not working properly.
# For example if your site is at http://example.com/application uncomment and
# modify the following line:
# RewriteBase /application
#
# If your site is running in a VirtualDocumentRoot at http://example.com/,
# uncomment the following line:
# RewriteBase /

# Rewrite URLs of the form 'x' to the form 'index.php?q=x'.
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]

# $Id: .htaccess,v 1.90.2.1 2008/07/08 09:33:14 goba Exp $

Sample Application Web.config File
<?xml version="1.0" encoding="UTF-8"?>

<configuration>
<configsections>

<sectiongroup name="system.webServer">

<sectiongroup name="rewrite">

<section name="rewriteMaps" overrideModeDefault="Allow" />

<section name="rules" overrideModeDefault="Allow" />

</sectionGroup>

</sectionGroup>

</configSections>
<system.webServer>

<security>





</security>

<directorybrowse enabled="true" />

<caching>

<profiles>

<add extension=".php" policy="DisableCache" kernelCachePolicy="DisableCache" />

<add extension=".html" policy="CacheForTimePeriod" kernelCachePolicy="CacheForTimePeriod" duration="14:00:00:00" />

</profiles>

</caching>

<rewrite>

<rules>

<rule name="block favicon" stopProcessing="true">

<match url="favicon\.ico" />

<action type="CustomResponse" statusCode="404" subStatusCode="1"

statusReason="The requested file favicon.ico was not found"

statusDescription="The requested file favicon.ico was not found" />

</rule>

<rule name="Imported Rule 1" stopProcessing="true">

<match url="^(.*)$" ignoreCase="false" />

<conditions>

<add input="{HTTP_HOST}" pattern="^example\.com$" />

</conditions>
<action type="Redirect" redirectType="Permanent" url="http://www.example.com/{R:1}" />

</rule>

<rule name="Imported Rule 2" stopProcessing="true">

<match url="^(.*)$" ignoreCase="false" />

<conditions>

<add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />

<add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />

<add input="{URL}" pattern="^/favicon.ico$" ignoreCase="false" negate="true" />

</conditions>

<action type="Rewrite" url="index.php?q={R:1}" appendQueryString="true" />

</rule>

</rules>

</rewrite>

<defaultdocument>

<files>

<remove value="index.php" />

<add value="index.php" />

</files>

</defaultDocument>

</system.webServer>

</configuration>

How to redirect website to mobile browser friendly version

2011-11-03T04:10:00.000-07:00

Mobile phones being smarter than ever before, ever wondered how some websites redirect you to the mobile version to make it easier to navigate. I use my Nokia E61i a lot for web browsing, while I am traveling. So it was obvious that I had to try this interesting feature
Now back to the topic. I did a lot of Google search and found some very interesting websites which list down the process. Basically there are two methods.
1) If using WordPress, redirect to mobile friendly theme
2) Redirect to a mobile version of your website

) If using WordPress, redirect to mobile friendly theme
This is one of the easiest method I found out yesterday.
There is a great plugin (WTap) which you need to install in your base website (e.g. here I did on www.abhizworld.com).
Then install a mobile theme as per your preference. You can find the themes here. I am using the Carrington theme.
After you have installed the plugin, you will get a “Mobile Detector” option in your WordPress Dashboard.

This plug-in is so awesome that it gives you the flexibility to define what you want to do for every device type. (a) You can select a theme which you want to present for a mobile OR (b) redirect the user to your mobile URL (e.g m.abhizworld.com).
As shown in the example above, I have redirected iPhone/iPad devices to the Carrington mobile theme and for “Palm” devices, I redirect them to my mobile website (m.abhizworld.com). Please note as soon as you put/select any entry for a device, you have to click the update button individually or else you will lose your changes you did until now
Once done, you are good to go!!!!
Another useful piece of information. I found out that my Nokia mobile browser was not redirecting properly, even if I had the settings for Nokia. Not to worry (did I tell you this plugin was awesome !). When you click the “Mobile Detector”, there is an option to add custom devices.

Here you can mention the device name (just a description) and the “Mobile Device Agent” (this is important). Look at the example below.

2) Redirect to a mobile version of your website
Another method is to redirect your base website to your mobile website URL by detecting which device is accessing your website. Download this file here . Update the variable $mobile="m.abhizworld.com"; to something like
$mobile="yourmobilesite.com";
If you are using wordpress, in your wordpress base directory, there is index.php. Edit the file and add the above entry (i.e from

0)

{

header("location: $mobile");

exit;

}

}

?>

Save the file and you are done!! You can call the php redirection script as well, it depends on you.
Now whenever someone accesses your website from a mobile device, they will be redirect to the mobile URL of your website!
For this method credit goes to Stepforth for providing the easy to use script.

How to create a sitemap page for WordPress blog

2011-10-24T00:23:00.000-07:00

To get the featured image url

2011-10-09T05:25:00.000-07:00

The default image sizes of WordPress are "thumbnail", "medium", "large" and "full" (the size of the image you uploaded). These image sizes can be configured in the WordPress Administration Media panel under Settings > Media. This is how you can use these default sizes with get_the_post_thumbnail():

get_the_post_thumbnail($id);

// without parameter -> Thumbnail

get_the_post_thumbnail($id, 'thumbnail');

// Thumbnail

get_the_post_thumbnail($id, 'medium');

// Medium resolution

get_the_post_thumbnail($id, 'large');

// Large resolution

get_the_post_thumbnail($id, array(100,100) );

// Other resolutions

How to import font in css

2011-10-05T03:17:00.000-07:00

@font-face {
    font-family: "YanoneKaffeesatzRegular";
    font-style: normal;
    font-weight: normal;
    src: url("font/yanonekaffeesatz-regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/yanonekaffeesatz-regular-webfont.woff") format("woff"), url("font/yanonekaffeesatz-regular-webfont.ttf") format("truetype"), url("font/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular") format("svg");

}

@font-face {

}

The content limit function for wordpress

2011-09-18T22:29:00.001-07:00

function the_content_limit($max_char, $more_link_text = '(more...)',

$stripteaser = 0, $more_file = '') {
$content = get_the_content($more_link_text,

$stripteaser, $more_file);
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
$content = strip_tags($content);

if (strlen($_GET['p']) > 0) {
echo "";
echo $content;
echo "<a href=""the_permalink();</p> <p>

     echo "">"."Read More</a>";
echo "";
}

elseif ((strlen($content)>$max_char) &&

 ($espacio = strpos($content, " ", $max_char ))) {
$content = substr($content, 0, $espacio);
$content = $content;
echo "
";
echo $content;
echo "...";
echo " <a href="";echo the_permalink();

echo "">".$more_link_text."</a>";
echo "
";
}

else {
echo "
";
echo $content;
echo "<a href="";echo the_permalink();echo "">"."Read More</a>";
echo "";
}
}

How to get images from wordpress content or wordpress post??

2011-09-18T22:05:00.000-07:00

Hi Friends, In this post I am going to write about getting images from wordpress post content, I want this because I want to show post content without images on home page for one of my client, So below is code by which we can get all images one by one from content of post.

// Start the Loop
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
<?php
// Set the post content to a variable
$temppostcontent = $post->post_content;

// Define the pattern to search
$temppattern = '~<img alt="" />]*\ />~';

// Run preg_match_all to grab all the images and save the results in $resultpics
preg_match_all( $temppattern, $temppostcontent, $resultpics );

// Count the results
$iNumberOfPics = count($resultpics[0]);

// Check to see if we have at least 1 image
if ( $iNumberOfPics > 0 )
{

     // Now here you would do whatever you need to do with the images
     // For this example I'm just going to echo them
     for ( $i=0; $i < $iNumberOfPics ; $i++ )
     {
          echo $resultpics[0][$i];
     };

};

// ...finish the loop,
?>

How to get the custom feild value of post or page in wordpress?

2011-09-07T07:11:00.000-07:00

to get the custom feild value of post or page try with this code
get_post_meta($post_id, 'customfeildname', true);

to set custom field value...