Browsing articles in "CSS"

Form Validation Like Ajax or JQuery Using Simple Javascript and CSS

Aug 5, 2009   //   by nuhil   //   Ajax, CSS, JQuery, JS  //  No Comments

The code below will create a form with two fields. If do not enter “1″ in the first form field try to leave that field then it will response and create a message on the right side of the field.

This will work just like any Ajax or Jquery form validation but it is simply Javascript and CSS.

  1. <html>
  2. <head>
  3. <script type="text/javascript"><!–
  4. function update() {
  5. if(document.form.num_1.value != '1')
  6. document.form.sum.value = 'Start with 1';
  7. document.form.sum.style.visibility = 'visible';
  8. }
  9. //–></script>
  10. </head>
  11.  
  12. <body>
  13. <form name="form" method="post" action="">
  14. <table width="100%"  border="0" cellpadding="1">
  15. <tr>
  16. <td>First Number </td>
  17. <td><input name="num_1" type="text" id="num_1"  onChange="update()">
  18. <input name="sum" type="text" id="sum" readonly="" style="border:0px; visibility:hidden; "></td>
  19. <td>&nbsp;</td>
  20. <td>&nbsp;</td>
  21. </tr>
  22. <tr>
  23. <td>Second Number </td>
  24. <td colspan="3"><input name="num_2" type="text" id="num_2"  onChange="update()"></td>
  25. </tr>
  26. </table>
  27. </form>
  28. </body>

I hope logic can be developed by you for further uses.

My First WordPress Theme!

Nov 24, 2008   //   by nuhil   //   CMS, CSS, HTML, PHP, Wordpress  //  4 Comments

Yesterday i made a wordpress theme which is my first work in theme based works. The theme is 100% widgets supported. It is two columns based and has fixed width. I named it RedHat because i used a redhat logo and Black+Red color in major in that theme.
You can see this theme in work.
Click the screenshot below.screenshot

Please don’t forget to comment about my silly job.

My 5th Semester Project!

Jul 29, 2008   //   by nuhil   //   CSS, HTML, My RUET life, MySQL, PHP  //  No Comments

I have launched my 5th semester project on the web for testing and further feedback. I was directed to make a web app for a garments shop. There are two types of use. Administrator can upload a product by specific privilege and customer can see required product or all product by searching with requirements. They also can by the product.

The address: My project

I've Launched my first Facebook Application using iFrame:

May 28, 2008   //   by nuhil   //   Ajax, CSS, FBML - FBJS - iFRAME, PHP  //  No Comments

It is an interesting matter to have a facebook application built by own. There is enough restriction to use HTML code or using JS in that app. But adding this app in iframe mode you can place any kind of application you have made. You Application must be in your own hosting server. Facebook will just redirect to this location within there view.

To get started just go to the Developers link in your facebook account and you will get futher instruction.

My Application:
Name: Recent Event in RUET

To add this Application on your Facebook Profile :Get This: Click Here

Another Power of Ajax! Instant Edit on View-Page

May 1, 2008   //   by nuhil   //   Ajax, CSS, JS, MySQL, PHP  //  2 Comments

When a page is displayed with requested data from a database, then normally the data it contains can be edited or updated by getting the id of that form and by using that to update the form. Now, with the Ajax you can make a output page where you can edit the field of the form by just clicking on it and it will be saved to database instantly.

I’m unable to describe the benifit or beauty of this task. Just try it and make it more effective and do the JavaScript and be with Ajax. Example named insedit.zip

Pages:12»