LearnExample

Where Should The Google Analytics Tracking Code Be Placed?

Posted by HukuDuku at 06:59 on Tuesday, 15 April 2014

In practice, the Google Analytics code will work regardless of where you put it on the page. We recommend inserting it in the <head> section or after the opening <body> tag if possible. This is because the higher up it is inserted in your page source code, the sooner it will get executed after the user lands on your page. If you put your Analytics tracking code at the bottom of your code, it will be the last piece of script to get executed. Sometimes, if the user navigates to another page before the page has finished loading, the tag may not have time to fire and the data you collect will be less accurate. That's why the best practice is to put the tag towards the top of your page code.

Difference Between Load Event vs DOMContentLoaded Event

Posted by HukuDuku at 05:54

DOMContentLoaded Event: DOMContentLoaded Event fired when all element of the page is fully loaded But Not resources

Load Event: Load Event fires when page is fully loaded with resources(stylesheets, images, and sub frames)

Demo

Create Single Page Website Using CSS And Jquery

Posted by HukuDuku at 23:11 on Friday, 11 April 2014

Single Page Website

Create a Single Page Website with No Scroll required.

If you are developed a static site and three or four pages with minimal images or information than i suggest create a single page website. Single page website is more attractive and no time loading required for web pages.easy to implement and user interactive

Ready Function In Jquery

Posted by HukuDuku at 00:34

Ready function is execute when the DOM is fully loaded.

.ready()is guaranteed to be executed after the DOM is ready, so this is usually the best place to attach all other event handlers and run other jQuery code. When using scripts that rely on the value of CSS style properties, it's important to reference external stylesheets or embed style elements before referencing the scripts.

Two way writing Ready() method

1.$( document ).ready(function() {
// Handler for .ready() called.
});

2.$(function() {
// Handler for .ready() called.
});

Alphapager | Extension | Yii PHP Framework

Posted by HukuDuku at 22:09 on Thursday, 10 April 2014

alphapager

Simple alphanumeric pager for paging through data by e.g. A-Z.This extension is an alphanumeric pager which could be used standalone or within a Grid-/ListView.

-It is easy to implement but hard to find how to implement

How to implaement

step 1:

PHP Arrays Difference Between Push And Unshift

Posted by HukuDuku at 21:54

Both function doing same work add element in the array and Returns the number of elements in the new array.

So whats the difference ?

PHP Push Array – array_push()

Add one or more elements onto the end of array. Returns the number of elements in the new array.

Standard method using array_push();
// create our array with 1 element
$arr = array("one");
// $count will be 3 and $arr will now be array("one","two","three");
$count = array_push($arr,"two","three");

PHP Unchift Array – array_unshift()

Add one or more elements to the beggining of an array. Returns the number of elements in the new array.

Standard method using array_unshift();
// create our array with 3 elements
$arr = array("three","four","five");
// $count will now be 5 and array will hold one - five
$count = array_unshift($arr,"one","two");

How To Install Yii Framework

Posted by HukuDuku at 01:02 on Wednesday, 9 April 2014

Adding Yii Framework

Head over to Yii's website and download Yii Framework. Once the download completed, extract Yii to an easy to remember place inside of you htdocs folder. I went with

C:\xampp\htdocs\yii\

Now that Yii is in place, navigate to your htdocs folder from Command Prompt

C:\ > cd C:\xampp\htdocs

And run the following command to generate your first web app. Be sure to replace yii-app with your application name. At the first prompt, type yes to build the web app.

C:\xampp\htdocs\ > php.exe yii/framework/yiic.php webapp C:\xampp\htdocs\yii-app

Create Custom Drop Down List

Posted by HukuDuku at 00:28

Make your Drop down list Stylish

There was always difference in styling of drop down list in different browser.So big Question is how to make a standard drop down list ? here is easy solution make custom drop down list. Oh ! so bored now how can i make custom drop down ? Just Copy below code and use & change this code what ever you want.

See the Pen Custom drop-down list by Parth (@Parthmy007) on CodePen.

DOS Command

Posted by HukuDuku at 21:54 on Sunday, 6 April 2014

ALL DOS COMMAND

ADDUSERS	Helps Add or list users to/from a CSV file
ARP	Address Resolution Protocol
ASSOC	Change file extension associations
ASSOCIAT	One step file association
AT	Schedule a command to run at a later time
ATTRIB	Change file attributes
BOOTCFG	Edit Windows boot settings
BROWSTAT	Get domain, browser and PDC info
CACLS	Change file permissions
CALL	Call one batch program from another
CD	Change Directory - move to a specific Folder
CHANGE	Change Terminal Server Session properties
CHKDSK	Check Disk - check and repair disk problems
CHKNTFS	Check the NTFS file system
CHOICE	Accept keyboard input to a batch file
CIPHER	Encrypt or Decrypt files/folders *
CleanMgr	Automated cleanup of Temp files, recycle bin
CLEARMEM	Clear memory leaks
CLIP	Copy STDIN to the Windows clipboard.
CLS	Clear the screen
CLUSTER	Windows Clustering
CMD	Start a new CMD shell
COLOR	Change colors of the CMD window
COMP	Compare the contents of two files or sets of files
COMPACT	Compress files or folders on an NTFS partition
COMPRESS	Compress individual files on an NTFS partition
CON2PRT	Connect or disconnect a Printer
CONVERT	Convert a FAT drive to NTFS.
COPY	Copy one or more files to another location
CSVDE	Import or Export Active Directory data
DATE	Display or set the date
Dcomcnfg	DCOM Configuration Utility
DEFRAG	Defragment hard drive
DEL	Delete one or more files
DELPROF	Delete NT user profiles
DELTREE	Delete a folder and all subfolders
DevCon	Device Manager Command Line Utility
DIR	Display a list of files and folders
DIRUSE	Display disk usage
DISKCOMP	Compare the contents of two floppy disks
DISKCOPY	Copy the contents of one floppy disk to another
DNSSTAT	DNS Statistics
DOSKEY	Edit command line, recall commands, and create macros
DSADD	Add user (computer, group..) to active directory
DSQUERY	List items in active directory
DSMOD	Modify user (computer, group..) in active directory
ECHO	Display message on screen
ENDLOCAL	End localisation of environment changes in a batch file
ERASE	Delete one or more files
EXIT	Quit the CMD shell
EXPAND	Uncompress files
EXTRACT	Uncompress CAB files
FC	Compare two files
FDISK	Disk Format and partition
FIND	Search for a text string in a file
FINDSTR	Search for strings in files
FOR	Loop command: all options Files, Directory, List
FORFILES	Batch process multiple files
FORMAT	Format a disk
FREEDISK	Check free disk space (in bytes)
FSUTIL	File and Volume utilities
FTP	File Transfer Protocol
FTYPE	Display or modify file types used in file extension associations
GLOBAL	Display membership of global groups
GOTO	Direct a batch program to jump to a labelled line
HELP	Online Help
HFNETCHK	Network Security Hotfix Checker
IF	Conditionally perform a command
IFMEMBER	Is the current user in an NT Workgroup
IPCONFIG	Configure IP
KILL	Remove a program from memory
LABEL	Edit a disk label
LOCAL	Display membership of local groups
LOGEVENT	Write text to the NT event viewer.
LOGOFF	Log a user off
LOGTIME	Log the date and time in a file
MEM	Display memory usage
MD	Create new folders
MODE	Configure a system device
MORE	Display output, one screen at a time
MOUNTVOL	Manage a volume mount point
MOVE	Move files from one folder to another
MOVEUSER	Move a user from one domain to another
MSG	Send a message
MSIEXEC	Microsoft Windows Installer
MSINFO	Windows NT diagnostics
MSTSC	Terminal Server Connection (Remote Desktop Protocol)
MUNGE	Find and Replace text within file(s)
MV	Copy in-use files
NET	Manage network resources
NETDOM	Domain Manager
NETSH	Configure network protocols
NETSVC	Command-line Service Controller
NBTSTAT	Display networking statistics (NetBIOS over TCP/IP)
NETSTAT	Display networking statistics (TCP/IP)
NOW	Display the current Date and Time
NSLOOKUP	Name server lookup
NTBACKUP	Backup folders to tape
NTRIGHTS	Edit user account rights
PATH	Display or set a search path for executable files
PATHPING	Trace route plus network latency and packet loss
PAUSE	Suspend processing of a batch file and display a message
PERMS	Show permissions for a user
PERFMON	Performance Monitor
PING	Test a network connection
POPD	Restore the previous value of the current directory saved by PUSHD
PORTQRY	Display the status of ports and services
PRINT	Print a text file
PRNCNFG	Display, configure or rename a printer
PRNMNGR	Add, delete, list printers set the default printer
PROMPT	Change the command prompt
PsExec	Execute process remotely
PsFile	Show files opened remotely
PsGetSid	Display the SID of a computer or a user
PsInfo	List information about a system
PsKill	Kill processes by name or process ID
PsList	List detailed information about processes
PsLoggedOn	Who’s logged on (locally or via resource sharing)
PsLogList	Event log records
PsPasswd	Change account password
PsService	View and control services
PsShutdown	Shutdown or reboot a computer
PsSuspend	Suspend processes
PUSHD	Save and then change the current directory
QGREP	Search file(s) for lines that match a given pattern.
RASDIAL	Manage RAS connections
RASPHONE	Manage RAS connections
RECOVER	Recover a damaged file from a defective disk.
REG	Read, Set or Delete registry keys and values
REGEDIT	Import or export registry settings
REGSVR32	Register or unregister a DLL
REGINI	Change Registry Permissions
REM	Record comments (remarks) in a batch file
REN	Rename a file or files.
REPLACE	Replace or update one file with another
RD	Delete folder(s)
RDISK	Create a Recovery Disk
RMTSHARE	Share a folder or a printer
ROBOCOPY	Robust File and Folder Copy
ROUTE	Manipulate network routing tables
RUNAS	Execute a program under a different user account
RUNDLL32	Run a DLL command (add/remove print connections)
SC	Service Control
SCHTASKS	Create or Edit Scheduled Tasks
SCLIST	Display NT Services
ScriptIt	Control GUI applications
SET	Display, set, or remove environment variables
SETLOCAL	Control the visibility of environment variables
SETX	Set environment variables permanently
SHARE	List or edit a file share or print share
SHIFT	Shift the position of replaceable parameters in a batch file
SHORTCUT	Create a windows shortcut (.LNK file)
SHOWGRPS	List the NT Workgroups a user has joined
SHOWMBRS	List the Users who are members of a Workgroup
SHUTDOWN	Shutdown the computer
SLEEP	Wait for x seconds
SOON	Schedule a command to run in the near future
SORT	Sort input
START	Start a separate window to run a specified program or command
SU	Switch User
SUBINACL	Edit file and folder Permissions, Ownership and Domain
SUBST	Associate a path with a drive letter
SYSTEMINFO	List system configuration
TASKLIST	List running applications and services
TIME	Display or set the system time
TIMEOUT	Delay processing of a batch file
TITLE	Set the window title for a CMD.EXE session
TOUCH	Change file timestamps
TRACERT	Trace route to a remote host
TREE	Graphical display of folder structure
TYPE	Display the contents of a text file
USRSTAT	List domain usernames and last login
VER	Display version information
VERIFY	Verify that files have been saved
VOL	Display a disk label
WHERE	Locate and display files in a directory tree
WHOAMI	Output the current UserName and domain
WINDIFF	Compare the contents of two files or sets of files
WINMSD	Windows system diagnostics
WINMSDP	Windows system diagnostics II
WMIC	WMI Commands
XCACLS	Change file permissions
XCOPY	Copy files and folders

Offline Version Of W3Schools To Learn HTML

Posted by HukuDuku at 21:45

-offline version to learn HTML

-W3School-Html Download

Jquery Ajax Setting

Posted by HukuDuku at 21:42

$.ajax({
    beforeSend: function(req) {
        req.setRequestHeader("Accept", "text/xml");
    },
    type: "GET",
    url: "[proper url]",
    contentType: "text/plain; charset=utf-8",
    dataType: ($.browser.msie) ? "text" : "xml",
    username: '---',
    password: '-------',                                
    success: function(data) {
        var xml;
        if (typeof data == "string") {
            alert("Data is string:" + data);
            xml = new ActiveXObject("Microsoft.XMLDOM");
            xml.async = false;
            xml.loadXML(data);
        } else {
            xml = data;
            alert("Data is not string:" + $(xml).text());
        }
        // Returned data available in object "xml"
        //alert("Status is: " + xml.statusText);
        $("#ingest_history").html($(xml).text());
    }              
});

If you never view this kind of setting than this is time for you read this article why set this setting ? ans is here :

beforeSend : A pre-request callback function that can be used to modify the jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object before it is sent. Use this to set custom headers.

Type : "get" or "post" set HTTPRequest type.if u set "get" than ur data is view in url.so my advice is use "Post"

contentType: if you set contentType to plain/text than your result allways accept plain/text

dataType: what kind of data you want ? xml , html ,text

success: call user define function if your ajax request successfully executed

Apply More Than One Class On Element(tag)

Posted by HukuDuku at 21:41

Your Html code

<div class="red border box">
 </div>
 
 <div class="blue border box">
 </div>
 
 <div class="green border box">
 </div>
 
 <div class="red box">
 </div>
 
 <div class="blue box">
 </div>
 
 <div class="green box">
</div>

Your css :

.box {
 width: 100px;
 height: 100px;
 margin: 10px;
 float: left;
}
.red {
 background-color: red;
}
.blue {
 background-color: blue;
}
.green {
 background-color: green;
}
.border {
 border: 3px solid black;
}

Select Multiple Element In A Single Line

Posted by HukuDuku at 21:38

Your Html Code

<body>
    <div id=’header’><h1>Book Club</h1></div>
    <div class=’book-one’>
        <p>Travel Guide to NYC</p>
    </div>
    <div class=’book-two’>
        <p>Travel Guide to San Francisco</p>
    </div>
    <div class=’book-three’>
        <p>Travel Guide to Seattle</p>
    </div>
    <div class=’book-four’>
        <p>Travel Guide to Miami</p>
    </div>
<body>

Write Jquery Smart Code

<script>
$(document).ready(function() {
    $(‘.book-one, .book-two, .book-three, .book-four, #header, #footer p’).css(‘background’’’,’#ccc’’’);
});
</script>

No need to Hard Coding Like

$(‘.book-one')..css(‘background’’’,’#ccc’’’);
$(‘.book-two')..css(‘background’’’,’#ccc’’’);

Select Element Using More Than One Class (css,jquery)

Posted by HukuDuku at 21:36

Your Html Code

<div class="book active">
data
</div>
<div class="book inactive">
data
</div>

Your Jquery

$('.book.inactive').css("background","red");
$('.book.active').css("background","gray");

How To Convert Array Into String In PHP

Posted by HukuDuku at 02:06 on Monday, 24 March 2014

Declare Array : $ar = array("parth","raja","nikhar");

method 1:
echo implode($ar,",");

method 2:
echo join(",",$ar);

both method produce same result : parth,raja,nikhar

Commonly Confused Bits Of jQuery

Posted by HukuDuku at 21:11 on Tuesday, 4 March 2014

1. .parent() vs. .parents() vs. .closest()

PARENT(SELECTOR)

This simply matches the one immediate parent of the element(s).

PARENTS(SELECTOR)

This acts in much the same way as parent(), except that it is not restricted to just one level above the matched element(s). That is, it can return multiple ancestors.

CLOSEST(SELECTOR)

This is a bit of a well-kept secret, but very useful. It works like parents(), except that it returns only one parent/ancestor.
One quirk about closest() is that traversal starts from the element(s) matched by the selector, not from its parent. This means that if the selector that passed inside closest() matches the element(s) it is running on, it will return itself. For example:
$('div#div2').closest('div').css('background', '#f90');

This will turn #div2 itself orange, because closest() is looking for a, and the nearest to #div2 is itself.

2. .position() vs. .oﬀset()

position() calculates positioning relative to the oﬀset parent — or, in more understandable terms, the nearest parent or ancestor of this element that has position: relative. If no such parent or ancestor is found, the position is calculated relative to the document (i.e. the top-left corner of the viewport).
offset(), in contrast, always calculates positioning relative to the document, regardless of the position attribute of the element’s parents and ancestors.

3. .css(‘width’) and .css(‘height’) vs. .width() and .height()

.css(‘width’) and .css(‘height’) return value in string with "px"
.width() and .height() return value in integer so calculation.

Subscribe to: Comments ( Atom )