Tutorial Show and Hide Div by Click Radio Button Using Jquery

Based on experience build simple form till complex form you need to engaged jquery stuff, somet type but sometime youtime you need only fill in some input should fill all input type, so here is simple form i created for you Form detect by event click in jquery so this is the code <input type="radio" id="item_true" name="layout">Item True <input type="radio" id="item_false" name="layout">item_false <div> Here div show and hide by click radio button above </div> <!---jquery please load in ypur jquery----> $('#item_true').click(function() { $("div").hide(); }); $('#item_false').click(function() { $("div").show(); });
 To make you understand here is i make tutorial in jsfiddle Feel free to comments below, Happy COding !

Tutorial make images inside paragraph using php and mysql

Sometime as developer you don't need argue when you get job describe about css, wait minute developer should already know too about css and all design ! well as long as develope i face the hard things is that make some template article with images. The dummy design will be like this

So here i give trick, i disscuss in forum css here

1. You can make users input selector id when user input artikel in your text area then you upload images seperate with artikel, you have 2 field images and artikel, so here is your script php

  <?php $converted = ""; $img_from_DB = '<img src="http://placehold.it/350x150">'; $content_from_DB = "<p> This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> <p> #image01_goes_here#This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> <p> This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> <p> This is some text contained within a small-ish box. I'm using it as an example of how placing your floated elements in different orders in your HTML can affect your layouts. For example, take a look at this great photo placeholder that should be sitting on the right.</p> "; $converted = str_replace('#image01_goes_here#', $img_from_DB, $content_from_DB); ?> <div id="container"> <?php echo $converted; ?> </div>


2.  the second way you dont need make users should input selector images, only use php for and make it break in paragraph you want to put images so here is the code

 So that's tutorial, hope some one find this tutorial, Fell free to comment, Happy coding !