Tuesday, June 28, 2011

திருக்குறள் - சைட்பால்

         எல்லோருக்கும்  என் வணக்கங்கள் !!!! முதன் முறையாக முழுக்க முழுக்க தமிழில் பதிவு செய்ய முயற்சி செய்துள்ளேன். அது மட்டுமல்லாமல் இது தமிழ் மொழியில் எழுதுவது தான் சால சிறந்தது.ஆம். திருவள்ளுவர் எழுதிய திருக்குறளை மைய்யமாகக் கொண்டு எனது சில குறள்களை சேர்க்க உள்ளேன். திருக்குறள் மீது பற்று வைத்திருக்கும் அனைவரும் என்னை தவறாக நினைக்க வேண்டாம். நான் எழுதும் அனைத்தும் சிரிபதற்கு மட்டுமே. 
     
               திருவள்ளுவர் அறத்துப்பால், பொருட்பால், காமத்து பால் என்று மூன்று வகையாக பிரித்துள்ளார். அதையே நான் சற்று வித்யாசமாக  சைட்பால், காதல்பால், கல்யானபால் என்று மூன்று வகையாக பிரிகின்றேன். முதலில் சைட்பால் பற்றி பார்போம்.

சைட்பால்

சைட் அடித்து வாழ்வாரே வாழ்வார்
மற்றவர் சீக்காயே சாவர்.


சைட்டடித்து வாழ்ந்து பார்க்கின் மக்கள்
பிணி நீங்கி செழிப்பர்.



சைட்டடிப்பதே தொழிலாய் கொண்டோர் அவர்
வாழ்வில் செழிப்பது அரிது.


சைட்டடிக்க அழகான பெண்ணில்லையேல் அது
அழுகிய வாழைபழம் எனக்கொள். 

ஃபிகர்பார்க்க சீன்போட்டு வாழ்வரெனின் அவனை
ஊர்பார்க்க உண்டு அடி.


ஃபிகர் போயின் பார்கவிடில் ஃபிகர்
தானே நம்மை பார்த்துவிடும்.


காதல் சொல்ல போகும் பெண்ணிடம்
செருப்பு இல்லாமை நன்று.


ஃபிகர்க்கு செய்யும் செலவானது அவன்
தகப்பன் சொத்தழியும் அறிகுறி.


தகப்பனோ அண்ணனோ ஃபிகருடன் வருவாயின்
அவண்ணமே சைட்டடிப்பது  துணிவு. 


ஆண் பெண்ணையும் பெண் ஆணையும்
பேதமின்றி சைட்டடித்தல் நன்று.  

என் அடுத்த பதிவில் காதல்பால் பற்றி பார்போம். இது முற்றில்லும் சிரிபதர்காகவே எழுத பட்டது. யார் மனதையும் புண்படுத்துவதற்காக இல்லை.


Sunday, June 12, 2011

Pop-up Using div tag

Hi Bloggies,
                    Here I come up with one more interesting technical  post. You have come across javascript many times and there you could find script for opening a new window by clicking some text or button. But, this has various constraints like if you use open.window() method it will open a new window replacing the existing one. This may sometimes cause problems in opening because browsers expects this to be a pop up window and wont allow you to open it. Here comes the simple solution. Use div tag and produce a onclick event. Try it out guys. This is such a simple code that the one tries it, doesn’t need to be a pro in technology. Here is the scenario which I came across. Visiting a website, I found a option called “Send to a Friend” . I clicked it and I found a small window popped up infront of me with existing website contents as it is. How does it work? Here, goes the code.

 HTML CODE FOR THE TEXT YOU NEED TO CLICK
<div id=”share”><h2><span onclick=”popup()”>Click here to tell a friend</span><h2></div>
Write this HTML code in body tag of your HTML.
YOUR HTML FORM WHICH CONTAINS FROM AND TO ADDRESS
<div id=”layer”>
<div id=”email”>
<div id=”from”>From</div>
<div id=”sender” >
First Name<input type=”text” alt=”firstn”/><br><br>
Last Name<input type=”text” alt=”lastn”/><br><br>
Email Address<input type=”text” alt=”addr”/>
</div>
<div id=”to”>To</div>
<div id=”reciever”>Email Address <input type=”text” alt=”addr”/><br><br></div>
<div id=”send”><center>Send </center></div>
</div>
<div id=”close”><span onclick=”close1()”>Close</span></div>
</div>

This div layer is position absolute which means you can write anywhere in your HTML body tag and use it accordingly.
ADD A PINCH OF CSS
#layer {
 position:absolute;
 display:none;
 width: 500px;
 height: 450px;
 background-color:#e0e0e0;
 border: 1px solid #000;
 z-index:50;
 }

#sender
{
float:left;
height:225px;
width:300px;
}

#receiver
{
float:left;
height:225px;
width:300px;
}

#send
{
margin-left:100px;
height:30px;
width:100px;
border-style:solid;
border-width:3px;
border-color:#008B8B;
color:#008B8B;
}

#close
{
margin-left:450px;
}

You can add this CSS in link tag in head tag of the HTML or just write the CSS in your code. You can add your own CSS according to your favourite colors and styles.
ADD JAVASCRIPT FOR YOUR ONCLICK EVENT
<script type=”text/javascript”>
function popup()
{
document.getElementById(”layer”).style.display=”block”;
}
function close1()
{
document.getElementById(”layer”).style.display=”none”;
}
</script>

Add this Javascript in your head tag or just create a seperate .js file and add the link.
Try it out and have fun…. Happy reading..!!!

Share it if you like it