60 Reusable Code Snippet Topics
Remove Filter  | |
 | A little while ago, I wrote a [tutorial](https://www.daniweb.com/programming/web-development/tutorials/537376/sanitize-php-user-input-strings) about how important it is to sanitize PHP user input strings. Not only is it important to sanitize user input being fed into a database query, but it's also important to sanitize user input being displayed to the end-user to generate valid … |
| | After page loading , when I click on the ellipsis , horizontal tabs transform from bottom of the product image . After opening of the tabs menu bar , first tab should open by default.I tried multiple solutions but none of them worked out. |
 | As part of a project to manage my collection of photos, I wanted to add the capability of displaying a series of files as thumbnails. This posed me with three problems: 1. how to preserve the aspect ratio of the original images 1. how to generate the thumbnails without tying … |
 | Lots of good instrumental music out on the web in the form of midi files. You can incorporate background music as part of your web page. Here is the short code.  |
 | The Code Given is for only beginners in HTML 1.The code implements a simple login form 2.It checks whether the password and usernames are matching or not 3.While you are using replace the predefined username and password that I'v given that is replace "myuserid" and "mypswrd" with your own userid …  |
| | I have a problem with the CSS for the logo. I want my logo to be in the middle horizontaly every time but my logo isnt aligned with the centered image in the backgroundand, the logo isnt right in the middle of the browser .With my css code the logo … |
 | I needed a random color selector. I found one [here](http://peepspower.com/python-script-to-generate-random-css-colors). I rewrote it to make it more general purpose. "f_GenRandomColor" is the picker. The output is in list form, which should make it suitable for most general applications. "f_HTMLRandomColorChart" is just a way to create an HTML table to test …  |
 | A while back, I was working on some web pages that required a tabbed menu at the top of the content. In addition, the requirement was that the page should not perform a post back when the user clicked on the individual tabs. It was very important to have a … |
| | I have seen several posts through the years with questions about navigation menus. Menus can be built using different approaches. This example is easy to build and simple to integrate with your site. The menu is built only using HTML and CSS so you don't have to have a lot … |
 | I was looking for something similar myself a few days ago, and found the odd example of a CSS based monopoly-type game board. To be honest, they were all shabby examples made with code that left my eyes bleeding. I decided to make my own board and get it right …  |
| | Here we use the eval() function as the backbone of a simple calculator. One table is used for the display. A second table holds the buttons for the keypad. The whole thing forms an attractive looking calculator. To test it, simply paste the code into an editor like notepad and … |
 | Draw a group of shapes on the Tkinter GUI toolkit canvas and animate the group using the common tag names. |
| | Run two calls to a function simultaneously with this threading @background decorator.  |
 | The purpose of this class is to be able to create an html form with ease. This is inspired by the form helper in CodeIgniter. This can easily adapt to bootstrap or any css and jquery where id is required. To use this class, we need to include the class … |
 | **Introduction** Lets say you have a website with a mobile version and a desktop version. Pictures can be resized proportinally using css on either version. But not all html tags resize proportionally, for instance: iframes. **Javascript Function** includes: the *id* of the iframe, the *original width* and *original height* See … |
| | I am often asked how to create a tableless two column CSS layout so I thought I would just post it here for once and for all.  |
 | This is a pretty darn simple snippet that I learned from a site (don't remember the name). This is just the working Javascript which i managed to "easily" replicate :P Hopefully this will be useful for you guys. Note, this won't graph anything unless you have the html/css (i didn't … |
 | Hello friends, this code/snippet is nothing special, just a simple rss reader class written in PHP. Many times in my projects I use this script to get an RSS feed from some website and now i decided to share with you. This script can be useful for your projects or … |
| | Sometimes a css file wont load because of a slow connection or a conflict between scripts (or just any other reason). This specially problematic on mobile websites (looking at you IOS) where many standards are applied. So this little script will add a link tag to the head tag and … |
 | A modal dialog is a window that you must respond to. The MessageBox for example is such a window. It is a handy tool for displaying a warning or other kind of message to the user. But, you can configure it only in a limited way. Xcelled194 did a good … |
 | # **CHEAP LAYOUT** # A Full width layout. Tada! |
| | [CODE]<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckCode.aspx.cs" Inherits="CheckCode" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Verification code to prevent auto signup in ASP.NET 2.0</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a:link { color: #0000FF; } a:visited { …  |
 | This code enables you to publish a CSS only with mouse click and keyboard tab image swap. Attached is a Demo example of how it would look on IE6. To ensure the greatest possible cross-browser compatibility/support this code uses CSS level 1 capabilities only. One of extra benefits is that …  |
| | [COLOR="Red"][B]SIMPLE HTML PROGRAM FOR BEGINNERS[/B][/COLOR] [COLOR="Green"][B]NB:Excuse me experts,,this is for beginners[/B][/COLOR] 1.Copy the file 2.paste it in a new notepad 3.save it with .html/.htm extension 4.chose file type as all type 5.after saving you will find an internet explorer symbol with the name that you'v given while saving,,double click it. …  |
| | Use onMouseover to change the background color of your webpage. Can be applied to change other things like images and so on.  |
| | Not exactly like googles of course but it looks nice and will get the job done. So first thing of course is the standard HTML document layout. In the header I placed script and style tags since it's a simple project. It is generally good practice to link to other … |
| | # This is a simple HTML String Sanitizing tool. # ## It allows a highly rich,- but safe - html content input to be published on your pages. ## **The script code is very light and to some degree customizable.** * This function takes care of blacklisted tags, which are … |
 | Hi! *Minimize HTTP requests*. One of the suggestion I always read is to combine files, so I made a little Class that merges files on the fly, the supported formats are CSS and Javascript. With little efforts, I think, it can work fine also with JSON and CSV. Usage is … |
 | We have all been there, you have a centered site and some pages have enough content to fill the screen while some don't. So when you move back and forth between one that does and one that doesn't you see a small jump happen. Here is a small css fix … |
 | It performs the toggle function to change the class of the paragraph tags and reverts back to the default class name when user rollout of it. You can embed the CSS style code inside the Head section of your page using HTML style tag. Code is as follows : |
 | I just made this code today for a site I'm working on and figured people may try to improve it. To use: [CODE] $("#randomize").randomize(); [/CODE] [CODE=HTML] <!DOCTYPE HTML> <html> <head> <title>Random Pick Test</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script> <script type="text/javascript" src="randomize.jQuery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#randomize").randomize({ direction: 'topToBottom', evenBG: '#FFF', evenFG: '#000', …  |
 | Sometimes one line of tool tip is not enough. You may want to try and play around with JToolTip, but if you in hurry this "little hack" can be handy. With little of HTML plus CSS code you can work out various formats (font, colour, alignment, size etc.). |
| | This is a falling snow snippet Its very light grey its really meant for like dark backgrounds for best effect but its ok on white. its a slightly grey snow Just place the code in between tags and it should work Its too complicated to edit color unless you have … |
 | I have seen many beautiful clocks using images and and canvas and flash. So I thought of developing one with pure HTML,CSS3 and javascript, no images at all. This clock can be completely design using CSS. A brief description of Javascript used:- 'AnalogClock' is the name of the class which … |
| | This is my first step towards HTML5. This is currently tested on Chrome browser where it is awesome. It will not work on FF and definitely not on IE. I am working on it. Just copy-paste the code in blank html file and run on chrome. 'Scroller' is simple menu … |
| | The script is used in my newest chrome app [url]https://chrome.google.com/webstore/developer/detail/bomkcodcgmbjjhogdjophonfhgpegoni/[/url] Site: [url]http://codestrix.co.cc/pixels/[/url] The above script is a good to get stated with HTML5 canvas. Much of it is named so as to be self explanatory but any doubts you are more than welcome to post it here. |
 | Here is code to execute these printing commands from file: [CODE]talk("How Are You") bark("I am fine") bark("...and how are you") snarl("...sorry I asked") [/CODE] from file INPUT, do printing of results to screen without tags and to file with tags, and open the html output with webbrowser. |
| | hi...... i am using window xp.....apache server m new in php i inserted record in database through forms .now i m facing problem to delete the records from database in php code..... above code is not working properly...give me solution within 2 days.... |
 | This script is something i wrote during work, as I often need to do this (concatenate strings via multiple lines so it's clearer). Hopefully you guys like it. |
| | for this to work you need to add some text boxes and name them accordingly, make sure when you add a text box add [CODE]$_POST["new_text field"] = $new_text field;[/CODE] etc etc. html coding can be used within the html tags only. |
 | Include content from one page to another with HTML Code. On the page that you want to put content on just insert <!--#include virtual="YourURL"--> <html> <body> <!--#include virtual="YOUR URL" --> </body> </html> |
| | Thanks to the MS [ICODE]filter[/ICODE] property that disables Cleartype while applying effects. [B]Instructions:[/B] [LIST=1] [*]Paste the snippet to HEAD section of your document. [*]Paste this HTML to HEAD section of your document: [CODE=CSS] <style type="text/css"> .faded { filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90); } .okay { filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100); } </style> [/CODE] [*]Add these class, … |
 | This piece of css will show you that it is perfectly possibly to create a good looking navigation bar without any images or javascript and just a couple of lines of css. All you need to do is create a html file that contains a unordered list in it with …  |
| | Displays the html tags without rendering on a webpage.  |
 | [B]INTRODUCTION[/B] The W3C's [URL=http://www.w3.org/TR/Window]Window Object 1.0[/URL] specification (Working Draft dated 07 April 2006 at the time of writing) defines in it's [URL=http://www.w3.org/TR/Window/#location-attributes]Location Interface[/URL] section a set of attributes (or fragments) by which a Location object may be addressed. Despite the draft status of this document, many implementations of javascript have … |
| | This script is capable of handling multiple iframes inside your page. Which allow you to specify [b]fixed[/b] [color=red]Width[/color]/[color=red]Height[/color] with your iframes' to ensure layout stability in your page and also it comes with an auto-fit feature. [b]<<<INSTRUCTION>>>[/b] — [color=green]The[/color] iframeFixer.js [color=green]must be included in your[/color] iframe page [color=green]including all pages … |
| | in the previous snippet i compared two tables having columns as name and value pairs. this new one compares two tables of any number of columns(as long as it is the same number on both tables). |
| | compares to tables and highligthts the changes |
| | converts the html tables which are created by string concatenation to dom table objects |
| | I saw that in some xml files, child numbers are not the same for the elements which will correspond to our table rows. So i created a more smart version which is error tolerant. |
The End.