diff --git a/Uma/Color_Clicker.html b/Uma/Color_Clicker.html new file mode 100644 index 0000000..92a4df7 --- /dev/null +++ b/Uma/Color_Clicker.html @@ -0,0 +1,69 @@ + + + The Codingdojo ColorClicker! + + + + + +

The Codingdojo ColorClicker!

+
+
+
+
+
+

Rules

+

1. Clicking the big box should change background colors of both the small and large boxes!

+

2. Clicking the middle small box should change the color of the big box!

+

3. Clicking the left or right small box should change the color of that box's siblings

+ + \ No newline at end of file diff --git a/Uma/ContactCard/ContactCard.css b/Uma/ContactCard/ContactCard.css new file mode 100644 index 0000000..e69de29 diff --git a/Uma/ContactCard/ContactCard.html b/Uma/ContactCard/ContactCard.html new file mode 100644 index 0000000..913242c --- /dev/null +++ b/Uma/ContactCard/ContactCard.html @@ -0,0 +1,24 @@ + + + + Contact Card App + + + + + +
+
+ +
+ +

+ +
+
+ +
+
+ + + \ No newline at end of file diff --git a/Uma/ContactCard/ContactCard.js b/Uma/ContactCard/ContactCard.js new file mode 100644 index 0000000..8a75fc1 --- /dev/null +++ b/Uma/ContactCard/ContactCard.js @@ -0,0 +1,18 @@ +function attachHandlers(about){ + $('#showdata a').on("click", function(){ + alert(about); + console.log(about); + $(this).parent().children('p').text(about); + }); +} + +$(document).ready(function(){ + $('form').on("submit", function(){ + var fname = $("input[name='fname']").val(); + var lname = $('input[name="lname"]').val(); + var about = $('textarea[name="describe"]').val(); + $('#showdata').append("

"+fname+" "+lname+"


Click for description!"); + attachHandlers(about); + }); + +}); \ No newline at end of file diff --git a/Uma/Debugging-jQuery/debugging_jquery.css b/Uma/Debugging-jQuery/debugging_jquery.css new file mode 100644 index 0000000..73ad6bc --- /dev/null +++ b/Uma/Debugging-jQuery/debugging_jquery.css @@ -0,0 +1,63 @@ + +body +{ + background-image: url('dough.jpg'); + font-family: sans-serif; +} + +h2, h1, a +{ + color: white; +} + +#wrapper +{ + background-color: rgba(2,2,2, .5); + width: 1200px; + margin: 0px auto; +} + +#top_headers, #survey, ul, h3 +{ + display: inline-block; +} + +li +{ + max-width: 350px; +} + +#left_content +{ + width: 650px; + display: inline-block; + background-color: rgba(220, 0, 0, .6); + height: 520px; + vertical-align: top; + margin-left: 40px; +} + +#right_content +{ + width: 450px; + display: inline-block; + background-color: rgba(0, 220, 0, .6); + height: 520px; + vertical-align: top; +} + +.box +{ + vertical-align: top; + display: inline-block; + width: 300px; + padding: 10px; +} + +img +{ + width: 310px; + height: 200px; + display: block; + margin: 5px auto; +} \ No newline at end of file diff --git a/Uma/Debugging-jQuery/debugging_jquery.html b/Uma/Debugging-jQuery/debugging_jquery.html new file mode 100644 index 0000000..ae91aab --- /dev/null +++ b/Uma/Debugging-jQuery/debugging_jquery.html @@ -0,0 +1,86 @@ + + + jQuery + + + + +
+
+

The Codingdojo Pizzeria!

+

The best slice in the valley!

+
+
+ Question of the month: What is your favorite pizza topping? + Pepperoni + Bacon + Pineapple + +
+
+
+

About us!

+

+ We know that writing code works up an appetite, that's why Codingdojo is proud to announce that we are opening a + pizza kitchen inside our mountain view location! Head chef Michael "spumoni" Choi has lots of delicious family recipes + to share with our customers! Whether you like flat crust or deep dish so deep you can't cut through it, + the Codingdojo pizzeria has something you and all of your friends can agree on. Using only the + freshest ingredients the Bay area has to offer, the Codingdojo pie will be sure to debug your hunger! +

+
+
+

Thin Crust Pizza

+
    +
  • Small: $10.00
    • +
  • Medium: $15.00
    • +
  • Large: $20.00
    • +
  • Dojo size: $30.00 (feeds 10 ninjas)
    • +
  • Toppings: $2.00 per small, $2.50 per medium, $2.75 per large, $3.00 per Dojo
    • +
+

Deep dish, 'Dojo style' Pizza

+
    +
  • Small: $12.00
    • +
  • Medium: $17.00
    • +
  • Large: $24.00
    • +
  • Dojo size: $34.00 (feeds 10 ninjas)
    • +
  • Toppings: $2.00 per small, $2.50 per medium, $2.75 per large, $3.00 per Dojo
    • +
+ Click here to order! +
+ +
+
+ +
Our pizza runs on all browsers!
+ +
Made from the freshest ingredients!
+
+
+ + + \ No newline at end of file diff --git a/Uma/Debugging-jQuery/dough.jpg b/Uma/Debugging-jQuery/dough.jpg new file mode 100644 index 0000000..c8c2d7c Binary files /dev/null and b/Uma/Debugging-jQuery/dough.jpg differ diff --git a/Uma/Debugging-jQuery/logo.PNG b/Uma/Debugging-jQuery/logo.PNG new file mode 100644 index 0000000..fe51c1e Binary files /dev/null and b/Uma/Debugging-jQuery/logo.PNG differ diff --git a/Uma/Debugging-jQuery/pizza.jpg b/Uma/Debugging-jQuery/pizza.jpg new file mode 100644 index 0000000..af81a52 Binary files /dev/null and b/Uma/Debugging-jQuery/pizza.jpg differ diff --git a/Uma/addUser/addUser.css b/Uma/addUser/addUser.css new file mode 100644 index 0000000..f0b0d07 --- /dev/null +++ b/Uma/addUser/addUser.css @@ -0,0 +1,24 @@ +.container{ + width: 970px; + margin: 0 auto; + text-align:center; + font-family: sans-serif; +} +table { + border-collapse: collapse; + margin: 0 auto; + margin-top: 20px; +} +input{ + margin-bottom: 10px; +} +label { + display: inline-block; + width:100px; + text-align: right; +} +th { + background-color: #ff6666; + color: white; +} +tr:nth-child(even) {background-color: #f2f2f2} \ No newline at end of file diff --git a/Uma/addUser/addUser.html b/Uma/addUser/addUser.html new file mode 100644 index 0000000..db88a94 --- /dev/null +++ b/Uma/addUser/addUser.html @@ -0,0 +1,38 @@ + + + + Add User Assignment + + + + + +
+ + + + + + + + + + +
First NameLast NameEmail AddressContact #
+

Add User

+
+ +
+ +
+ +
+ +

+ +
+
+ + \ No newline at end of file diff --git a/Uma/addUser/addUser.js b/Uma/addUser/addUser.js new file mode 100644 index 0000000..1f7662e --- /dev/null +++ b/Uma/addUser/addUser.js @@ -0,0 +1,10 @@ +$(document).ready(function(){ + $('form').submit(function(){ + var fname = $("input[name='fname']").val(); + var lname = $('input[name="lname"]').val(); + var email = $('input[name="email"]').val(); + var contact = $('input[name="contact"]').val(); + $('tbody').append(""+fname+""+lname+""+email+""+contact+""); + return false + }); +}); \ No newline at end of file diff --git a/Uma/assignment1/home.png b/Uma/assignment1/home.png new file mode 100644 index 0000000..81ba36e Binary files /dev/null and b/Uma/assignment1/home.png differ diff --git a/Uma/assignment1/index.html b/Uma/assignment1/index.html new file mode 100644 index 0000000..dc69efc --- /dev/null +++ b/Uma/assignment1/index.html @@ -0,0 +1,64 @@ + + + + Jquery Fun + + + +
+ +

Click the button to add class 'red' to this paragraph

+
+
+ +

Click the button to slidetoggle a hidden image

+
+
+ +

Click the button to append a new paragraph

+
+
+ +

Click the button to hide this paragraph

+
+
+ +

Toggle this para

+
+
+ + +
+
+ + +
+
+ +

Add before this

+
+
+ +

Add after this

+
+ iv id="addAfter"> + +

Add after this

+ +
+ +

.html() returns html

+
+
+ +

+
+
+ +

This was hidden before

+
+ + + \ No newline at end of file diff --git a/Uma/assignment1/javascript.js b/Uma/assignment1/javascript.js new file mode 100644 index 0000000..2dc1cec --- /dev/null +++ b/Uma/assignment1/javascript.js @@ -0,0 +1,47 @@ +$('#fadeInImage>img').hide(); +$('#addClass>button').click(function(){ + $('#addClass>p').css("color", "red"); +}); +$('#slidePara>button').click(function(){ + $('#slidePara>p').slideToggle("slow"); +}); +$('#appendPara>button').click(function(){ + $('#appendPara>p').append(" Appended this"); +}); +$('#hidePara>button').click(function(){ + $('#hidePara>p').hide(); +}); +$('#togglePara>button').click(function(){ + $('#togglePara>p').toggle(); +}); +$('#fadeInImage>button').click(function(){ + $('#fadeInImage>img').fadeIn(); +}); +$('#fadeOutImage>button').click(function(){ + $('#fadeOutImage>img').fadeOut(); +}); +$('#addBefore>button').click(function(){ + $('#addBefore>p').before("Newly added before"); +}); +$('#addAfter>button').click(function(){ + $('#addAfter>p').after("Newly added after"); +}); +$('#hover>button').hover(function(){ + $('#hover>p').text("Appear"); +},function(){ + $('#hover>p').text(); +} + +); +$('#getHtml>button').click(function(){ + var htmlData = $('#getHtml').html(); + $('#getHtml>p').text(htmlData); +}); +$('#showPara>p').style.visibility='hidden'; +$('#showPara>button').click(function(){ + $('#showPara>p').show(); +}); + + + + diff --git a/Uma/ninjaToCat/cat0.png b/Uma/ninjaToCat/cat0.png new file mode 100644 index 0000000..8745ad2 Binary files /dev/null and b/Uma/ninjaToCat/cat0.png differ diff --git a/Uma/ninjaToCat/cat1.png b/Uma/ninjaToCat/cat1.png new file mode 100644 index 0000000..ab0f042 Binary files /dev/null and b/Uma/ninjaToCat/cat1.png differ diff --git a/Uma/ninjaToCat/cat2.png b/Uma/ninjaToCat/cat2.png new file mode 100644 index 0000000..9c27876 Binary files /dev/null and b/Uma/ninjaToCat/cat2.png differ diff --git a/Uma/ninjaToCat/cat3.png b/Uma/ninjaToCat/cat3.png new file mode 100644 index 0000000..92b0c34 Binary files /dev/null and b/Uma/ninjaToCat/cat3.png differ diff --git a/Uma/ninjaToCat/cat4.png b/Uma/ninjaToCat/cat4.png new file mode 100644 index 0000000..b99ba10 Binary files /dev/null and b/Uma/ninjaToCat/cat4.png differ diff --git a/Uma/ninjaToCat/ninja0.png b/Uma/ninjaToCat/ninja0.png new file mode 100644 index 0000000..1965681 Binary files /dev/null and b/Uma/ninjaToCat/ninja0.png differ diff --git a/Uma/ninjaToCat/ninja1.png b/Uma/ninjaToCat/ninja1.png new file mode 100644 index 0000000..a2c92d3 Binary files /dev/null and b/Uma/ninjaToCat/ninja1.png differ diff --git a/Uma/ninjaToCat/ninja2.png b/Uma/ninjaToCat/ninja2.png new file mode 100644 index 0000000..687fae1 Binary files /dev/null and b/Uma/ninjaToCat/ninja2.png differ diff --git a/Uma/ninjaToCat/ninja3.png b/Uma/ninjaToCat/ninja3.png new file mode 100644 index 0000000..f906c06 Binary files /dev/null and b/Uma/ninjaToCat/ninja3.png differ diff --git a/Uma/ninjaToCat/ninja4.png b/Uma/ninjaToCat/ninja4.png new file mode 100644 index 0000000..e1441e6 Binary files /dev/null and b/Uma/ninjaToCat/ninja4.png differ diff --git a/Uma/ninjaToCat/ninjaToCat.css b/Uma/ninjaToCat/ninjaToCat.css new file mode 100644 index 0000000..cb42d45 --- /dev/null +++ b/Uma/ninjaToCat/ninjaToCat.css @@ -0,0 +1,14 @@ +.container{ + width: 970px; + margin: 0 auto; + text-align:center; + padding-top: 20px; +} +img{ + width: 220px; + height: 80px; + display: block; + margin-bottom: 6px; + margin-left: auto; + margin-right: auto; +} \ No newline at end of file diff --git a/Uma/ninjaToCat/ninjaToCat.html b/Uma/ninjaToCat/ninjaToCat.html new file mode 100644 index 0000000..a4908d6 --- /dev/null +++ b/Uma/ninjaToCat/ninjaToCat.html @@ -0,0 +1,20 @@ + + + + Ninja To Cat + + + + +
+ cat1 + cat2 + ninja2 + ninja3 + ninja4 +
+ + + \ No newline at end of file diff --git a/Uma/ninjaToCat/ninjaToCat.js b/Uma/ninjaToCat/ninjaToCat.js new file mode 100644 index 0000000..cd414a8 --- /dev/null +++ b/Uma/ninjaToCat/ninjaToCat.js @@ -0,0 +1,9 @@ +$(document).ready(function(){ + $('img').click(function(){ + $(this).css('visibility', 'hidden'); + var url = ["cat2.png","cat3.png","cat4.png","ninja0.png","ninja1.png"]; + var randInt = Math.floor(Math.random()*5); + $(this).attr("src",url[randInt]); + $(this).css('visibility', 'visible'); + }); +}); diff --git a/Uma/ninja_task/ninja.css b/Uma/ninja_task/ninja.css new file mode 100644 index 0000000..0bcbde5 --- /dev/null +++ b/Uma/ninja_task/ninja.css @@ -0,0 +1,17 @@ +.container{ + width: 970px; + margin: 0 auto; + text-align:center; +} +img{ + width: 200px; + height: 250px; +} +button{ + color: white; + background-color: #3B9795; + width: 160px; + height: 40px; + border-radius: 10px; + margin-top: 20px; +} \ No newline at end of file diff --git a/Uma/ninja_task/ninja.html b/Uma/ninja_task/ninja.html new file mode 100644 index 0000000..292669c --- /dev/null +++ b/Uma/ninja_task/ninja.html @@ -0,0 +1,24 @@ + + + + Ninja Come n Go + + + + +
+ ninja + ninja + ninja + ninja + ninja + ninja + ninja + ninja + +
+ + + \ No newline at end of file diff --git a/Uma/ninja_task/ninja.js b/Uma/ninja_task/ninja.js new file mode 100644 index 0000000..115126c --- /dev/null +++ b/Uma/ninja_task/ninja.js @@ -0,0 +1,9 @@ +$(document).ready(function() { + $('img').click(function(){ + //$(this).hide(); + $(this).css('visibility', 'hidden'); + }); + $('button').click(function(){ + $('img').css('visibility', 'visible'); + }); +}); \ No newline at end of file diff --git a/Uma/ninja_task/ninja.png b/Uma/ninja_task/ninja.png new file mode 100644 index 0000000..91a2766 Binary files /dev/null and b/Uma/ninja_task/ninja.png differ