Learn Javascript by Examples: HTML

Showing posts with label HTML. Show all posts

Wednesday, October 1, 2008

'onContextMenu' Example

<html>

<head>

<script language="JavaScript">


function function2() {


alert("This image is copyrighted")


}

</script>

</head>

<body oncontextmenu="function2()">


<p>Right click in the image.</p>


<img oncontextmenu="function2()"


src="http://www.navioo.com/style/logo.png"


alt="www.navioo.com"


width="99"


height="76">

</body>

</html>

If you want to disable the context menu,

add the following code to the <body>:

oncontextmenu="function2(); return false;"





Try it online

Wednesday, September 17, 2008

Easy Grid - Ajax JavaScript

This package can be used to display and data grids using AJAX. It uses Yahoo User interface library Javascript classes to perform AJAX requests. A Javascript script calls Yahoo UI libraries to load the data for the table from the server.
Interactive Grid with Your Own Hands

I am sure being pampered by GUI of desktop applications, users find interfaces of web-applications as extremely uncomfortable. Their notes, probably unexpressed, are timely within AJAX Age. Besides, it is not so difficult to make web-applications more user-friendly. I will not describe whole variety of interface forms in this article, but will concentrate on such an indispensable element as a grid. Almost every web-application needs linear data list management. DB record management of PhpMyAdmin is likely a classical solution in this field. It is a popular solution, but it demands page reloading for every operation, data loss is possible and so on. Let us think about what requirements should be included to be a user-friendly interface should have. The user should have the ability to sort the list by fields, filter the list, the possibility to assign a range of selecting and pagination. With all this going on, only part of the application window should be changed.
Read more >>>