Articles in the JavaScript Category
JavaScript, web development »
Multiple html buttons within single HTML label
When placing multiple html buttons within single html label, the following issue was found. Especially when using with the JavaScript functions for both buttons. The following code demonstrates the problem clearly. This example uses JQuery library
HTML code
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Div Drag/Resize Demo</title>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
$().ready(init);
function init(){
$(‘#txtinsert’).click(function(){alert("button1")});
$(‘#display’).click(function (){alert("button2")});
$(‘#display1′).click(function (){alert("button3")});
}
</script>
</head>
<body>
<label>
<input name="txtinsert" type="button" id="txtinsert" value="Insert Test" />
<input name="display" type="button" id="display" value="display" />
<input name="display1" type="button" id="display1" value="display1" />
</label>
</body>
</html>
In the …
featured, Headline, JavaScript, web design, web development »
While I’m looking through the websites I have seen several websites are using server side scripting such as php,asp.net, jsp etc to get the confirmation from the users previous action.
I’ll make it clear with a small example…
When a user wants to delete a post, the user clicks on the delete button or link that performs the delete operation. Once he clicked usually the most best appropriate manner is to get confirm from the user whether he really wants to delete the post or he clicked that mistakenly. Because if he …
JavaScript, web design, web development »
There are lots of web designers and web developers are around the world. Most of the website designers are those who have directly started web designing once they have finished the cause as a freelancer. Actually its a very good job to start with, but there are some problems in the websites that are designed by the fresh freelance designers. Some of them are listed below.
No proper HTML standards are maintained.
Most of the webpage titles are missing
Empty HTML tags are not properly handled
Web pages does not contain any meta tags such as …
Common, JavaScript, Open Source, phpMyAdmin »
phpMyAdmin is the well known tool to mange mysql server and now phpMyAdmin integrating jQuery for interface changes and improvements. jQuery is one of the famous javascript library which makes the development easy and have more features such as UI elements. The jQuery is used in modifications and the new features additions where the javascript is used and also in near feature the whole phpAdmin interface can be changed to implement ajax features as well.
With the use of ajax, the access speed will increase and the user interface will be …
featured, Headline, JavaScript, phpMyAdmin »
Modify the phpMyAdmin interface to allow easy and quick access using Ajax and provide basic and advanced interfaces to ease up the basic functionalities. Add new features such as Easy query builder and pma phptoolkit (OOP pattern) to increase the flexibility and the accessibility of the users. Separate HTML and JavaScript parts from php codes where ever possible to make css and jQuery integration easier for future development.
Benefits to the users
New enhanced clean interface with Ajax will provide easy and speed access to the users.
Users able to generate php forms …
Common, featured, JavaScript, Open Source »
The following code demonstrates how the codes will look like. For example in navigation link the following code pattern will be used. If the JavaScript enabled it returns false to the caller which stops (it prevents the click) the usual html hyperlink navigation. If JavaScript is disabled then JavaScript function will not work and therefore by default it’s true and the normal hyperlink navigation will be executed.
Example code :
//JavaScript Function
Document.getElementById(“linklist”).onclick=getList;
function getList()
{
// The Ajax Call for the function in getlist.php file
………..
………..
………..
return false;
}
//Html
<a href=”getlist.php” id=”linklist” />
When the hyper link clicked, first the …