What korean’s Think about FILIPINO’S?

Source: https://www.facebook.com/favradio

MY SHORT ESSAY ABOUT THE PHILIPPINES by Jaeyoun Kim

Filipinos always complain about the corruption in the Philippines . Do you really think the corruption is the problem of the Philippines ? I do not think so. I strongly believe that the problem is the lack of love for the Philippines.

Let me first talk about my country, Korea . It might help you understand my point. After the Korean War, South Korea was one of the poorest countries in the world. Koreans had to start from scratch because entire country was destroyed after the Korean War, and we had no natural resources.

Koreans used to talk about the Philippines , for Filipinos were very rich in Asia . We envy Filipinos. Koreans really wanted to be well off like Filipinos. Many Koreans died of famine. My father & brother also died because of famine. Korean government was very corrupt and is still very corrupt beyond your imagination, but Korea was able to develop dramatically because Koreans really did their best for the common good with their heart burning with patriotism…

Koreans did not work just for themselves but also for their neighborhood and country. Education inspired young men with the spirit of patriotism.

40 years ago, President Park took over the government to reform Korea . He tried to borrow money from other countries, but it was not possible to get a loan and attract a foreign investment because the economic situation of South Korea was so bad. Korea had only three factories. So, President Park sent many mine workers and nurses to Germany so that they could send money to Korea to build a factory. They had to go through horrible experience.

In 1964, President Park visited Germany to borrow money. Hundred of Koreans in Germany came to the airport to welcome him and cried there as they saw the President Park . They asked to him, “President, when can we be well off?” That was the only question everyone asked to him. President Park cried with them and promised them that Korea would be well off if everyone works hard for Korea , and the President of Germany got the strong impression on them and lent money to Korea . So, President Park was able to build many factories in Korea . He always asked Koreans to love their country from their heart.

Many Korean scientists and engineers in the USA came back to Korea to help developing country because they wanted their country to be well off. Though they received very small salary, they did their best for Korea . They always hoped that their children would live in well off country.

My parents always brought me to the places where poor and physically handicapped people live. They wanted me to understand their life and help them. I also worked for Catholic Church when I was in the army. The only thing I learned from Catholic Church was that we have to love our neighborhood. And, I have loved my neighborhood.

Have you cried for the Philippines ? I have cried for my country several times. I also cried for the Philippines because of so many poor people.. I have been to the New Bilibid prison. What made me sad in the prison were the prisoners who do not have any love for their country. They go to mass and work for Church. They pray everyday. However, they do not love the Philippines . I talked to two prisoners at the maximum-security compound, and both of them said that they would leave the Philippines right after they are released from the prison. They said that they would start a new life in other countries and never come back to the Philippines.

Many Koreans have a great love for Korea so that we were able to share our wealth with our neighborhood. The owners of factory and company were distributed their profit to their employees fairly so that employees could buy what they needed and saved money for the future and their children.

When I was in Korea , I had a very strong faith and wanted to be a priest. However, when I came to the Philippines , I completely lost my faith. I was very confused when I saw many unbelievable situations in the Philippines. Street kids always make me sad, and I see them everyday. The Philippines is the only Catholic country in Asia , but there are too many poor people here. People go to church every Sunday to pray, but nothing has been changed.

My parents came to the Philippines last week and saw this situation. They told me that Korea was much poorer than the present Philippines when they were young. They are so sorry that there are so many beggars and street kids. When we went to Pasangjan, I forced my parents to take a boat because it would fun.. However, they were not happy after taking a boat. They said that they would not take the boat again because they were sympathized the boatmen, for the boatmen were very poor and had a small frame.. Most of people just took a boat and enjoyed it. But, my parents did not enjoy it because of love for them.

My mother who has been working for Catholic Church since I was very young told me that if we just go to mass without changing ourselves, we are not Catholic indeed. Faith should come with action. She added that I have to love Filipinos and do good things for them because all of us are same and have received a great love from God. I want Filipinos to love their neighborhood and country as much as they love God so that the Philippines will be well off.. I am sure that love is the keyword, which Filipinos should remember. We cannot change the sinful structure at once. It should start from person. Love must start in everybody, in a small scale and have to grow. A lot of things happen if we open up to love.

Let’s put away our prejudices and look at our worries with our new eyes. I discover that every person is worthy to be loved. Trust in love, because it makes changes possible. Love changes you and me. It changes people, contexts and relationships. It changes the world. Please love your neighborhood and country. Jesus Christ said that whatever we do to others we do to Him. In the Philippines , there is God for people who are abused and abandoned. There is God who is crying for love. If you have a child, teach them how to love the Philippines . Teach them why they have to love their neighborhood and country. You already know that God also will be very happy if you love others.

That’s all I really want to ask you Filipinos.

I sincerely hope that this essay inspire us all and show LOVE for our homeland.

` ar

 

Source: https://www.facebook.com/favradio

Help! Firing a clickable element with ajax after the the group of html elements being loaded via jquery requests!

I have created a jquery script for auto-loading; The elements are group together inside a single div and inside the parent div contains
clickable elements (anchor tag ) for ajax request, but after it’s being loaded, the elements were unclickable. I have tried using [b]delegate [/b]and [b]on [/b]in jquery yet the results were still the same. Please help.

This is the case:
1. this elements will be requested via ajax from time to time

<div>
<span><a href="#">Delete</a></span>
<span><a href="#">Publish</a></span>
</div>

2. Step 1 is successfully loaded via ajax yet the ajax links are unlclickables. (.delete_cmt)

    $(".group .delete_me").on({
click: function (e) {
if(confirm("Are you sure you want to delete this comment?")) {
var comment_id = this.id;
var groupid = "#commentid-"+comment_id;
var delete_url = "http://"+host+"comments/delete_ajax/"+this.id;
$.ajax({
type: "Get",
url: delete_url,
success: function (msg) {
if(msg == "success") {
$(groupid).hide("slow",function () {$(groupid).remove();});
}
}
});
}
}
});

3. Step 1 won’t received any current events after step 1 is already loaded.

Need for assistance regarding jquery. Cheers

/******************************************************************************/

Problem Solved.

Here’s the solution:

$(document).on(“click”, “a”, function(){

var current_class = $(this).attr(‘class’);
var comment_id = $(this).attr(‘id’);
if(current_class == “publish_cmt”)
{
publish_cmt(comment_id);
}
else if(current_class == “delete_cmt”)
{
if(confirm(“Are you sure you want to delete this comment?”)) {
delete_cmt(comment_id);
}
}

});

FACING YOUR GIANTS DECLARATION

Janis Smith

 

“Now I know that the LORD saves His anointed;
He will answer him from His holy heaven
With the saving strength of His right hand.

Some trust in chariots, and some in horses;
But we will remember the name of the LORD our God.

They have bowed down and fallen;
But we have risen and stand upright.”

Psalm 20:6-8


I DECLARE

I AM ANOINTED PRIEST AND KING!

“John, to the seven churches which are in Asia:
Grace to you
And peace from Him who is and who was and who is to come,
And from the seven Spirits who are before His throne,
And from Jesus Christ, the faithful witness,
The firstborn from the dead,
And the ruler over the kings of the earth.
To Him who loved us
And washedus from our sins in His own blood,

And has made us kingsand priests to His God and Father,
To Him
be glory and dominion forever and ever. Amen.”

Revelation 1:4-6

Ministering the Word in Power
Wherever God Sends Me!

 


I STAND and RULE in the POWER OF GOD
THE ENEMY MUST FLEE

 

“Be sober, be vigilant;
Because your adversary the devil
Walks about like a roaring lion,
Seeking whom he may devour.

  Resist him,
Steadfast in the faith,
Knowing that the same sufferings are experienced
By your brotherhood in the world.

But may the God of all grace,
Who called us to His eternal glory by Christ Jesus,
After you have suffered a while,
Perfect, establish, strengthen, and settle you.

To Him be the glory and the dominion forever and ever.”

I Peter 5:8-11

~

Lord, I have faced many battles,
High mountains and low valleys.
You Oh Lord have always been with me
With strength, comfort, courage and authority
Overcoming the strategy of the enemy.

Your Hand is upon Me
Surrounding me with Wisdom, Understanding,
Counsel, Might,
The Awe of Who You are,
And the Knowledge of who I am in You by Your Power.
It is not by my might nor by my power
But by Your Holy Spirit that I am Victorious.

With Your authority You have placed Your armor upon me
And the ability to walk out my destiny in Perfect Peace
Because my mind is set upon You.

I have the Mind of Christ as my Helmet of Salvation.
My thoughts are Your thoughts,
My ways are Your ways
As I spend intimate time with You.

Your blood covers me with the Breastplate of Righteousness
Therefore I stand before you as a clean vessel
Washed in Your Blood.

In my right hand I boldly hold the Sword of the Spirit
Overcoming the enemy with Your very Word.

The Shield of Faith is courageously held in my left hand
Deflecting the darts of the enemy.

Around my waist You have graciously placed the Belt of Truth.
Jesus, You are the Way, The Truth and The Life.
My Trust is In You.

As I walk out my journey
I walk in victory.
Upon my feet You have placed The Powerful Gospel of Peace.
You will keep me in perfect peace
My mind is focused on You.
Your peace passes all understanding.

You are my Rear Guard
And Your Holy Spirit overshadows me.
As the enemy prowls around “like” a roaring lion
Seeking to devour me,
I know that YOU ARE THE ONE AND ONLY TRUE LION OF JUDAH!
I WILL PRAISE YOUR NAME AND THE ENEMY WILL FLEE!
I wrap myself in Your Garment of Praise
The spirit of heaviness cannot come near me.

Within my hands You have placed the keys to the kingdom
With Your authority to use them.
No longer does the enemy have dominion over my life.
I will open doors that no man can shut
And close doors that no man can open
You have given me authority

 

I STAND IN VICTORY AS I FACE MY GIANTS, IN YOU!

~

WOUNDED IN THE BATTLE?
ALLOW THE HOLY SPIRIT
TO MINISTER HIS BALM OF GILEAD
UPON YOUR LIFE

BY HIS STRIPES YOUR WOUNDS ARE HEALED!

 

Today I declare Your Blood over my life
And the life of my friends and family.
As you sweat great drops of blood in the Garden
 You redeemed my will power.
You imparted into me the ability to hear Your Voice,
Know, Live, Move and have my being in You
And the will to accomplish it.

You were beaten thirty nine times with the cat of nine tails
Redeeming me from all types of sickness and disease.
I Stand in agreement with your word and claim my healing.

The Thorns were wrapped and placed upon Your Head,
Piercing Your Head and bringing forth great pain.
As the Blood dripped down Your precious face
You looked at me through the windows of time
With Your perfect love
Breaking the curse of poverty declaring that I am rich IN YOU.

Your nail pierced hands and feet
Restored to me dominion that was lost in the Garden of Eden.
You have once again placed within me the power
Taking dominion over the enemy and over my life.
I declare today that no weapon formed against me will prosper.
I take dominion over the enemy
By the blood of Jesus Christ Who purchased it for me.

 Your pain and anguish in the piercing of Your side on the Cross
was a beautiful sacrifice of love
Administering healing to my broken heart.
I declare that my heart today is whole and healed
By the power of your blood.

Lastly, Your heel was bruised
As you stepped on the enemies head for me
Declaring VICTORY!
Redeeming me from all of my sin
past, present and future.

IN THE MIGHTY NAME OF JESUS
I DECLARE THAT EVERY COVENANT BLESSING
YOU HAVE SPOKEN OVER ME
IS RESTORED BY YOUR BLOOD!


Today I stand AMAZED!
My complete trust is in WHO YOU ARE
And WHO You ARE in me.
In You I stand A VICTOR!!
I offer up my life today to You as a living sacrifice!
In the great battles of life that wage against me
I am comforted that You are with Me.
Lover of my soul, Commander and Chief of My life
And My best friend
I glorify Your Name above all other Names.
Holy! Holy! Holy! Lord God Almighty!
In You I place my Life and Declare Victory!

~


FREEDOM!

HAS ANYONE HURT YOU IN THE BATTLE?

LOOSE YOURSELF BY CHOOSING TO FORGIVE!

NO MORE SHACKLES! NO MORE PAIN!

 

PRAYER OF FORGIVENESS…

 

Father, I choose to forgive_____________________ for anything she/he
has ever spoken against me making me feel less that who you created me to be.
I forgive him/her for anything he/she did to harm me in any way.
I release them now in Jesus’ Name and by His Mighty Power and Authority.
The chains of unforgiveness that once bound me are now gone.
I shut those doors never to be reopened.
From this day forward, I will look in the window before me.
I will look in the rear view mirror on occasion
for reflection and to testify of Your greatness in my life.
Pour your healing oil of Gilead
upon those places within my heart that were hurt
and bring total healing.
Fill me with Your Holy Spirit and love.

I choose right now to bless ______________.
Bring them close to You as only You can.
Cover them with Your mercy and grace.

THANK YOU JESUS FOR FREEDOM!

JESUS IS WITH ME AS I FACE THE GIANTS!

 

“This Book of the Law shall not depart from your mouth,
But you shall meditate in it day and night,
That you may observe to do according to all that is written in it.
For then you will make your way prosperous,
And then you will have good success.

Have I not commanded you?
Be strong and of good courage;
Do not be afraid, nor be dismayed,
For the LORD your God is with you wherever you go.”

Joshua 1:8-10

 

HALLELUJAH!

 

THE BATTLE IS THE LORDS!

~

So he answered and said to me:
This is the word of the LORD to Zerubbabel:
‘ Not by might nor by power, but by My Spirit,’
Says the LORD of hosts.”

 Zechariah 4:6


  You come to me with a sword, with a spear, and with a javelin.
But I come to you IN THE NAME OF THE LORD OF HOSTS,
The God of the armies of Israel, whom you have defied.”

I Samuel 17:45

~

BE ENCOURAGED AS YOU FACE YOUR GIANTS
IN THE POWER OF THE NAME OF JESUS!

Source: http://aspireministries.com/633068

Simple Modal

Overview

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

Usage

SimpleModal provides 2 simple ways to invoke a modal dialog.

As a chained jQuery function, you can call the modal() function on a jQuery element and a modal dialog will be displayed using the contents of that element. For example:

$("#element-id").modal();

As a stand-alone function, a modal dialog can be created by passing a jQuery object, a DOM element, or a plain string (which can contain HTML). For example:

$.modal("<div><h1>SimpleModal</h1></div>");

Both of the methods described above, also accept an optional options object (nice tongue-twister, huh?). Using the examples above:

$("#element-id").modal({options});
$.modal("<div><h1>SimpleModal</h1></div>", {options});

Because SimpleModal is more of a modal dialog framework, both of the examples above would create very basic, unstyled, modal dialogs. Styling can be done through external CSS or through properties in the options object. See the Options section below for a detailed list of the available options.

Styling

Styles can be applied through external CSS, the options object, or both. The CSS options for the modal overlay, container, and data elements are: overlayCss, containerCss and dataCss, all which take a key/value object of properties. See the jQuery CSS Docs for details.

SimpleModal handles setting the necessary CSS for displaying the modal dialog. In addition, SimpleModal dynamically centers the modal dialog, unless the position option is used, which takes precedence.

SimpleModal internally defines the following CSS classes: simplemodal-overlay, simplemodal-container, simplemodal-wrap (SimpleModal will automatically set the overflow to auto if the content gets larger than the container), and simplemodal-data.

* Note: SimpleModal’s default closeHTML option declares the modalCloseImg class in order to display an image for closing the dialog. Download the image. Because it is defined in an option, it cannot be styled through the options – an external CSS definition is required:

#simplemodal-container a.modalCloseImg {
	background:url(/img/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

For IE6, you might want to apply the PNG fix:

<!--[if lt IE 7]>
<style type='text/css'>
	#simplemodal-container a.modalCloseImg {
		background:none;
		right:-14px;
		width:22px;
		height:26px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
			src='img/x.png', sizingMethod='scale'
		);
	}
</style>
<![endif]-->

Demos

In addition to the examples below, I have a collection of demos that feature the different capabilities of SimpleModal:

View Demos

Download

SimpleModal is hosted on Google Code:

Download SimpleModal

There are two versions available; a full source version that contains comments and is formatted for readability, and a minified version with all comments and formatting removed. The full version is recommended for learning and testing, the minified version is for production use.

Archives

Previous version of SimpleModal documentation: v1.2.x, v1.1.x, v1.0.x

Options & Callbacks

Options

The following is a list of current options. Default values are indicated with: [Type:Value]

  • appendTo [String:’body’]
    The jQuery selector to append the elements to. For ASP.NET, use ‘form’.
  • focus [Boolean:true] (Changed in 1.4)
    Focus in the first visible, enabled element?
  • opacity [Number:50]
    The opacity value for the overlay div, from 0 – 100
  • overlayId [String:’simplemodal-overlay’]
    The DOM element id for the overlay div
  • overlayCss [Object:{}]
    The CSS styling for the overlay div
  • containerId [String:’simplemodal-container’]
    The DOM element id for the container div
  • containerCss [Object:{}]
    The CSS styling for the container div
  • dataId [String:’simplemodal-data’]
    The DOM element id for the data div
  • dataCss [Object:{}]
    The CSS styling for the data div
  • minHeight [Number:null]
    The minimum height for the container
  • minWidth [Number:null]
    The minimum width for the container
  • maxHeight [Number:null]
    The maximum height for the container. If not specified, the window height is used.
  • maxWidth [Number:null]
    The maximum width for the container. If not specified, the window width is used.
  • autoResize [Boolean:false] (Changed in 1.4)
    Resize the container if it exceeds the browser window dimensions?
  • autoPosition [Boolean:true] (Changed in 1.4)
    Automatically position the container upon creation and on window resize?
  • zIndex [Number: 1000]
    Starting z-index value
  • close [Boolean:true]
    If true, closeHTML, escClose and overlayClose will be used if set. If false, none of them will be used.
  • closeHTML [String:”]
    The HTML for the default close link. SimpleModal will automatically add the closeClass to this element.
  • closeClass [String:’simplemodal-close’]
    The CSS class used to bind to the close event
  • escClose [Boolean:true]
    Allow Esc keypress to close the dialog?
  • overlayClose [Boolean:false]
    Allow click on overlay to close the dialog?
  • position [Array:null]
    Position of container [top, left]. Can be number of pixels or percentage
  • persist [Boolean:false]
    Persist the data across modal calls? Only used for existing DOM elements. If true, the data will be maintained across modal calls, if false, the data will be reverted to its original state.
  • modal [Boolean:true] (Added in 1.3.4. Name changed from transient in 1.3.5))
    User will be unable to interact with the page below the modal or tab away from the dialog. If false, the overlay, iframe, and certain events will be disabled allowing the user to interact with the page below the dialog.
  • onOpen [Function:null]
    The callback function used in place of SimpleModal’s open
  • onShow [Function:null]
    The callback function used after the modal dialog has opened
  • onClose [Function:null]
    The callback function used in place of SimpleModal’s close

For a list of options in previous version, please refer to the appropriate archived documentation page (listed above).

Callbacks

The callback functions are called using the JavaScript apply function. One parameter, the dialog object, is sent, which contains the overlay, container, data and iframe objects. In addition, inside the callback, this will refer to the SimpleModal object, which will allow you to access all of the available modal elements and functions.

  • onOpen: Useful for adding effects to the opening of the modal dialog elements. SimpleModal will handle “showing” the iframe, if necessary.
$("#element-id").modal({onOpen: function (dialog) {
	dialog.overlay.fadeIn('slow', function () {
		dialog.container.slideDown('slow', function () {
			dialog.data.fadeIn('slow');
		});
	});
}});
  • onShow: Useful for binding events or any other actions you might want to perform after the modal dialog elements have been displayed. If you are including another plugin (TinyMCE, DatePicker, etc.) in a modal dialog, this is where you want to initialize that plugin.
$("#element-id").modal({onShow: function (dialog) {
	// Access elements inside the dialog
	// Useful for binding events, initializing other plugins, etc.

	// For example:
	$("a", dialog.data).click(function () {
		// do something

		return false;
	});
}});
  • onClose: Useful for adding effects to the closing of the modal dialog elements. After you’ve applied effects, etc., you’ll need to call $.modal.close(); so SimpleModal can re-insert the data correctly and clean up the dialog elements.
$("#element-id").modal({onClose: function (dialog) {
	dialog.data.fadeOut('slow', function () {
		dialog.container.slideUp('slow', function () {
			dialog.overlay.fadeOut('slow', function () {
				$.modal.close(); // must call this!
			});
		});
	});
}});

Examples

The following examples are aimed at showing you the various options and callbacks available in SimpleModal.

In order to provide some basic styling, all of the examples below are using the default CSS:

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}

Each example below can be demonstrated by clicking “RUN EXAMPLE”.

// Chained call with no options
$("#sample").modal();
// Stand-alone call with no options
$.modal($("#sample"));
// Enable overlay click-to-close
$("#sample").modal({overlayClose:true});
// Change overlay color and opacity
$("#sample").modal({
	opacity:80,
	overlayCss: {backgroundColor:"#fff"}
});
// Disable focus (allows tabbing away from dialog)
$("#sample").modal({focus:false});
// Change min height and width
$("#sample").modal({
	minHeight:400,
	minWidth: 600
});
// Manually set position
$("#sample").modal({position: [10,10]});
// Manually set position using percentages
$("#sample").modal({position: ["50%","50%"]});
// Display an external page using an iframe
var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
	closeHTML:"",
	containerCss:{
		backgroundColor:"#fff", 
		borderColor:"#fff", 
		height:450, 
		padding:0, 
		width:830
	},
	overlayClose:true
});
// Opening animations
$("#sample").modal({onOpen: function (dialog) {
	dialog.overlay.fadeIn('slow', function () {
		dialog.data.hide();
		dialog.container.fadeIn('slow', function () {
			dialog.data.slideDown('slow');	 
		});
	});
}});
// Closing animations
$("#sample").modal({onClose: function (dialog) {
	dialog.data.fadeOut('slow', function () {
		dialog.container.hide('slow', function () {
			dialog.overlay.slideUp('slow', function () {
				$.modal.close();
			});
		});
	});
}});

Other Notes

Closing the Dialog

SimpleModal will automatically bind the close function (using the onclick event) to any element inside the dialog with the simplemodal-close class.

In addition, you can programmatically close the currently opened dialog by calling $.modal.close();

Default Values

If you have a value that you want to be used for all modal dialogs, instead of passing the option in for each one, you can globally modify the defaults.

Example – Single Property:

$.modal.defaults.closeClass = "modalClose";

Example – Multiple Properties:

$.extend($.modal.defaults, {
	closeClass: "modalClose",
	closeHTML: "<a href='#'>Close</a>"
});

Data CSS Display Property

SimpleModal “hides” the data when it adds it to the modal dialog. If you use an onOpen callback, the dialog.data display value will have been set to none and you’ll need to explicitly “un-hide” the element.

Cloning and Element Removal

  • By default, SimpleModal will clone the data element that you pass in. When the dialog is closed, the cloned, unchanged, data element will be re-inserted into DOM in its original place. If the persist option is true, SimpleModal will “re-insert” the original element, with changes intact. If you use an onClose callback, you’ll need to call $.modal.close(); (see the onClose in the Options & Callback section above).
  • SimpleModal always removes the overlay, container and iframe elements when closed. If you use an onClose callback, you’ll need to call $.modal.close(); (see the onClose in the Options & Callback section above)

Known Issues

  • If you experience problems with the overlay not filling the entire page, try these suggestions: If the overlay is not extending to the bottom of the page, set the body height to 100%. If there is a small, white border on the right or bottom of the page, set the margin of the body to 0px. Tips provided by Daniel Kellogg.
  • In IE6, the state of checkboxes and radio buttons are not maintained using the persist option.
  • In IE7, the state of radio buttons is not maintained using the persist option.
  • To prevent Flash objects from “bleeding through” the dialog, make sure to set the wmode property for your object and embed elements to either opaque or transparent (reference).
  • For YouTube videos (and perhaps other objects), add type="application/x-shockwave-flash" in the object tag to prevent issues in IE6. Tip provided by Jimish Shah.

Browser Compatibility

SimpleModal has been tested in the following browsers:

  • IE 6, 7, 8, 9
  • Firefox 2, 3, 4
  • Opera 9, 10
  • Safari 3, 4, 5
  • Chrome 1, 2, 3, 4, 5, 6

Source: http://www.ericmmartin.com/projects/simplemodal/

Water

Travel from miles to miles
On a banks or a canal
Each place I come by
Different emotions
Different situations

My journey must go on, even when I’m troubled
By kids who played
By animals who stepped on
Or when a creek is shallow,
Or when I fall at the heights of the falls

One day I die and went up above
I became a gas and eventually became a raindrop
Kids love to play, Kids love to see
The waters – they drink everyday!

I asked God, why I can’t be a kid
To play and play and play
He just smile and said “I love to see them play”
I asked again and cried , “WHy I can’t be”
He replied with a gentle voice,
“You can’t be my precious creation, you have another purpose”
To quenched the thirsty, and to supply waters everyday

Though at times you are troubled by a heated pot
or fall at the hieghts of the cliffs
or mix with salt so you can part of the sea
But I love the way you are
Don’t you realized you are the most important part of my creation
Before the world began, you were the first – the waters

And I created people to give me praise too
Everyone is given a purpose to serve me , like you did
But not everyone knows their purpose
Others have complaints that they wanted to be like the others
But I created them uniquely that they would appreciate each other
I know someday, they’ll realize too!

I am overjoyed when I realized it
That part of human’s body I am 75% most of it
And His creation are mostly part of me
I know you are too, you have a part of His glory!

JQuery NailThumb

This example shows how to use NailThumb with no css configuration and one line initialization as in jQuery best tradition.

This configuration, while it needs a minimal setup, has the downside that if images are visible when they are thumbnailed the effect won’t be very smooth, since theire size will change, and the page will adapt, not with a good visive effect. There are better ways to handle this transition, most of all when is CSS to set thumbnail size since you can hide the images before thumbnail them and there will be no resize in the page, the thumbnail will appear with any desired effect and no placing adjustments.

  • <script type="text/javascript" src="path/to/jquery.js"></script>
  • <script type="text/javascript" src="path/to/jquery.nailthumb.1.0.js"></script>
  • ...
  • <div class="nailthumb-container"><img src="img/small/howl.png" /></div>
  • <div class="nailthumb-container"><img src="img/small/rose.png" /></div>
  • <div class="nailthumb-container"><img src="img/small/roses.png" /></div>
  • ...
  • <script type="text/javascript">
  • jQuery(document).ready(function() {
  • jQuery('.nailthumb-container').nailthumb({width:100,height:100});
  • });
  • </script>

jQuery NailThumb

jQuery NailThumb is jQuery plugin allows to create thumbnail from any image with full control using jQuery. You can create thumbnails easily from high-resolution images, without any distortion, with one line of jQuery code. You can even decide thumbnail dimensions directly from CSS. Integrates prefectly with any media gallery, even more usefull in dynamic web application when you can face any shape or size.

If you want to add avatars to your application it’s easier to use this plugin to let them fit any size you need then to develop a functionality that help your user to upload avatars of the right size/sizes.

This plugin provides various methods to create thumbnails. Whatever method you choose and whatever proportions limit you fix NailThumb will always create a thumbnail without any distortion and will keep your image as big as possible.

A very basic use of this plugin is,
1    //Code Starts
2    <div>
3       <img src=”path/to/image.png” />
4    </div>
5
6    $(document).ready(function() {
7        $(‘.nailthumb-container’).nailthumb({width:100,height:100});
8    });
9    //Code Ends
You can also define the thumbnail size using a CSS and the advantage is so whenever you’ll want to restyle you won’t have to touch your javascript to let the thumbnails fit.
01    //Code Starts
02    <style type=”text/css” media=”screen”>
03     .square-thumb
04     {
05        width: 150px;
06        height: 150px;
07     }
08    </style>
09
10    <div>
11       <img src=”path/to/image.png” />
12    </div>
13
14    $(document).ready(function() {
15        $(‘.nailthumb-container’).nailthumb();
16    });
17    //Code Ends
This will create thumbnail of 150 x 150. This plugin provides many options to create thumbnails like Crop to Fit, with Animation, Show image title with thumbnail and many more…

 

 

 

 

 

source: http://jquerybyexample.blogspot.com/2012/04/how-to-create-thumbnail-from-images.html