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

To View the Demo click here
Futures:
1- Can Load with page started
2- Can Run sound with starting dialog
3- Can Select the Sound Path
See more Here

The Demo Code:

<div id=”loaddialog”>

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

<h1>Load Event with sound effect – sample demo</h1>

[...]

Intro
Folder Structure
MySQL Table
Html And Css

main.css
index.php

AJAX And Javascript

Event Listeners For `Reply` Link
Event Listener For Comment Submitting
Generating Comments
Saving Comments And AJAX

Conclusion

In this tutorial we will create multi level comments. You must have seen comments on youtube and that they have levels depending on who replied to [...]

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

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

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
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
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 [...]

Overview
In this script (very easy script), we have 3 ads for rotation
first ad we want it to display 70%
second ad we want to display 20%
and the last one we want to display 10%
What to do
1. Random number 1-100
- if result = 1-70 (we have opportunity to display ad 1, 70%)
- if result = 71-90 (we [...]