Retrieve XML file data using JQuery

Retrieve XML file data using JQuery:-
       Each browser create different HttpRequest, so must check the browser first (window.XMLHttpRequest) and depending on the browser we need to create a XMLHttpRquest  object. Open the connection using open() method and send the request using send() methods, receive the request using xmlhttp.responseXML and now we can get all the data from the XML file using that response object.



The below example is show you how to process XML file using JQuery. The below example is to retrieve the 5students details are stored in the XML file and get and write it to table format.
  


Example Program for JQuery to Retrieve Information in XML Files:-
HTML File(.html)

<script type="text/javascript">
    $(window).load(function() {
        retrive_xml_data();
    });

    function retrive_xml_data() {
        if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else { // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.open("GET", "xml_example.xml", false);
        xmlhttp.send();
        xmlDoc = xmlhttp.responseXML;
        var temp_table1 = "";
        var temp_table2 = "";

        temp_table1 = "<tableborder='1'><TR style='text-align:center;font-weight: bold;'><td>NAME</td><td>TAMIL</TD><TD>ENGLISH</TD><TD>MATHS</TD><TD>SCIENCE</TD><TD>SOC.SCIENCE</TD><TR>";

        var x = xmlDoc.getElementsByTagName("CD");
        for (i = 0; i < x.length; i++) {
            temp_table2 = temp_table2 + '<tr><td>' + (x[i].getElementsByTagName("NAME")[0].childNodes[0].nodeValue) + '</td><td>' + x[i].getElementsByTagName("TAMIL")[0].childNodes[0].nodeValue + '</td><td>' + x[i].getElementsByTagName("ENGLISH")[0].childNodes[0].nodeValue + '</td><td>' + x[i].getElementsByTagName("MATHS")[0].childNodes[0].nodeValue + '</td><td>' + x[i].getElementsByTagName("SCIENCE")[0].childNodes[0].nodeValue + '</td><td>' + x[i].getElementsByTagName("SOCIAL")[0].childNodes[0].nodeValue + '</td></tr>';
        }
        $("#xml_div").append(temp_table1 + temp_table2 + "</table>");
    }
</script>

-------
-------

<div id="xml_div"></div>

-------
-------

XML File(.xml)

<?xml version="1.0" ?>
<SUBJECTS>
    <CD>
        <NAME>Merbin Joe</NAME>
        <TAMIL>98</TAMIL>
        <ENGLISH>95</ENGLISH>
        <MATHS>92</MATHS>
        <SCIENCE>87</SCIENCE>
        <SOCIAL>100</SOCIAL>
    </CD>
    <CD>
        <NAME>Franklin Jose</NAME>
        <TAMIL>88</TAMIL>
        <ENGLISH>56</ENGLISH>
        <MATHS>99</MATHS>
        <SCIENCE>56</SCIENCE>
        <SOCIAL>79</SOCIAL>
    </CD>
    <CD>
        <NAME>Rajan</NAME>
        <TAMIL>88</TAMIL>
        <ENGLISH>44</ENGLISH>
        <MATHS>56</MATHS>
        <SCIENCE>91</SCIENCE>
        <SOCIAL>53</SOCIAL>
    </CD>
    <CD>
        <NAME>Mano</NAME>
        <TAMIL>77</TAMIL>
        <ENGLISH>64</ENGLISH>
        <MATHS>51</MATHS>
        <SCIENCE>28</SCIENCE>
        <SOCIAL>98</SOCIAL>
    </CD>
    <CD>
        <NAME>Nishanth</NAME>
        <TAMIL>36</TAMIL>
        <ENGLISH>40</ENGLISH>
        <MATHS>46</MATHS>
        <SCIENCE>69</SCIENCE>
        <SOCIAL>78</SOCIAL>
    </CD>
</SUBJECTS>

Output:-
You can run the .xml file alone, but just you can see the "expand(+)" and "collapse(-)" symbol only. And you need a server for watch the actual working in (chrome,IE and etc..). but you can check this using Firefox browser. The output image is below

Advertisement

Read More

XML Introduction

XML Introduction:-
 
Most of you could have heard or seen something called “Web Services”. What is this web service? In Web Services Glossary of W3C Working Group Note 11 February 2004, it is defined as:

            A Web service is a software system designed to support interoperable machine-to-machine interaction over a network. It has an interface described in a machine-processable format (specifically WSDL). Other systems interact with the Web service in a manner prescribed by its description using SOAP-messages, typically conveyed using HTTP with an XML serialization in conjunction with other Web-related standards. [http://www.w3.org/TR/2004/NOTE-ws-gloss-20040211/#webservice]

It is clearly seen that it says about machine-to-machine interaction over network. So there is a need for a common format or language that could be used and understood by these machines. Hence there arose a new language called XML [Extensible Markup Language]. It’s a markup language which is both machine readable and human readable. It is a version of SGML [Standard Generalized Markup Language] which provides standardization for markup languages. XML is mainly used to describe the data. It similar to html but they are entirely different (Discussed later).  XML could be used with lots of platforms like C#, VC++, Java, Python, PHP etc. It also forms the basis of various technologies like SOAP, semantic web, etc. XML has tags which is used to describe the data. These tags are not predefined. User or developer has to define the tags and hence it is very flexible. XML is a plain text and hence it could be edited easily. It is used for storing small amount of data and to tell what kind data.

 As mentioned earlier there is a great difference between XML and HTML. XML is used to describe data or tells what the data is about. But, HTML is used to display the data or used to visualize the data. Thus XML is about describing and storing information while HTML is about displaying information. XML tags are user-defined while HTML tags are predefined.

Example: Consider you want to describe the details of a book called “Around the world in 80 days” in XML.

Example:-

<?xml version="1.0" encoding="UTF-8"?>

<Book_1>

            <Name>Around the World in 80 Days</Name>

            <Author>Jules Verne</Author>

            <ISBN>978-0-8129-6856-9</ISBN>     

</Book_1>

That’s all folks for now!

Advertisement

Read More

Remove Computer Virus manually

      Many of the people format the system for virus problem, day by day many variety of virus created by someone hackers or others. Most of them format their C Drive (Operating system installed drive), because prevent for remove other files like their images, videos or other important documents. In this situation many type of viruses won't remove from your computer permanently, it will live their system in idle state.
    Idle state mean the virus are in your system but It will not affected your main memory, in this state the virus won't give any problem to users. But the virus will active soon by the user activities.

   The following system is format only C Drive for virus problem, but the C drive(main memory also) removed but other drive virus not removed yet see the below screenshots.
 

After formatting the "C" Drive all virus are removed?

No, If you format the "C" drive and install new operating system, but previous affected virus doesn't deleted!!! Because when the virus is spread to your system that virus was installed a autorun.inf file and a virus file.

What is autorun.inf file?
    autorun.inf file is not a virus, but it can open any executable (.exe) file or batch  (.bat) file with out users permission, most of the virus are created in batch file or executable format only.
This is not a virus but all virus can execute the help of this fie, when we double click on the localdisk (C,D,E,..) the virus is automatically affected to your Main memory. For Example see the following details

The following system format the "C Drive"and install new os but the previous affected virus didn't deleted yet we can check the virus was deleted or not and how to delete from the following images and steps

   Right Click your other drive and see that context menu, the first two three options are show differently, all type of virus not show like this some one show just like "open, autoplay" like this. These are created by the autorun program. Some virus are, when they were enter to your system the virus is create a virus and autorun.inf file.  



1) After formatting the c drive, (Don't open any drive or files). Just right click on any one of your local disk (not C), If you see any unknown words or symbols that drive is affected by virus, we can remove it manually.



2) (Don't Open any file or folder), Click on the "Folders" icon from the toolbar, select the Local disk (virus affected drive)



3) You can't able to see the virus here, because the virus is hidden and set their attribute to "System File", so we need to enable some option then only we can see the virus.

4) Go to Tools=>Folder Options=> Select "Show Hidden files and folders" and disable ' Hide protected Operating system files (Recommended)"

From the image

1) To enable the hidden files
2) To enable the system files
3) This is the virus file "SysAnti", (Virus name is not constant)
4) "AutoRun" this file is created by virus, because virus can't access the main memory without
executing the help of user, when the user double click on the local drive or pendrive ICON the autorun file was executed and the autorun file execute the virus "SysAnti.exe".
5) These are the user file hidden by virus or user
6) These are the system files, created by Operating system
5) We can open the autorun.inf file by clicking or entering the "autorun.inf" name to address bar

From the above Image

1) Enter the 'autorun.inf' to the address bar and hit enter
2) This is the autorun program created by the virus
[Autorun]
open=SysAnti.exe
shell\open='......'
shell\open\command=SysAnti.exe
shell\open\Default=1
shell\Explore='.......'
shell\Explore\Command=SysAnti.exe

Explanation of the autorun.inf file

Line1: When user Double click on the local drive
Line2: Change the name of right click menu
Line3: Set to the command line
Line4: In menu 1st option select default (First item is BOLD)
Line5: Display the name "........"
Line6: When user click the second item this file will execute

When the above program execute from your local drive or pendrive, you can see like below




6) After enabling the hidden system files and folder, simply select the virus and the autorun file and just hit delete button. Forced Delete => Shift+Delete (Without recycle bin)



7) After deleting the files again delete these file from recycle bin



8) Now you can enjoy without virus SUCCESSSSSS


NOTE:-

If you have any trouble about virus or any hardware or software problem just leave a comment. I will help you to solve your problem
Advertisement

Read More

use of chkdsk and how to disable the command

Usage of chkdsk Command


In case when you working with your hard disk, the power failure then your hard disk data may loss the data so operating system check when we on the system after power failure.



This check should disply first time only but some time it will check every time, so we can disable this type of checking, the steps are

open start=>run=>type "regedit" and
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager

In the right hand pane, double click BootExecute.

The default value of the key is autocheck autochk *

* means every drive is checked for consistency. Just add /K:C at the end before *. /K switch will disable autocheck on C: drive at Windows startup. So the final value should look like this:

autocheck autochk /k:C *
If you want to add more drives, the key should look like this: (disabling C and D drives)

autocheck autochk /k:C /k:D *
If you want to restore everything to default, just replace the key with the default one i.e.
autocheck autochk *

Manual checking we can check manually chkdsk command using command prompt

open command prompt (start=>run=>type "cmd" and hit enter

Chkdsk Command Syntax:

chkdsk [drive:] [/p] [/r]

drive: = This is the drive letter of the partition you want check for errors.
/p = This option instructs chkdsk to perform an extensive check of the drive and correct any errors.
/r = This option instructs chkdsk to locate bad sectors and recover any readable information from them.

Note: When using this option, the /p option is implied so it's not necessary to use it in addition to/r.


Chkdsk Command Examples:

chkdsk

In the above example, since no drive or additional options were entered, chkdsk simply displays the status of the current drive.

Advertisement

Read More

JQuery adding two number simple example

JQuery adding two number simple example:-
    Using JQuery we can very easy to add two number, first we need to include the JQuery Plugin file and after create three text box and one button for action.

Example Program:-

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function add_two_number()
{
   $("#display_message").show();
   if($("#txt1").val()=="" || $("#txt2").val()=="")
   {
      $("#display_message").html("<font color='red'>Enter the the Value First</font>");
   }
   else
  {
    var answer=parseInt($("#txt1").val()) + parseInt($("#txt2").val())
       
    $("#display_message").html("<font color='green'><b>"+answer+"</b></font>");
$("#txt3").val(answer);

   }
}
</script>
<div id="display_message" style="display:none;">55</div>
<input type="text" id="txt1" placeholder="Enter First Number">
<input type="text" id="txt2" placeholder="Enter Second Number">
<input type="text" id="txt3" disabled placeholder="Answer">
<input type="button" value="Answer" onclick="add_two_number();">

Output

55

Advertisement

Read More

asp.net Introduction

Asp.Net Introduction:-
      Asp.net is the web based application, this can be written into two types one is server side coding another one is client side programming, the server side program is purely written in asp(Active Server Page) program and the client side scripting is written in JavaScript, JQuery and/HTML codings. Any how we need to know the basic of the html coding then only we can learn easier asp.net. Basically the asp.net using  Microsoft SQL server and many plugins are there for easier to write the programs.

Difference of in normal HTML controls and asp.net controls.

Asp.Net:-

<script type="text/javascript">

function clear_text()

{

  if($("#<%=text1.ClientID%>").text()=="")

  {

   alert("Text Box is already Clear");

 }

else

{

  $("#<%=text1.ClientID%>").text("");

}

}

</script>

................

................

<asp:textbox id="text1" placeholder="Enter any Text" runat="server"/>

<asp:button text="Clear" id="button1" onClientClick="clear_text(); return false;" runtat="server"/>

HTML:-

<script type="text/javascript">

function clear_text()

{

  if($("#text1").val()=="")

  {

   alert("Text Box is already Clear");

 }

else

{

  $("#text1").val("");

 }

}

</script>

................

................

<input type="textbox" id="text1" placeholder="Enter any Text"/>

<input type="button" Value="Clear" id="button1" onclick="clear_text();"/>

Output:-

Advertisement:-

Read More

JQuery Introduction

JQuery:-
     JQuery is nothing but this is created fully using JavaScript, this script are generated by Javascript methods but its written using very simply. So it is very speed and can understand very easier. But before using this JQuery we need to import a the jQuery package to your program using the <Script Src="..."></script> tag.

Importing JQuery:-

  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

The above code is import your JQuery package from internet you can download this code and import from your server too. This will update day to day.

Comparison of  JQuery and JavaScript:-

Hide a div using JavaScript:-

...................
...................
document.getElementById('sample_div_id').style.display = "none";
...................
...................

<div id="sample_div_id">
   This Id can contain image, text or anything
</div>

Hide a Div Using JQuery:-

...................
...................
$("#sample_div_id")hide();
...................
...................

<div id="sample_div_id">
   This Id can contain image, text or anything
</div>

So the Jquery is very easy to remember and speed is better than JavaScript.


Example Program:-

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function show_div()
{
 $("#ads_div").show();
}
function hide_div()
{
$("#ads_div").hide();
}

</script>
<div id="ads_div">
This is the Advertisement
</div>
<input onclick="show_div();" type="button" value="Show Div Content" />
<input onclick="hide_div();" type="button" value="Hide Div Content" />

Output:-

This is the Advertisement

Read More

RGraph with Javascript and JQuery

Importing  RGraph Files:-

Rgraph is the new plugin for drawing Bar chart, Pie chart and etc… Type of Charts. It is free to use in anywhere. This is designed using Jscript files. All you need to download the script files and import it to your program (anywhere used in Javascript).

CLICK HERE TO DOWNLOAD  (681KB)

You can Import all Library files using Below Syntax

<script src='../ RGraph/libraries/RGraph.bar.js'  type='text/javascript'></script>

you can Import needed files only, for example if you want only pie char you need to import only

<script src='../ RGraph/libraries/ RGraph.pie.js'  type='text/javascript'></script>

and you can use many features from that js file

Pie Chart Example:-

Canvas:-

  Canvas is the new feature in HTML5 technology, If you are using canvas you can draw anything there like circle, rectangle and also you can do animation.

<html>

<head><title>My canvas Example</title></head>

<body>

<canvas id="canvas_id" width="350" height="400" style="border:2px solid #d1d2d5;">

Your browser does not support the HTML5 canvas tag.</canvas>

</body>

</html>

Drawing a image to canvas:-

<canvas id="myCanvas2" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
var c=document.getElementById("myCanvas2");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>

Output:-

Your browser does not support the HTML5 canvas tag.

In RGraph Jscript file is drawing automatically in canvas all we need to import the rGraph files and declare canvas.

RGraph Pie Chart Example:-
All you need to import Following files

<script src="../../RChart/libraries/RGraph.pie.js" type="text/javascript"></script>

<script src="../../RChart/libraries/RGraph.common.tooltips.js" type="text/javascript"></script>

<script src="../../RChart/libraries/RGraph.common.key.js" type="text/javascript"></script>

<script src="../../RChart/libraries/RGraph.common.dynamic.js" type="text/javascript"></script>

-----------
-----------
$(window).load(function (){
draw_barchart();
});
----------- -----------
<script>
function draw_barchart()
{
        var joe= new RGraph.Pie('myCanvas2',  [4, 6, 2, 8,1])
        joe.Set('colors', ['Gradient(green:red)', 'Gradient(white:red)', 'Gradient(white:green)', 'Gradient(white:blue)', 'Gradient(gray:blue)'])
        joe.Set('tooltips', ['Merbin','Joe', 'Franklin', 'Jose', 'Ajith'])
        joe.Set('labels.axes', '')
        joe.Set('background.grid.spokes', 8)
        joe.Set('background.axes', false)
        joe.Set('colors.sequential', true)
        joe.Set('margin', 5)
        joe.Set('key.colors', ['Gradient(green:red)', 'Gradient(white:red)', 'Gradient(white:green)', 'Gradient(white:blue)', 'Gradient(gray:blue)'])
        joe.Set('key.position.x', 15)
        joe.Set('key.position.y', 5)
        joe.Set("chart.tooltips.highlight", true);
        joe.Set('key', ['Merbin', 'Joe', 'Franklin', 'Jose', 'Ajith'])
        joe.Set('shadow', true)
        joe.Set('key.color.shape', 'circle')
        joe.Set('spline', true)
        joe.Set('gutter.top', 100)
        joe.Draw();
}
</script>

Output:-

Advertisement

Read More