Archive for the 'Web Developers' Category

ExpBuilder Float Dialog v2.0 easy popup

Posted by admin on May 5 2010 Add Comments

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>

[...]

Simple chatbox tutorial

Posted by admin on March 22 2010 Add Comments

Ok, this is going to be a tutorial that will show you how to build the frontend of a PHP/MYSQL based chatbox that has a WYSIWYG built in.
First we need to set up the mySQL database:
We’re going to call this table chatmessages for this tutorial. It needs 5 fields:
ID – Bigint, primary , [...]

AJAX Multi-Level Comments

Posted by admin on March 22 2010 Add Comments

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

How To Detect Internet Explorer Version With PHP

Posted by admin on January 11 2010 Add Comments

Awhile ago I needed to detect the Internet Explorer version of the visitor from inside of my PHP script. Being lazy I just tried to Google for some existing code, but to my surprise there was none available! Well, I think it’s time to rectify that problem by publishing the code I ended up creating. [...]

Free Ads Manager Script in PHP

Posted by admin on December 11 2009 Add Comments

Free Ads Manager Script in PHP Powered by Expbuilder.com

Introduction
This can let your visitors add the ads without register, there are 2 types of ads:
1- free ads
2- premium ads
you have the full control from admin control panel, like allow, deny or delete.
Also you can make the ads active with client mail (activation mail)
Demo
To see the demo [...]

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