On click, replace the button with a div containing the same word. : Form Button « jQuery « JavaScript Tutorial

JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

Java Source Code / Java Documentation

Java Open Source

Jar File Download

Photoshop Tutorials

Flash Tutorials

3ds-Max Tutorials

Illustrator Tutorials

C# / CSharp Tutorial

C# / CSharp Open Source

ASP.NET Tutorial

JavaScript DHTML

JavaScript Reference

HTML CSS Reference

Python Tutorial

Python Open Source

SQL Server / T-SQL

SQL Server / T-SQL Tutorial

Oracle PL / SQL

Oracle PL/SQL Tutorial

VB.Net Tutorial

Flash / Flex / ActionScript

VBA / Excel / Access / Word

Microsoft Office PowerPoint 2007 Tutorial

Microsoft Office Excel 2007 Tutorial

Microsoft Office Word 2007 Tutorial

JavaScript Tutorial » jQuery » Form Button

30. 120. 6. On click, replace the button with a div containing the same word.


<html>

  <head>

    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){



              $("button").click(function () {

                  $(this).replaceWith("<div>" + $(this).text() + "</div>");

                });

                

         

        });

    </script>





    

  </head>

  <body>

    <body>

          <button>First</button>

                 

    </body>

</html>

30. 120. Form Button
	30. 120. 1.	Bind click action to button
	30. 120. 2.	Get form button
	30. 120. 3.	Get disabled button
	30. 120. 4.	Disables buttons greater than the 1st button.
	30. 120. 5.	Can bind and unbind events to the button.
	30. 120. 6.	On click, replace the button with a div containing the same word.
	30. 120. 7.	Create a button that's able to clone itself - and have the clones themselves be clonable.
	30. 120. 8.	Add action to button with ID
	30. 120. 9.	Use index to get the clicked button index

www.java2java.com | Contact Us

Copyright 2009 - 12 Demo Source and Support. All rights reserved.

All other trademarks are property of their respective owners.