Component Creator for Joomla

Guys after a long time im back to blogging. Im currently working in Joomla. When time permits will keep sharing the daily challanges. Now im going to share the component creator for Joomla 1.6 to latest version less than 5 mins. Go to the below link create login and start generate your component

http://www.component-creator.com/en/

Advertisements

Online Tools to check the website

Have you ever checked the speed from your Websites? Have you ever optimize them for great speed performance?

Well with the tools that I am going to show you here, you will find out how well you are doing while optimizing your Website’s Speed Performance.

I have been using these tools to achieve great performance inside this Joomla Blog.

Have a look on the below urls:
1.http://www.webpagetest.org/
2.http://tools.pingdom.com/fpt/
3.http://gtmetrix.com/
4.https://developers.google.com/pagespeed/
5.https://www.blamestella.com/

Have a test and give your comments below…

Auto complete/suggest in wordpress

Hi guys, After a longtime i’m coming to my blog due to my work tension. I have learned new thing today auto suggest or auto complete in WordPress. I have creating a plugin for income tax calculator in that i need to do auto suggest or auto complete for one of the field in the wp-admin section.

It’s very easy to do in WP. They had already predefined jQuery Suggest we need to enqueue the script and then your function.

In your function script add this line

wp_enqueue_script(‘suggest’);

Then add the style

wp_enqueue_style(‘suggest’);

Then your function

jQuery(function() {
jQuery(“#textboxID”).suggest(“yourcustomscript.php”);
});

In “yourcustomscript.php”

  • Connects to the WP DB
  • Queries the table for the data you want
  • Convert the result set into an associative array (or pull it from the DB as one)

Thats all your result

Plugin & Widget for Partners and Clients logo in wordpress

Hi everyone,

I have developed a plugin with widget where the admin can upload the logo, link-url of their partners/clients. You can use this as widget and shortcode in any posts/pages. I have created the full validation, Title setting, after widget and before widget content.

You can check the below image for your reference

ADMIN SECTION

FRONT-END SECTION

if (function_exists('partner_widget')) {
 partner_widget();
 }

You can contact me if you have any doubts and need this this plugin/widget.

Sorry Guys, I stopped giving support for this plugin because i have created this plugin 3.2Version after that i don’t have time to test for other versions. nd upgrade to newer version.

Upload image for my plugin in wordpress

Hey Guys, After a long time i came back with a new and good info. In my project i want to upload a image in the admin side plugin. I’m searched a more than 3 hours and got a nice and life saver tutorial. So i thought to save others save so i’m sharing the code and method.

Firstly add the HTML form as like
<tr valign=”top”>
<th scope=”row”>Upload Image</th>
<td><label for=”upload_image”>
<input id=”upload_image” type=”text” size=”36″ name=”upload_image” value=”” />
<input id=”upload_image_button” type=”button” value=”Upload Image” />
<br />Enter an URL or upload an image for the banner.
</label></td>
</tr>

Now time to create the “my-script.js” and paste it inside your plugin folder

jQuery(document).ready(function() {

jQuery(‘#upload_image_button’).click(function() {
formfield = jQuery(‘#upload_image’).attr(‘name’);
tb_show(”, ‘media-upload.php?type=image&amp;TB_iframe=true’);
return false;
});

window.send_to_editor = function(html) {
imgurl = jQuery(‘img’,html).attr(‘src’);
jQuery(‘#upload_image’).val(imgurl);
tb_remove();
}

});

The first click() event listener opens a ThickBox dialog when the “Upload Image” button is clicked, and loads the uploader page inside it. It also stores the name of the URL input field in a variable, for later use.

The second function overrides the send_to_editor() function in the media-upload script. This is probably the most important part. When the “Insert into Post” button is clicked in the uploader dialog, this function fires. It collects the URL of the image that was uploaded, dumps it into the awaiting form field, and closes the ThickBox dialog.

Now, you need to enqueue some scripts and styles. Its already predefined int he wordpress

function my_admin_scripts() {
wp_enqueue_script(‘media-upload’);
wp_enqueue_script(‘thickbox’);
wp_register_script(‘my-upload’, WP_PLUGIN_URL.’/my-script.js’, array(‘jquery’,’media-upload’,’thickbox’));
wp_enqueue_script(‘my-upload’);
}

function my_admin_styles() {
wp_enqueue_style(‘thickbox’);
}

if (isset($_GET[‘page’]) && $_GET[‘page’] == ‘my_plugin_page’) {
add_action(‘admin_print_scripts’, ‘my_admin_scripts’);
add_action(‘admin_print_styles’, ‘my_admin_styles’);
}

We need the media-upload and thickbox scripts for starters, as well as jQuery, which is already included. Then we have to register and enqueue our own JavaScript file, my-script.js, which will handle the media uploader functionality. We also need to load the thickbox stylesheet in the next function.
The if (…) block ensures that the scripts and styles will only be included if the user is on a specific admin page. If you look at your plugin’s (or theme’s) admin page, the URL should have a ?page=some_string at the end. Substitute my_plugin_page for that string.

That’s it. Providing everything went according to planned, you should have a form field that will either accept an arbitrary image URL, or allow a user to upload one on the spot.

 

Textarea to tinymce wysiwyg in wordpress plugin

Hi guys, today i have to create a plugin to wordpress. In that i have task to make text area into a tinymce wysiwyg editable field. I learned how to do. I thought of sharing to you guys.

<?php
add_action(“admin_print_scripts”, “js_libs”);
function js_libs() {
wp_enqueue_script(‘tiny_mce’);
}
wp_tiny_mce( false , // true makes the editor “teeny”
array(
“editor_selector” => “tinymce_data”
)
);
?>

<script type=”text/javascript”>
jQuery(document).ready(function($) {
$(‘a.toggleVisual’).click(function() {
console.log(tinyMCE.execCommand(‘mceAddControl’, false, ‘tinymce_data’));
});
$(‘a.toggleHTML’).click(function() {
console.log(tinyMCE.execCommand(‘mceRemoveControl’, false, ‘tinymce_data’));
});
});
</script>

<form method=”post” action=””>
<ul>
<li>
<span id=”submit”><input class=”button” type=”submit”></span>
<p id=”toggle” align=”right”><a class=”button toggleVisual”>Visual</a><a class=”button toggleHTML”>HTML</a></p>
</li>
<li><textarea style=”width:100%;” class=”tinymce_data” id=”tinymce_data” name=”tinymce_data”></textarea></li>
</ul>
</form>

Shortcode for WordPress

Today, i have gone through a blog very helpful and useful for me in wordpress development for shortcode. So i thought of sharing the information to all of you guys.

I don’t know how many of you know or used short codes in WordPress. I personally feel, short codes is one of the great features that enables to perform functions withing the post. Normally we cannot execute a function on WordPress, but with short codes you can achieve that. The short codes are quite handy for template designer to let their users to execute certain actions just by using the codes. OK, so lets have a detailed look on it

What are Shortcodes basically?

Shortcodes are the easiest way to execute certain actions. It doesn’t have any rocket science, just a couple of codes can get you started with the shortcodes. So here we go

To start the explanation, let me talk about a inserting a portfolio in your WordPress blog post. Short codes normally look like this

[portfolio]

WordPress shortcode API allows you to add attributes, suppose if you want to display a particular portfolio on the post, you can use id's to categorize it. So the short code will look like this

[portfolio id="35"]

Id is not the only supported attributes, you can create your own attributes by using array

function portfolio( $atts ) {
        extract( shortcode_atts( array(
                'value' => 'something',
                'count' => 'something else',
        ), $atts ) );

So the above code says [portfolio] shortcode supports two attributes – value and count

Let me show you an example

A simple shortcode would look like this. For demonstration I am using an output “Test Message” for a short code test

Note: All the shortcodes should be placed in functions.php

function testfn() {
    return 'Test, Message';
}

Now we need to create a shortcode to return this value. WordPress has a damn simple technique to create a shortcode. Here “test” is the shortcode and “testfn” is the function that has to be called when you use “test”

add_shortcode ('test', 'testfn');

Finally add the below code in your post to out the message “Test Message”

[test]

Now let me show you a useful example of using shortcodes

Bloggers would want to display Adsense ads withing their post, but as I said earlier WordPress doesn’t support executing codes withing the post. So obviously most of the Bloggers rely on a plugin to achieve that.

Here is a little demonstration of how shortcode can be used to embed Adsense ads anywhere in the post, like the way you wanted it to be. [Tip via WPRecipes]

Go to functions.php and place this code

function displayad() {
    return ‘<div id=”adsense”><script type=”text/javascript”><!–
        google_ad_client = “pub-XXXXXXXXXXXXXX”;
        google_ad_slot = “4668915978”;
        google_ad_width = 468;
        google_ad_height = 60;
        //–>
</script>

<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”&gt;
</script></div>’;
}

add_shortcode(‘adsense’, ‘displayad’);

The adsense ad is wrapped in a div adsense to easily style up to look attractive within posts and replace your Pub ID and the dimension

Now go to edit post and insert the below code within the post to display ads with post

[adsense]

For further in Shortcode