Authors generally write browser plugins for letting people define the meanings of certain words or perform easy and quick web searches of selected text. It is easy to see that the same features are not available to the user once he/she starts using a different browser or visits that web-page on a different browser/machine that does not have that particular extension/plugin/add-on installed. This is frustrating for the user who might have gotten used to the conveniences provided by that extension.
What I would like to propose is a widget that web-site authors can embed into their web-pages so that users:
The zero click search widget searches for a block of selected text using Duck Duck Go's public API and displays the results in an iframe. The result iframe is highly configurable via configuration parameters.
Select some text in the paragraphs below to see how the widget works and looks like.
An operating system (OS) is software, consisting of programs and data, that runs on computers and manages the computer hardware[1] and provides common services for efficient execution of various application software. For hardware functions such as input and output and memory allocation, the operating system acts as an intermediary between application programs and the computer hardware,[2][3] although the application code is usually executed directly by the hardware, but will frequently call the OS or be interrupted by it. Operating systems are found on almost any device that contains a computer—from cellular phones and video game consoles to supercomputers and web servers. Examples of popular modern operating systems for personal computers are Microsoft Windows, Mac OS X, and GNU/Linux.[4]
Javascript Code:$("#p1").zero_clickable({
id: "a1",
singleton: true,
clickout: true,
css: { color: "#666666", "font-family": "monospace" }
});
Early computers were built to perform a series of single tasks, like a calculator. Operating systems did not exist in their modern and more complex forms until the early 1960s.[5] Some operating system features were developed in the 1950s, such as monitor programs that could automatically run different application programs in succession to speed up processing. Hardware features were added that enabled use of runtime libraries, interrupts, and parallel processing. When personal computers by companies such as Apple Inc., Atari, IBM and Amiga became popular in the 1980s, vendors added operating system features that had previously become widely used on mainframe and mini computers. Later, many features such as graphical user interface were developed specifically for personal computer operating systems.
Javascript Code:$("#p2").zero_clickable({
id: "a2",
singleton: true,
clickout: true,
proximity: false,
css: { color: "#666666" },
onbeforeshow: function(a) { alert("About to show: " + a.attr("id")); },
onbeforeclose: function(a) { alert("About to remove: " + a.attr("id")); }
});
CSS (stylesheet):#a2 {
background-color: #FFFFFF;
}
An operating system consists of many parts. One of the most important components is the kernel, which controls low-level processes that the average user usually cannot see: it controls how memory is read and written, the order in which processes are executed, how information is received and sent by devices like the monitor, keyboard and mouse, and decides how to interpret information received from networks. The user interface is a component that interacts with the computer user directly, allowing them to control and use programs. The user interface may be graphical with icons and a desktop, or textual, with a command line. Application programming interfaces provide services and code libraries that let applications developers write modular code reusing well defined programming sequences in user space libraries or in the operating system itself. Which features are considered part of the operating system is defined differently in various operating systems. For example, Microsoft Windows considers its user interface to be part of the operating system, while many versions of Linux do not.
Javascript Code:$("#p3").zero_clickable({
id: "a3",
singleton: true,
clickout: true,
css: { color: "purple", "font-family": "'Segoe UI',Arial,sans-serif" }
});
CSS (stylesheet):#a3 {
background-color: #FFCEDE;
}
To make any block of text Zero Clickable, you need to do the following:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script> <script src="http://dhruvbird.com/ddb/js/jquery.zero_clickable.min.js"></script>
<script type="text/javascript">
$().ready(function() {
$("#p1").zero_clickable({
id: "a1",
singleton: true,
clickout: true,
css: { color: "#666666", "font-family": "monospace" }
});
});
</script>
In the example above, a DOM element with an id of p1 is the element that contains the text we want to make zero clickable.
<link rel="stylesheet" type="text/css" href="css/jquery.zero_clickable.css" />
<style type="text/css">
#a1 {
background-color: #FFFFFF;
}
</style>
The following configurables may be passed to the widget constructor (the zero_clickable() method) to customize the behaviour and look & feel of the wedget. All the fields below are optional.