Posts Tagged 'jQuery'

JQuery Help Tooltip v1.0

Posted by admin on December 11 2009 Add Comments

JQuery Help Tooltip v1.0

HTML Code:
$(Element).helptooltip();

Demo: http://www.expbuilder.com/testpages/helptooltip/
Code:

HTML Code:
<span class=”helps”>
Click this help icon to test the help tooltip
</span>
<span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0
<hr /> You can type any thing here !!</span>

</div>
<script type=”text/javascript”>
$(document).ready(function()
{
$(”.helps”).helptooltip();
});
</script>

tested and working with all browsers
Download JQuery Help Tooltip v1.0
1- Download jQuery [...]

JQuery Easy Tooltip v2.0

Posted by admin on December 11 2009 Add Comments

JQuery Easy Tooltip v2.0

HTML Code:
$(Element).easytooltip(Formid, options{backgroundcolor, border, color, event})

Demo: http://www.expbuilder.com/testpages/easytooltip2/
To see the last version (1.0) goto: http://www.expbuilder.com/vb/showthread.php?t=2
HTML Code:

HTML Code:
<style type=”text/css”>

.bg
{
background-image: url(bg.jpg);
width: 275px;
[...]

JQuery Esay Tooltip v1.0

Posted by admin on December 11 2009 Add Comments

JQuery Esay Tooltip v1.0

Code:
$(Element).easytooltip(formid)

Demo: http://www.expbuilder.com/testpages/easytooltip/
To see the version 2.0 goto: http://www.expbuilder.com/vb/showthread.php?t=3
Code:

HTML Code:
<div id=”formdisplay”

style=”display: none;padding: 20px;background-color: #ffffff;border: 3px solid #000;width: 500px;”>

<h2>This is a Demo of Esay Tooltip</h2>

you can but any thing you want here

</div>

HTML Code:
<script>

$(document).ready(function()

{

$(”.demo”).easytooltip(”formdisplay”);

});

</script>

Download JQuery Esay Tooltip v1.0
1- Download jQuery JavaScript Library [...]

JQuery Float Dialog v1.0

Posted by admin on December 11 2009 Add Comments

JQuery Float Dialog v1.0
Easy PopUp

Author: Ahmed Elkadery

Click here To Get the Version 2.0 of Float Dialog with new futures

Code:
$(Element).floatdialog(dialog id, options {backgroundcolor, speed, event, effect, move, closeClass} )

To Ses the Demo: http://www.expbuilder.com/testpages/floatdialog/
Explain:
Demo 1 – Default use
HTML Code:

Code:
<a id=”demo1″ href=”javascript :void(0);”>Clicking Here</a>

<div id=”dialog1″>

<a href=”javascript :void(0);”>X</a>

<h1>Demo1 – Default use</h1>

[...]

In-place editing with contentEditable property and jQuery

Posted by admin on December 11 2009 Add Comments

In-place editing with contentEditable property and jQuery
Try out a demonstration
Firefox 3 was released on June 17, 2008, and from that time, Firefox 2 browser share is quickly dropping. Very soon it will become inefficient to continue supporting it. And we will be able to use a lot of new Firefox 3 features, such as canvas [...]

Making A Cool Login System With PHP, MySQL & jQuery

Posted by admin on December 11 2009 Add Comments

You can Download the demo here:

http://www.ziddu.com/download/7165277/demo.zip.html

Introduction
Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process.
It is going to be PHP driven and store all the registrations into a MySQL database.
To add [...]