hyuken
Jun 14 2006, 02:21 PM
hi, today im going to give you small tutorial how to use `Prototype JavaScript Framework` 1st you have to download `Prototype JavaScript Framework`library from http://prototype.conio.net/prototype makes easy to using Javascript, ex : when you want to point (get) the element from HTML usually we use :
CODE document.getElementById('elementId')
with prototype we use CODE $('elementId') , yeah...world getting small..with prototype.
example we`re going to get value from an element of
CODE <input type='text' id='txt1' name='myFriend'>
with prototype we use CODE alert($('txt1').value)
when you want to fill element with text : CODE <span id='txt1'></span> $('txt1').innerHTML = "the fox is running fastly";
OK this is little sample, we going step by step.. CU..for my next tutorial..
Reply
OpaQue
Jun 15 2006, 04:43 AM
How do you integrate this library ? Since, Javascript is executed on Client Side. :-)
Reply
hyuken
Jun 15 2006, 06:31 AM
QUOTE(OpaQue @ Jun 15 2006, 11:43 AM)  How do you integrate this library ? Since, Javascript is executed on Client Side. :-)
This library is only a Javascript file, you could write it as usually, ex : <script language="JavaScript" src="prototype.js"></script> just download the library from URL above. the library is POWERFULL.
Reply
delivi
Jun 25 2006, 09:32 AM
Cool dude. This reduces lots of lines of codes and simplifies coding. Pleas also give more examples and explain how to implement them properly in our site.
Reply
Recent Queries:--
how to create keyboard shortcut keys using javascript - 18.00 hr back. (1)
-
ie5 javascript framework - 59.61 hr back. (1)
-
javascript desktop shortcut runs - 62.02 hr back. (1)
-
prototype.js keyboard shortcut - 62.68 hr back. (2)
-
javascript shortcut prototype - 69.80 hr back. (1)
-
javascript input shortcut - 69.82 hr back. (1)
-
javascript shortcut - 72.97 hr back. (4)
-
create url shortcut using javascript - 131.26 hr back. (1)
-
shortcut creation like window (in java) - 146.66 hr back. (1)
-
image w/ description tooltip in php and mysql javascript css - 191.10 hr back. (1)
-
ctrl a shortcut keyboard "prototype.js" - 205.19 hr back. (1)
-
shortcut javascript - 207.33 hr back. (1)
-
javascript create sortcut key - 227.22 hr back. (1)
Similar Topics
Keywords : javascript, framework, shortcut, javascript, shortcut, javascript
- How To Create A Show Desktop Shortcut
(2)
Lesser Known Useful Javascript Features
(2) Variables Javascript assigns every variable a type which changes as we assign different
values to the variable. We can get the type of a variable using the ' typeof ' operator.
For eg., CODE var hello = "Welcome to Trap17"; var year = 2008; alert(typeof hello
); alert(typeof year ); The above lines will output the type of the first variable
'hello' as String and the second variable 'year' as Number . The types of
Javascript variables are Boolean, Function, Number, Object and String . A variable with ....
Make A Moderately-secure Password System Using Javascript
using file redirection to hide the password. (4) JavaScript is very handy at making forms, allowing for much more customization and easier ways to
send data. So making Login forms using JavaScript may seem to many to be a very feasable idea.
However, JavaScript is very bad at protecting Passwords, as since the passwords are not encypted and
the whole JavaScript code is in the page, a person could just view the Page Source and find out
everything. Even if you use an external JavaScript, it would still be poor as the file name for the
external JavaScript would still be revealed. But I have an answer! There is a rela....
Simple Javascript And Password System
How to protect your pages with password (9) The quickest way to get a password protection system up and running is to use a Prompt box in
JavaScript that has a title like "Enter your Email Address". Only you and the relevant users know
what the password should be, could even be one each, that can be sorted out at the next page then
pass the "input" directly through the url by changing the .href, like
http://www.iSource.net.nz/users/?leTmeIn= The page that then processes this should also check for
the referring page, and three fails from an IP if you like the php (the next page): CODE
<?php // processdo....
Start Multiple Programs With One Shortcut
Windows XP (15) Welcome to my turoial on how to start multiple programs using one shortcut. You may probably be
wondering how this is possible. Well this tutorial will use a language from MS-DOS called batch. I
am not sure whether it is "language", but I do know that it is a way to program for MS-DOS. Batch is
simply a way to run several MS-DOS commands with just one command. All batch files are run through
Command Prompt, but they can be accessed with shortcuts also. Here are a few requirements for this
tutorial. Requirements Windows XP (I tested this on XP, but it should work on m....
Create A Simple Html Editor With Php And Javascript
(3) Ok, I will teach you how to create a simple HTML editor that runs online with buttons that add HTML
tags. Before we start: You should have basic knowledge of these languages. HTML/XHTML
Javascript PHP You will need Ability to use filesystem functions. Chmodding abilities
Features of Editor Online PHP safe Full HTML support A Few Bad Features Can only create new
documents or overwrite Fairly unsafe Now we are ready to begin. The PHP Script This will be
our PHP script that we will use to make the file. Make a file called save.php Here is the....
Mootools - My Favourite Javascript Library
(3) It kind of amazes me that there's not even a mention of the Mootools javascript library
throughout this whole forum. So here I'll do a brief introduction and a tutorial on how to
produce the famous accordion effect. MooTools is a compact, modular, Object-Oriented javascript
framework designed to make writing extensible and compatible code easier and faster. MooTools lets
you get the job done efficiently and effectively. It is slightly based on the powerful Prototype
javascript framework , of which Scriptaculous runs on. (But frankly, I dislike Scriptaculou....
Javascript Scroll Bar
A scroll bar for your webpage using javascript (13) In this tutorial I will show you how to create two buttons in the bottom left of the screen that,
when hovered over, will scroll the page. Now to start with, we must create a our buttons, the first
line will create a div element, or block. Using blocks you can position items anywhere on a page.
We use the ID property just to let us know what the block is used for, as for the first block, its
obvious that it contains the vertical buttons and the second two blocks contains the horizontal
buttons. The style property of the div tag tells the browser how to draw it, in the....
Simple Scripts In Html And Javascript
Things like BackgroundColorChanger and so (7) like in the topic, here is a description how to change the Backgroundcolor "On The Fly", by klicking
on a button or radio-box first, we ned the html-and body-tags, create a new html-file on your
desktop and write the following: QUOTE <script language = "JAVASCRIPT">
browser interpretation: html - tag means "hey, browser, here comes HTML" in the body-tag you define
the looking of your site. you can add things like "bgcolor" for the background, "text" for the
textcolor and link / alink / hlink / vlink to define the linkcolor ( ) the scripttag i....
Keyboard Shortcut
The best ones (12) The bests Keyboard shortcut: QUOTE ALT + Tab = Switch between windows ALT, Space, X = Maximize
window CTRL + Shift + Esc = Task Manager Windows key + Break = System properties Windows key + F
= Search Windows key + D = Hide/Display all windows CTRL + C = copy CTRL + X = cut CTRL + V =
paste Windows key + R = Run menu This is usually followed by: cmd = Command Prompt iexplore +
"web address" = Internet Explorer compmgmt.msc = Computer Management dhcpmgmt.msc = DHCP Management
dnsmgmt.msc = DNS Management services.msc = Services eventvwr = Event Viewer dsa.....
Tool Tips Using Only Css To Pop Up The Tool Tip
No javascript involved! (8) Tool Tip Tutorial Example Found Here . Please review before continuing. Nice. And no
javascript at all to be found. The colours I have used are for demonstration purposes only to show
you that they are adjustable to suit the background or to contrast against them. Your choice. That
is a styling issue. It is your site, you decide. The original author's idea was to add
position:relative to the link, in order to allow the span element inside to position absolutely
in respect to the parent link. This code has been tested in Ie5.5, IE6, Opera7.11 and M....
Handy Javascript Code Snips
Ready to Apply in your webpage (5) /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Some common things to
implement in our webpage very frequently are as follows. How to implement all these I am going to
tell you in this tutorial. Add To Favorite Set As Homepage Go To Top Of Page No Right Click
Print Page Adding Current Date Adding Current Time Pop-Up Page Creation Closing Window
Copyright Notice Updation 01. Add To Favorite Someone may be interested in the content of your
page. Offer him/her to add the page in his/her favorite menu. To do this you have ....
Image Rollovers In Javascript
A Write-Once, Use-Anywhere Approach (11) Tutorial: Image Rollovers w/ Javascript, by Rob J. Secord, B.Sc. (SystemWisdom) See a
working Sample of this Script! Download a ZIP containing all working files in this
tutorial! Note: If you are not interested in reading this entire tutorial and/or have a basic
understanding of the underlying concepts, you may safely skip to the Implementation section to get
the code! Description : A Dynamic Image Rollover Script tested to work in 4 major internet
browsers: MSIE, FireFox, Netscape and Opera. Using only Javascript combined with regular HT....
Css And Javascript Combined For Dynamic Layout
use of different CSS files at same site (9) This tutorial is meant for people that are dealing with problems while coding their site at 100% of
width. Important notice: Some people has JavaScript disabled, so they will not be able to load CSS
file (take this in account when creating your website). How this script works. In the HEAD of your
HTML document will apply this command, so variable.js file will be load at start: CODE
<script type="text/javascript" src="variable.js"></script> In
browser JavaScript file variable.js is loaded. This Javascript file consist of this para....
How To: Change An Image When A User Clicks On It
using both php and javascript (11) How To: Change An Image When A User Clicks On It using both php and javascript - a powerful
combination I have seen quite a few how tos offering a method of doing this but none of which
resembled my method of making use of both php and javascript. This code is fairly repetitive and
most of the functions are easy to pick-up if you haven't heard of them before. Here it is...
Create your two images. Call them anything you like, you'd just need to change their filenames
in $imgano $imgayes. In fact with this script you can easily create more tha....
Creating Rollovers With Buttons
Short & simple javascript tutorial that shows you how. (2) Javascript in action can render some very neat visual effects, which can make your website more
appealing, and sometimes even easier to navigate. Among the most common effects are the
'button' effect, and the mouseover effect. The buttons are very common, of course; if
nowhere else, most of us have seen them at the end of forms (Click the 'submit' button to
proceed...). The basic idea is to have a 'depressible' object, which can give you the
illusion that you're 'pressing' it when you click it. The rollover effect causes
something to h....
Image Preloader With Progress Bar Status
Pure Client-Side JavaScript tested in 4 Browsers! (23) Tutorial: Image Preloader with Progress Bar, by Rob J. Secord, B.Sc. (SystemWisdom)
Description : A Tutorial for a Client-Side Image Preloader with Dynamic Real-Time Progress Bar
Indicator written in JavaScript! Tested to work with 4 Major Internet Browsers: Firefox, MSIE,
Netscape, Opera (Complete sample solution provided at end of tutorial, just put it on your
web-server, add your images and go!) Intended Audience : Beginner to Intermediate Web
Developers. Although this tutorial will cover some advanced aspects of JavaScript, I will try to
explain....
Opening New Tabs With Javascript
(1) I just spent a couple of hours trying to figure out how to open new tabs from a Firefox sidebar. I
found lots of different suggestions but none worked. Well finally I found this and it works. var
browser = top.document.getElementById("content"); var tab = browser.addTab("http://www.google.com");
An even better way of doing it is through: const kWindowMediatorContractID =
"@mozilla.org/appshell/window-mediator;1"; const kWindowMediatorIID =
Components.interfaces.nsIWindowMediator; const kWindowMediator = Components.classes
.getService(kWindowMediatorIID); var browserWi....
Looking for javascript, framework, shortcut, javascript, shortcut, javascript
|
*RANDOM STUFF*
*SIMILAR VIDEOS*
Searching Video's for javascript, framework, shortcut, javascript, shortcut, javascript
*MORE FROM TRAP17.COM*
|
advertisement
|
|