Currently viewing the tag: "web development"

web development
I’m moving my old site realcustomscripts.com with all the mods and web applications I’ve created #IPB & other stand-alone applications to here on amgedosman.com
I will be selling my stuff through 2CO and via IPB Store
All my mods will be updated to latest versions

Tagged with:
 

PHP Url Shortener
This class a ready to use class, that aim to use v.gd & is.gd URL shortening API, the class is very self explanatory & easy to use.
I wrote everything so you can only upload the files to your server and you will have a URL shortening page ready to be used, all you have to do is change some of the design, which is optional.

The class is based on the API class written by v.gd developers, I added Human readable errors and made it optional to switch between the shortener services (v.gd or is.gd)

Features

1- Already stablished URL shortener (You only use an API)
2- Shorten your URL on the fly
3- Ready to use class with templates
4- Uses our cross-platform Copy to clipboard zClipDeBugged
5- Pretty Design :D

Usage

/* classToLoad */
 require_once( 'sources/vgdClass.php' );
 $libsClass = new vgdMainClass();
 require_once( 'tpls/templates.php' );
 $libsTemplates = new vgdTemplates();
 
$result  = $libsClass->vgdShorten($_POST['urltoshorten'], $_POST['provider'], $_POST['allias'] );
      #shortened?
       if ($result["response"]){
       $output .= $libsTemplates->showResults($result["response"]);
       }
       # Do we have errors?
       $output .= $libsTemplates->showErrors($result["errorCode"], $errorMessage);

Demos

DEMO | PHP URL Shortening Class by AmgedOsman.com (v.gd & is.gd)

Download

(AO)_PHP_URL_shortener

Tagged with:
 

zClipDebugged_Copy_to_clipboard

The software

This is a small update of zClip The main idea of this script is to enable Debugging and show the actions have been taken so far, also to make the alert optional.

Downloads

jquery.zclipdebugged

Usage

The JavaScript
Paste this part before the head tag in your html file

    <link href='../style/main.css' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <script type="text/javascript" src="../js/jquery.zclipdebugged.js"></script>
    <script language="JavaScript">
    var chk = window.location.pathname;
    $( domReady );

    function domReady() {
        $('a#copy-zinput').zclip({
        path: chk +'/js/ZeroClipboard.swf',
        doNotify: false,
        doDebugStr:true,
        debugDiv:'d_debug',
        copy:function(){return $('input#zinput').val();}
        });

        $('a#copy-ztextarea').zclip({
        path: chk +'/js/ZeroClipboard.swf',
        doNotify: false,
        doDebugStr:true,
        debugDiv:'d_debug',
        copy:function(){return $('textarea#ztextarea').val();}
        });  

        $('a#copy-zparagraph').zclip({
        path: chk +'/js/ZeroClipboard.swf',
        doNotify: true,
        doDebugStr:true,
        debugDiv:'d_debug',
        copy:function(){return $('#zparagraph').text();}
        });  

        $("a#copy-callbacks").zclip({
    path: chk +'/js/ZeroClipboard.swf',
    doNotify: true, //if we have callbacks this will be disabled by force
        doDebugStr:true,
        debugDiv:'d_debug',
    copy:$('#callback-paragraph').text(),
    beforeCopy:function(){
        $('#callback-paragraph').css('background','deeppink');
        $(this).css('color','red');
        $(this).css('text-decoration','line-through');
        },
    afterCopy:function(){
        $('#callback-paragraph').css('background','dodgerblue');
        $('#callback-paragraph').css('color','white');
        $(this).next('.check').show();
        }

});
}
    </script>

The HTML

Paste this part after the body tag in your html file

<a href='#' id='copy-zinput' class='topic_title CopyToClip'>Input Sample - Click to Copy</a>
<br class='clear' /><br class='clear' />
<input id='zinput' type='text' class='textAreaStyle' size='60' value='Some text text to be copied from input' />
<br class='clear' />

 <a href='#' id='copy-ztextarea' class='topic_title CopyToClip'>Textarea Sample - Click to Copy</a>
 <br class='clear' /><br class='clear' />
 <textarea id='ztextarea' class='textAreaStyle' cols='50' rows='3'> Some textarea to be copied </textarea>

 <a href='#' id='copy-zparagraph' class='topic_title CopyToClip'>Paragraph Sample - Click to Copy</a>
 <br class='clear' /><br class='clear' />
 <p id='zparagraph' class='textAreaStyle aonPad'> Some paragraph text to be copied, with alert!!</p>

 <a href='#' id='copy-callbacks' class='topic_title CopyToClip'>Paragraph callBack Sample - Click to Copy</a> 
 <img src="tpls/imgs/checkmark.png" alt='checkmark' class='check' />
 <br class='clear' /><br class='clear' />
 <p id='callback-paragraph' class='textAreaStyle aonPad'> Some paragraph text to be copied, with callBacks!! (Alerts are forced to be disabled)</p>

 <!-- debug div --->
 <div id='d_debug' style='border:1px solid #aaa; padding: 10px; font-size:9pt;'>
               <h3>Action Taken so far...:</h3>
       </div>

Demos

AmgedOsman | zClipDeBugged – Copy To Clipboard

(ao3)_instagram_for_IPB
Displays a list of your latest photos added to Instagram on the sidebar of your IPB (Invision Power Board), the hook is fully customizable.

Please make sure to authenticate your account with http://web.stagram.com so you can use your own username.

 

Download: (AO3) Instagram Photos Hook for IPB

Tagged with:
 

Pinterest Hook for IPBThis is a hook I created for IPB (Invision Power Boards), It displays list of your latest pinned pintirests. It also displays a follow URL, the hook is fully customized.

You can download it from here:

Download: (AO3) pinterest Hook for IPB 3.2.x & 3.3.x

Tagged with: