Archive for the ‘javascript’ Category

Top BookMarking Sites

Save your important links online with top bookmarking sites……

1 | twitter
2 | digg.com
3 | Yahoo! Buzz
4 | tweetmeme.com
5 | StumbleUpon.com
6 | reddit.com
7 | Technorati.com
8 | del.icio.us
9 | kaboodle.com
10 | mixx.com
11 | Propeller.com
12 | newsvine.com
13 | Fark.com
14 | Slashdot.org
15 | twine.com
16 | clipmarks.com
17 | dzone.com
18 | faves.com
19 | blinklist.com
20 | diigo.com

PHPLiveX – An Open Source PHP / AJAX Library And Framework

PHPLiveX is a lightweight php-javascript class library that helps you integrate AJAX to your php applications. Without a page is loaded again, you may call your php functions in the same page, submit your form to an url and send a request to another page with any type of data.

PHPLiveX is an open source project developed under GNU Lesser General Public License (LGPL).

  1. <?PHP
  2. include(“PHPLiveX.php”);
  3. //Magic here
  4. // Your PHP Function
  5. function generateRandomCode($length){
  6. sleep(1); // Function is slowed to show you the process exactly.
  7. $chars = array(“1″,“2″,“3″,“4″,“5″,“6″,“a”,“b”,“c”,“d”,“e”,“f”);
  8. $code = array_rand(array_flip($chars), $length);
  9. return implode($code);
  10. }
  11. // Necessary PHPLiveX Codes
  12. $ajax = new PHPLiveX(array(“generateRandomCode”));
  13. $ajax->Run(); // Must be called inside the ’html’ tags.
  14. ?>

  1. <!– Inside the html –>
  2. <input type=“button” value=“Generate Random Code”
  3. onclick=“generateRandomCode(10, {‘target’:'rcode’,'preloader’:'pr’});”>
  4. <img id=“pr” src=“images/loading.gif” style=“visibility:hidden;”>
  5. <span id=“rcode”></span>

Reference: http://www.phplivex.com

Resize iframe within iframe

We can use below function on JavaScript events like
onload or onclick to dynamically resize height of iframe.

<script type="text/javascript">
function resize_iframe_within_iframe(id)
{
  parent.document.getElementById(id).height =
  parent.document.getElementById(id).contentWindow.parent.
  document.body.scrollHeight + "px";
}
</script>

here id = Id of iframe.

Jquery

http://ajaxcenter.blogspot.com/

http://www.webresourcesdepot.com/

http://cssglobe.com/lab/tooltip/02/  (image tooltip)

http://www.dustyd.net/projects/PhotoNotes/

http://mabp.kiev.ua/2008/04/08/autocomplete/

http://www.agilepartners.com/blog/2005/12/07/iphoto-image-resizing-using-javascript/  (resize images)