WT ASS 7-8-9

7. Development of XML file and write a DTD to validate the XML file and display the XML document by applying presentation styles using CSS and XSLT.

1.
a Create a DTD for kannada movies CD collection to store one or more movie information., Where each movie element has the child elements Movie_name, director, actor, actress and producer. Movie_name has attribute relased_year and must have value. Some movies are directed by more than one director and producers. Actor and actress element has attribute type to represent the role played by the actor/actress i.e   lead role or side role. Default value is lead role. Define an entity for the director who directed most of the movies in the collection.



7a
xml doc
<?xml version="1.0" encoding="UTF-8"?>
 <?xml-stylesheet type="text/css" href="7a.css"?>
<!DOCTYPE movie SYSTEM "7aDTD.dtd">

<collection>
    <movie>
        <Movie_name relased_year="2019">Enternals</Movie_name><br/>
        <director>Rouso's</director>
        <actor role="lead role">Harry Styles</actor>
        <actress role="lead role">Anjolina jolie</actress>
        <producer>Marvel Studios</producer>
        <producer>kevin</producer>
    </movie>
    <movie>
        <Movie_name relased_year="2018">ShangChi</Movie_name>
        <director>Simu luie</director>
        <actor role="lead role">tony leung</actor>
        <actress role="side role">awkwafina</actress>
        <producer>Marvel Studios</producer>
        <producer>kevin</producer>
    </movie>
    <movie>
        <Movie_name relased_year="2015">Iron-man</Movie_name>
        <director> john par</director>
        <actor role="lead role">Robert Downey Jr.</actor>
        <actress role="lead role">Pepper Pots</actress>
        <producer>Marvel Studios</producer>
        <producer>kevin</producer>
    </movie>
</collection>

b. Create an XML document with at least three instances of the movie element defined in DTD. Display raw XML document


xml dtd
<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->

<!--
    TODO define vocabulary identification data
    PUBLIC ID  : -//vendor//vocabulary//EN
    SYSTEM ID  : http://server/path/__NAME__
-->

<!-- TODO define your own vocabulary/syntax. Example follows:  -->
<!ELEMENT collection(movie+)>
<!ELEMENT movie(Movie_name, director+, actor, actress, producer+)>
<!ELEMENT Movie_name (#PCDATA)>
<!ELEMENT director (#PCDATA)>
<!ELEMENT actor (#PCDATA)>
<!ELEMENT actress (#PCDATA)>
<!ELEMENT producer (#PCDATA)>
<!ATTLIST Movie_name relased_year CDATA #REQUIRED>
<!ATTLIST actor role CDATA "lead role">
<!ATTLIST actress role CDATA "lead role">


c. Create a CSS style sheet for the above XML document to display the movie name in red colour with font-size 4 and in bold and background colour yellow. Each child element of movie must have background colour pink and font colour blue and font-size 2 and style italic. Each element must have block display

xml css
Movie_name{
    display:block;
    color: red;
    font-size: 2em;
    font-size:bold;
    background-color: yellow;

}
movie{
   display:block;
    background-color: pink;
    color: blue;
    font-size: 1.5em;
    font-style: italic;
    font-size: bold;

}
collection{
    white-space: pre;
}




2.
a. Design an XML document that stores information about Indian popular cricket players. Information for each cricket player must include their name (include three parts of name), runs scored and wickets taken in one day matches. XML document must store at least three players information.

7b
xml
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="7bxls.xsl" ?>
<players>
    <player>
        <f_name>Rahul</f_name>
        <m_name>A</m_name>
        <l_name>Dhrawid</l_name>
        <runs>11753-ODI</runs>
        <wickets>19-ODI</wickets>
    </player>
    <player>
        <f_name>Virat</f_name>
        <m_name>-</m_name>
        <l_name>Kohli</l_name>
        <runs>15169-ODI</runs>
        <wickets>15-ODI</wickets>
    </player>
    <player>
        <f_name>Anil</f_name>
        <m_name>G</m_name>
        <l_name>Kumble</l_name>
        <runs>5205-ODI</runs>
        <wickets>35-ODI</wickets>
    </player>
</players>

b. Create an XSLT style sheet to display the players information in tabular form. Each players information must be displayed in different colour in table. Table must contain heading Indian popular cricket players details with font property red colour, bold and size 3.
xls
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html"/>
    <xsl:template match="/players">
        <html>
            <head>
                <title>Indian-Cricketers-Players</title>
            </head>
            <body>
                <h1 style="font-size:5em;color:red" align="center">Indian popular cricket players </h1>
                <table border="1" align="center">
                    <tr>
                        <th>First_Name</th>
                        <th>Middle_Name</th>
                        <th>Last_Name</th>
                        <th>Runs</th>
                        <th>Wickets</th>
                    </tr>
                    <xsl:for-each select="player">
                        <tr>
                            <td style="background-color:black;color:greenyellow;"><xsl:value-of select="f_name"/></td>
                            <td style="background-color:orange;color:blue;"><xsl:value-of select="m_name"/></td>
                            <td style="background-color:green;color:yellow;"><xsl:value-of select="l_name"/></td>
                            <td style="background-color:yellow;color:black;"><xsl:value-of select="runs"/></td>
                            <td style="background-color:red;color:white;"><xsl:value-of select="wickets"/></td>
                        </tr>
                    </xsl:for-each>
                </table>
            </body>
        </html>
    </xsl:template>
</xsl:stylesheet>


8. PHP program on form data handling
Design the HTML page to create a form with the following capabilities
a.  Textbox to collect the user’s name
b.  Three textboxes, one each for the following items,
1.   Apple (100 per kg)
2.  Orange (80 per kg)
3.   Banana (50 per kg)
c.  A collection of three radio buttons that are labelled as follows
i.visa
ii.Master card
iii. Discover
d.  A submit and clear button
 user must enter the quantity wiling to purchase in respective textbox.  Entered user name must contain only alphabetics and quantities entered in the textbox must be number. Validate the data for onblur event of the textboxes.
On submitting the form, a PHP script must collect the entered data from the form and compute the total cost for fruit purchase. PHP script must inform the buyer total cost and details of purchased fruits by displaying in tabular form.

8a
index.php
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Project/PHP/PHPProject.php to edit this template
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title>Assignment 8</title>
        <style>
            body{
                margin: 200px 200px;
            }
        </style>
        <script type="text/javascript">
            cost1=0;
            cost2=0;
            cost3=0;
            function displaycost(i)
            {

               if(i===1)
               {
                   x=document.getElementById("id2");
                   d=x.value;
                   if(d>=0)
                   {
                     alert("The Cost of Apple will be : "+(d*100)+" Rs");
                     cost1=d*100;
                   }
                   else
                   {
                     alert("Invalid data");
                     x.value=0;
                   }

               }
               else if(i===2)
               {
                   x=document.getElementById("id3");
                   d=x.value;
                   if(d>=0)
                   {
                       alert("The Cost of Orange will be : "+(d*80)+" Rs");
                       cost2=d*80;
                   }
                   else
                   {
                        alert("Invalid data");
                        x.value=0;
                   }

               }
               else if(i===3)
               {
                   x=document.getElementById("id4");
                   d=x.value;
                   if(d>=0)
                   {
                     alert("The Cost of banana will be : "+(d*50)+" Rs");
                     cost3=d*50;
                   }
                   else
                   {
                       alert("Invalid data");
                        x.value=0;
                   }

               }
            }
            function checkname()
            {
                x=document.getElementById("id1");
                d=x.value;
                if(d.search(/^[A-Za-z]+$/)!==-1)
                {
                    alert("Correct Name :Go forward ");
                }
                else
                {
                    alert("please Reenter the name ");
                    x.value="";
                }


            }
            function checkall()
            {
                a=document.getElementById("id1").value;
                b=document.getElementById("id2").value;
                c=document.getElementById("id3").value;
                d=document.getElementById("id4").value;
                x=document.getElementsByName("paymode");
                flag=0;
                for(i=0;i<x.length;i++)
                {
                    if(x[i].checked)
                    {
                        flag=1;
                        break;
                    }
                }
                if(a!=="" && b>=0 && c>=0 && d>=0 && flag)
                {
                    alert("submitting data please wait");
                    return true;
                }
                else
                {
                    if(!flag)
                    {
                        alert("please select payment method");
                    }
                    else
                        alert("Please Enter Name and items correctly");
                    return false;
                }

            }

        </script>
        <style>
            body{
                background-color:#ffdddd;
                margin-top:150px;
            }
            div{
                padding:20px 0px 10px 0px;
                border:1px solid blue;
                box-shadow: 10px 10px 20px 5px;
            }
            input{
                border:1px solid grey;
                margin:7px;

            }


        </style>
    </head>
    <body>
        <div>
    <center>
        <form action="http://localhost/PhpProject1/nextpage.php" method="POST"  onsubmit="checkall()">
            <label id='un'>USERNAME :</label>
            <input type="text" id="id1" name="username" size="25" placeholder="USER NAME" onblur="checkname()"/>
            <h2>ENTER THE NUMBER OF ITEMS PER KG FOR BELOW FRUITS</h2>
            <label>APPLE :</label>
            <input type="number" id="id2" name="apple"  size="25" onblur="displaycost(1)"/>
            <br>
            <label>Orange :</label>
            <input type="number" id="id3" name="orange"  size="25" onblur="displaycost(2)"/>
            <br>
            <label>Banana :</label>
            <input type="number" id="id4" name="banana" size="25" onblur="displaycost(3)"/>
            <br>
            <h2>Select Payment Type</h2>
            <label>Visa :</label>
            <input type="radio" id="id5" name="paymode" value="visa"/><br>
            <label>Master card :</label>
            <input type="radio" id="id6" name="paymode" value="master card"/><br>
            <label>Discover :</label>
            <input type="radio" id="id7" name="paymode" value="discover"/><br>
            <br>
            <input type="submit" value="Submit" />
            <input type="reset"/>
        </form>
    </center>
</div>
</body>
</html>

nextpage.php
<html>
    <body>
    <center>

        <?php
        $username = $_POST['username'];
        print("<h1>Dear User: $username</h1>");
        ?>
        <h2>The details of the purchsed Items are</h2>
        <table border="2">
            <tr>
                <th></th>
                <th>Apple</th>
                <th>Orange</th>
                <th>Banana</th>
                <th>Paymode</th>
            </tr>
            <?php
            $apple = $_POST['apple'];
            $orange = $_POST['orange'];
            $banana = $_POST['banana'];
            $paymode = $_POST['paymode'];
            $apple_cost = $apple * 100;
            $orange_cost = $orange * 80;
            $banana_cost = $banana * 50;
            $total = $apple_cost + $orange_cost + $banana_cost;
            print("<tr>");
            print("<th>Items Purchased</th>");
            print("<td>$apple</td>");
            print("<td>$orange</td>");
            print("<td>$banana</td>");
            print("<td>$paymode</td>");
            print("</tr>");
            print("<tr>");
            print("<th>Total</th>");
            print("<td>$apple_cost</td>");
            print("<td>$orange_cost</td>");
            print("<td>$banana_cost</td>");
            print("<td>$total</td>");
            print("</tr>");
            ?>
        </table>
    </center>
</body>
</html>

9. a. PHP program to demonstrate Cookie creation, display and deletion.
Design HTML page to accept cookie name and value using textbox. On submission of form PHP script must display a cookie is created and add two buttons to php script with caption display cookie and delete cookie.  submission of display cookie button should display the cookie information by fetching the cookie value. Submission of delete cookie button must delete the cookie and display a message cookie is deleted.
b. PHP program to demonstrate session.
 Write a PHP script to display the number of times a page is requested by creation a session.



9a
main.php

<html>
    <head>
    </head>
    <body>
    <center>
        <h1>ENTER COOKIE DETAILS</h1>
        <form action="http://localhost/PhpProject1/9a_cookie.php" method="POST">
            <label>Cookie Name</label>
            <input type="text" name="cookiename" size="25"/><br>
            <label>Cookie Value</label>
            <input type="text" name="cookievalue" size="25"/><br>
            <input type="submit" value="Submit"/>
            <input type="reset"/>
        </form>
    </center>
    </body>
</html>

cookie creation page

<html>
    <body>
    <center>
        <?php
        $cookiename = $_POST['cookiename'];
        $cookievalue = $_POST['cookievalue'];
        setcookie("name", "$cookiename", time() + 86400);
        setcookie("value", "$cookievalue", time() + 86400);
        ?>
        <h1>The Cookie is Created</h1>
        <form action="http://localhost/PhpProject1/d_cookie.php" method="get">
            <input type="submit" value="display cookie"/>
        </form>
        <form action="http://localhost/PhpProject1/del_Cookie.php" method="get">
            <input type="submit" value="Delete cookie"/>
        </form>
    </center>
</body>
</html>
display cookie

<html>
    <body>
    <center>
        <h1>The Cookie Data is</h1>
        <?php
        if(isset($_COOKIE['name']) && isset($_COOKIE['value']))
        {
            $cookiename1 = $_COOKIE['name'];
            $cookievalue1 = $_COOKIE['value'];
            print("<h3>Cookie Name : $cookiename1<h3>");
            print("<h3>Cookie Value : $cookievalue1<h3>");
        }
        else{
            print("<h3>Cookie Is Already Deleted<h3>");
        }

        ?>
    </center>
</body>
</html>
delete cookie
<html>
    <body>
    <center>
        <h1>The Cookie Data is Deleted</h1>
        <?php
        $cookiename = $_COOKIE['name'];
        $cookievalue = $_COOKIE['value'];
        setcookie("name", "$cookiename", time() - 10);
        setcookie("value", "$cookievalue", time() - 10);
        ?>
    </center>
</body>
</html>






9b
<?php

session_start();

if(isset($_SESSION['views']))
    $_SESSION['views'] = $_SESSION['views']+1;
else
    $_SESSION['views']=1;

echo"views = ".$_SESSION['views'];

?>