For web resources

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 of script:
http://www.expbuilder.com/testpages/ads/index.php

install
1- unzip the ads.zip file and upload all files
2- run install.php file ex: www.yoursitename.com/install.php
3- set your database and server information
4- installing…
5- done

Download
the script is free, you can download it from here:
http://www.ziddu.com/download/7275637/ads.zip.html

thanks for choosing Expbuilder Ads Manager

$(Element).helptooltip();

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

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 JavaScript Library – jquery-1.3.2.min.js
2- JQuery Help Tooltip v1.0 – jquery.helptooltip.zip

JQuery Help Tooltip v1.0 SetUp

A. Head Tag

Import files:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.helptooltip.js"></script>
<link href="jquery.helptooltip.css" rel="stylesheet" type="text/css" />

B. Body Tag

HTML & JavaScript 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>

$(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:

<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>

<script>

$(document).ready(function()

{

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

});

</script>

Download JQuery Esay Tooltip v1.0

1- Download jQuery JavaScript Library – jquery-1.3.2.min.js
2- JQuery Esay Tooltip v1.0 – easytooltip.zip
Download this demo

- easytooltip.package.zip

JQuery Esay Tooltip v1.0 SetUp

A. Head Tag

Import files:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="easytooltip.js"></script>

B. Body Tag

HTML & JavaScript 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>

<script>

$(document).ready(function()

{

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

});

</script>

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

<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>

    <h2>This is a demo of the JQuery Float Dialog v1.0</h2>

    <div>

       this is the default use, you can do this demo by your self !

       &nbsp;<b><a href="#demo1viewsource">Check demo1 view Source</a></b>

    </div>

</div>

<script>

    $("#demo1").floatdialog("dialog1");

</script>

<a id="demo2" href="javascript :void(0);">Slide down</a>

<div id="dialog2">

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

    <h1>Demo2 - Options - slide Down</h1>

    <h2>This is a demo of the JQuery Float Dialog v1.0</h2>

    <div>

       you can make the box is slide down .. also can make it slide up, left and right

       &nbsp;<b><a href="#demo2viewsource">Check demo2 view Source</a></b>

    </div>

</div>

<script>

    $("#demo2").floatdialog("dialog2", {move: 'down'});

</script>

<script>

    $("#demo3").floatdialog("dialog3", {effect: false});

</script>

<script>

    $("#demo4").floatdialog("dialog4", {speed: 'fast'});

</script>

<script>

    $("#demo4").floatdialog("dialog4", {speed: 'fast'});

</script>

<script>

    $("#demo6").floatdialog("dialog6", {backgroundcolor: 'red'});

</script>

<script>

    $("#demo6").floatdialog("dialog6", {backgroundcolor: '#CC0033'});

</script>

<a id="demo6" href="javascript :void(0);">You can change the close button class to what you want</a>

<div id="dialog6">

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

    <h1>Demo2 - Options - Close button class</h1>

    <h2>This is a demo of the JQuery Float Dialog v1.0</h2>

    <div>

       You can change the close button class to what you want

    </div>

</div>

<script>

    $("#demo6").floatdialog("dialog6", {closeClass: '.myclosebutton'});

</script>

<style>

.disable_masking

{

    z-index: 6001;

    position: absolute;

    display: none;

}

.closebutton

{

    float: right;

    text-decoration: none;

}

</style>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="jquery.floatdialog.js"></script>

<a id="linkid" href="javascript :void(0);">Clicking Here</a>

<div id="dialogid">

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

    <h1>DIALOG DATA HERE !</h1>

</div>

<script>

    $("#linkid").floatdialog("dialogid");

</script>

Usage

First, add jQuery, plugin and style sheet to your page.

<link href="editableText.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="../jquery.editableText.js" type="text/javascript"></script>

Next, pass the elements you want to make editable to the plugin. In this example I marked editable elements with “editableText” class.

jQuery(function($){
     $('.editableText').editableText({
          // default value
          newlinesEnabled: false
     });

     // we will add more code here
});

Now you should create a function that will do something with the new
value of the editable element. Bind it to the element using change

 //  bind an event listener that will be called when
   //  user saves changed content
   $('.editableText').change(function(){
         var newValue = $(this).html();

         // do something
         // For example, you could place an AJAX call here:
        $.ajax({
          type: "POST",
          url: "some.php",
          data: "newfieldvalue=" + newValue,
          success: function(msg){
            alert( "Data Saved: " + msg );
          }
       });
   });
event.

Download: http://www.ziddu.com/download/722162…87275.zip.html

Script Demo: http://valums.com/wp-content/uploads…/demo/demo.htm

Fig. 19 – Select Custom and click next.

Fig. 20 – Click Change button to change the path of the installation.

Fig. 21 – Navigate to C:\webserver\mysql and click OK, then click next.

Fig. 22 – Click Install to start installation.

Fig. 23 – During installation a new window will pop up introducing MySQL Enterprise. Simply click next twice to continue with your installation.

Fig. 24 – Your installation is finished. You are now ready to configure your MySQL Server. Click Finish to start configuration. MySQL Configuration

Fig. 25 – On the first screen click next.

Fig. 26 – Select Detailed Configuration and click next.

Fig. 27 – Select Developer Machine and click next.

Fig. 28 – Select Multifunctional Database and click next.

Fig. 29 – Leave everything as default and click next.

Fig. 30 – Select Decision Support (DSS)/OLAP and click next.

Fig. 31 – Leave two options checked and port number as 3306 and click next.

Fig. 32 – Select Standard character Set and click next.

Fig. 33 – Select Include Bin Directory in Windows PATH and leave other options as default. Click next.

Fig. 34 – Tick Modify Security Settings and type in a password you want to use to access MySQL server, then click next.

Fig. 35 – Click Execute to apply configuration settings.

Fig. 36 Click Finish to exit configuration wizard.
The last thing you need to do is to open php.ini file located in C:\webserver\php and uncomment the line extension=php_mysql.dll by removing semicolon ; at the beginning. Save the file and close it. Restart the computer.
This way you have completed your installation and you are now ready to start developing your web applications using Apache, PHP and MySQL.
Good Luck!

Go to your desktop and in the folder you initially created find file called php-5.2.3-Win32.zip.
Extract the content of this file to C:\webserver\php. Pull out all of the files from the php-5.2.3-Win32 folder and place them directly in C:\webserver\php.
Now we need to add our C:\webserver\php folder to the path of the Environment Variables.
To do this right click My Computer icon on your desktop and choose Properties. Then choose Advanced tab and click Environment Variables button (Fig. 13).

Fig. 13
Now select Path from the System variables list in the bottom part of the window and click Edit (Fig. 14).

Fig. 14
In the new window click inside the Variable value: box and press End button on your keyboard to get to the end of the path.
Now type in or copy and paste the following ;C:\webserver\php (Fig. 15). Make sure you start it with semicolon and to use back slashes.

Fig. 15
Once you have done this click OK in all of the windows until you close the System Properties window. Now you need to restart the computer.
Next step will be to find out if our PHP is working. Go to Start > Run and type cmd. In the command prompt window type php -v. You should see something like Fig. 16.

Fig. 16
We still have some tweaking to do before we finish our installation.
Go to C:\webserver\php and find file called php.ini-recommended. Rename that file to php.ini.
Open this file and make the following amendments:

1. identify line with doc_root = and change it to:
   doc_root = C:\webserver\Apache2\htdocs
2. identify line with extension_dir = “./” and change it to:
   extension_dir = C:\webserver\php\ext

Save and close the file.
Apache Configuration
Now we need to make sure that Apache knows where to search for php modules.
To do that first go to C:\webserver\Apache2\conf and open file httpd.conf in your text editor.
Because we will be running PHP as an Apache module which is faster and more secure option comparing to CGI binary, we will need to do the following changes to httpd.conf file:

1. identify LoadModule section and add the following line at the top of this section:
   LoadModule php5_module “C:/webserver/php/php5apache2.dll”
2. identify AddType section and add the following line at the top of this section:
   AddType application/x-httpd-php .php
3. lastly place the following line somewhere within the content:
   PHPIniDir “C:/webserver/php/” – ensure you have a closing slash at the end of the path.

Save and close file. Restart Apache by going to Start > All Programs > Apache HTTP Server 2.0.59 > Control Apache Server and click Restart.
Now go to C:\webserver\Apache2\htdocs folder and select all files by pressing Ctrl + A on your keyboard. Right click on any of the selected files and choose Properties. In Attributes section of the General tab tick Hidden checkbox and click Apply and OK to close the window. This way you will only see your own files in this folder which is the root of our web server and the place where you will be setting up all your projects.
Inside C:\webserver\Apache2\htdocs create a file and give it a name phpinfo.php. Open this file with your text editor and place the following line:
<?php phpinfo(); ?>. Save and close the file.
Open your browser and type the following line in the URL:
http://localhost/phpinfo.php.
You should see now a PHP information page (Fig. 17).

Fig. 17 Now that our Apache and PHP is installed let´s move on to the next section where we will be installing MySQL.