|
|
 |
|
10-11-2010, 09:22 PM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
10-20-2010, 11:05 PM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
10-20-2010, 11:51 PM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
10-21-2010, 11:02 AM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
10-26-2010, 09:03 PM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
10-26-2010, 09:47 PM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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">< Go back to the tutorial</a></p>
</div>
|
11-02-2010, 12:34 AM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
11-09-2010, 07:06 PM
|
|
Senior Member
GB Guru
|
|
Join Date: Sep 2009
Posts: 180
|
|
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
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
Linear Mode
