Computer Forums
Page 6 of 14 « First 45 6 78 Last »
Show 40 post(s) from this thread on one page

Computer Forums (http://www.geekboards.com/forums/index.php)
-   Building Websites (http://www.geekboards.com/forums/forumdisplay.php?f=3)
-   -   JavaScript codes for Web DEV (http://www.geekboards.com/forums/showthread.php?t=15045)

JavaScriptBank 10-11-2010 09:22 PM
JavaScript Error Codes in Internet Explorer 8
 
This free JavaScript tutorial lists all JavaScript Error Codes. By understanding the JavaScript Error Codes, you can pinpoint what's wrong with your web page or your JavaScript application. Then you h... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 10-20-2010 11:05 PM
JavaScript OOP Tutorial for Dummies
 
In this free HTML JavaScript tutorial, the dummies will have some simple, short concepts about JavaScript OOP programming, OOP in JavaScript such as: how to define a [URL="http://www.javascriptbank.com/tag=JavaScript class"]Ja... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 10-20-2010 11:51 PM
Passing Result from PHP to JavaScript with AJAX & jQuery
 
This free HTML JavaScript tutorial guides you how to use AJAX and the JavaScript framework jQuery to pass the return data from detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 10-21-2010 11:02 AM
Popular Built-in JavaScript Functions
 
In this free HTMl JavaScript tutorial, I'll list all of the built-in JavaScript functions available to you. While not everything will be covered, I will cover [URL="http://www.javascriptbank.com/tag=function in JavaScript"]fun... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 10-26-2010 09:03 PM
Collection of Amazing Sorting Table JavaScript using Prototype
 
With the support of the powerful JavaScript framework - Prototype; JavaScript developers/coders created many sorting table JavaScript example codes, usin... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 10-26-2010 09:47 PM
Web CSS Content Switcher Without JavaScript
 
Without JavaScript, we can still switch web content with CSS. It's so incredible but it's so true, just click into this free HTML example code, for testing it by yourself, to find how to make <a href=... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

Step 1: Copy & Paste CSS code below in your HEAD section
CSS
Code:
<style type="text/css">
* {
        margin: 0;
        padding: 0;
}

img {
        border: none;
}

h1 {
        line-height: 1em;
        font-family: "Times New Roman", Times, serif;
        color: #666;
        font-style: italic;
        text-align: center;
        padding: 30px 0 0 0;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 0 8px 0;
}

h3 {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
}

p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        line-height: 1.5em;
        margin: 0 0 14px 0;
        padding: 30px 0 0 0;
        clear: both;
        text-align: center;
        color: #666;
}

#content-slider {
        width: 650px;
        overflow: hidden;
        height: 300px;
        margin: 30px 0 0 0;
        border: solid 1px #666;
}

#content-slider-inside {
        list-style: none;
        height: 320px;
        overflow: scroll;
        overflow-y: hidden;
}

        #content-slider-inside li {
                width: 650px;
                background: #ccc;
                height: 300px;
                color: #666;
                font-size: 200px;
                font-family: "Times New Roman", Times, serif;
                font-style: italic;
                text-align: center;
                line-height: 300px;
        }
       
#navigation {
        list-style: none;
        margin: 20px 0 0 0;
        float: right;
}

#navigation li {
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;
        margin: 0;
        border: solid 1px #ccc;
        line-height: 30px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 0 0 5px;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
        text-decoration: none;
        display: block;
        height: 30px;
        color: #666;
}

#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited {
        background: #666;
        color: #fff;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
        background: #666;
        color: #fff;
}
</style>
Step 2: Place HTML below in your BODY section
HTML
Code:
<div style="margin: 0pt auto; width: 650px;">

<h1>A JavaScript Content Switcher That Works Without JavaScript</h1>

        <div id="content-slider">
                <ul id="content-slider-inside">
                        <li id="one">1</li>
                        <li id="two">2</li>
                        <li id="three">3</li>

                        <li id="four">4</li>
                        <li id="five">5</li>
                </ul>
        </div>
       
        <ul id="navigation">
                <li><a href="#one">1</a></li>
                <li><a href="#two">2</a></li>

                <li><a href="#three">3</a></li>
                <li><a href="#four">4</a></li>
                <li><a href="#five">5</a></li>
        </ul>

<p>This page has no JavaScript, but the content switcher above is fully functional, and even allows deep linking.</p>

<p>JavaScript can now be added as an enhancement to make the content slide, fade, or animate.</p>

<p><a href="http://www.javascriptbank.com/how-create-web-css-content-switcher-without-javascript.html">View the same page with JavaScript/jQuery enhancing it.</a></p>

<p><a href="http://www.javascriptbank.com/how-create-web-css-content-switcher-without-javascript.html">&lt; Go back to the tutorial</a></p>

</div>

JavaScriptBank 11-01-2010 10:37 PM
dygraphs: Open Source JavaScript Graph Visualization Library
 
dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 11-01-2010 11:53 PM
More 10 jQuery and JavaScript Tips and Tricks to Improve Your Code
 
Keep going on Efficient and Helpful JavaScript/jQuery Tips and Tricks, this free [URL="http://www.javascriptbank.com/tag=HTML JavaScript tutorial"]HTML JavaSc... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 11-02-2010 12:34 AM
3 Simple Ways to Define a JavaScript class
 
This free HTML JavaScript tutorial guides you how to setup, define a JavaScript class through 3 simple ways. Please try them in the detailed post, or read more HTML JavaScript tutorial about OOP JavaS... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

JavaScriptBank 11-09-2010 07:06 PM
How to load JavaScript like a WordPress Master
 
WordPress - an open source powerful PHP platform to develop personal web blogs, WordPress is the most used blog system at present, and I also opened a personal blog base ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup


All times are GMT -5. The time now is 10:27 AM.
Page 6 of 14 « First 45 6 78 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
HTML Help provided by HTML Help Central.