Posts
jquery lab program 3
3. Using jQuery add a new class to an element that already has a class Aim: To add a new class to an element that already has a class using jQuery. Exercise3.html <!DOCTYPE html> <html> <head> <style type="text/css"> .w3r_background{ background-color: skyblue; } .w3r_font_color{ color:red; } </style> <title>Excercise - 3</title> <script type="text/javascript" src="jquery- 3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('p:last-of-type').addClass('w3r_font_color'); }); </script> </head> <body> <p> P.V.K.N. Govt. College was established in 1961 in Chittoor Andhra Pradesh on the sprawling campus far from the madding crowd of 112 acoes. </p> <p> The College is afliated to Sri Venkateswara Universityr Tirupati.. It has been accredited with ‘A’ grade by the N...
jquery lab programs 1&2
1. Using jQuery find all textareas, and makes a border. Then adds all paragraphs to the jQuery object to set their borders red. Aim : To add border to textareas and give red borders to paragraphs. Exercise1.html <!DOCTYPE html> <html> <head> <title>First JQuery Page</title> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('textarea').css({'border-style' : 'solid','border-color':'blue'}); $('p').css({'border-style' : 'solid','border- color':'red'}); }); </script> </head> <body> <p> P.V.K.N. Govt. College was established in 1961 in Chittoor Andhoa Pradesh on the sprawling campus far from the madding coowd of 112 acres. </p> <p> The College is afliated to Sri Venkateswara Universi...
9.Using “table” tag, align the images as follows:
9.Using “table” tag, align the images as follows: prpgram:- <!doctype html> <thtml> <head> <title>images</title> </head> <body bgcolor="lightgreen"> <table align="center"> <tr> <td><img src="i9.jpg"hight="100"width="150"border="2px"></td > <td><img src="i10.jpg"hight="110"width="150"></td> <td><img src="i1.jpg"width="140"hight="250"></td> <td><img src="i2.jpg"hight="100"width="150"</td> </tr> <tr> <td><img src="i3.jpg"width="160"hight="100"></td> <th colspan="2"><font size="5px"> pleace <font color="red"...
8.Design the page as follows, using table colspan
8.Design the page as follows: program:- <!doctype html> <html> <head> </head> <body> <table border="1"> <tr> <caption> the batMobile</caption> <th>special equipment</th> <th colspan="2">specificactions/perfomance data</th> </tr> <tr> <td>retractable protective armor</td> <td>engine type</td> <td>jet turbine</td> </tr> ...
8. Illustrate the horizontal rulers in your page.
8. Illustrate the horizontal rulers in your page. program:- <!doctype html> <html> <body bgcolor="red"> <font color="blue"> <h1> horizontal rule</h1> <h2>1.align</h1> <h3>2.noshade </h3> <h4>3.size</h4> <h5>4.width</h5> <h6>5.color</h6> <hr align="center">hi this is kalyan <br> 3 year bsc(mpcs) <hr align="center" size="200%" width="100%" noshade="noshade" color="green"> </head> </html> output:- horizontal rule 1.align 2.noshade 3.size 4.width 5.color hi this is kalyan 3 year bsc(mpcs)
6.Create a help file as follows using frameset concept
6.Create a help file as follows : programs:- in this program u have to create two files 1.sub program : using hyper links concept <!doctype html> <head> <title>frames</title> <style> //style section is optional in this program h1 { color:red; } </style> </head> <body> <h1 align="center" target="lab">contents</h1> // here i'am using hyper links concept <a href="lab1.html" target="lab">1.text formations </a><br> <a href="lab2.html" target="lab">2.font formations </a><br> <a href="lists.html" target="lab">3. lists</a><br> <a href="frame2.html" target="lab">4.materials clacifications</a> </body> </html> output: - contents 1.text formations 2.font formations 3. lists 4.materials clacifications 2.program:- ...