| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html><head><title>Hummus</title>
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
- <link media="screen" href="rate-recipe_files/global.css" type="text/css" rel="stylesheet"/>
- <script type="text/javascript"><!--
- var MAX_RATING = 5;
- function StarSet(imagePath, setNumber,currentRating) {
- this.imgArray = new Array();
- this.imgPath = imagePath;
- this.setNum = setNumber;
- this.currRating = currentRating;
- for ( var i = 1; i <= MAX_RATING; i++ ) {
- var starImg = document.getElementById('star.'+this.setNum+'.'+i);
- if ( !starImg ) {
- alert("Can't find star " +this.setNum +'.' +i);
- return;
- }
- this.imgArray[(i-1)] = starImg;
- starImg.onmouseover = handleStarMouseOver
- starImg.onmouseout = handleStarMouseOut
- starImg.onclick = handleStarClick
- starImg.rating = i;
- starImg.starSet = this;
-
- // little hack to remove extra text from between img tags, as
- // browsers render whitespace if it's there
-
- if ( starImg.previousSibling && starImg.previousSibling.nodeType == Node.TEXT_NODE ) {
- starImg.parentNode.removeChild(starImg.previousSibling);
- }
- /*var starLink = document.getElementById('starLink.'+this.setNum+'.'+i);
- if ( !starLink ) {
- alert("can't find star link " +this.setNum +'.' +i);
- return;
- }
- starLink.onmouseover = handleStarMouseOver
- starLink.onmouseout = handleStarMouseOut
- starLink.rating = i;
- starLink.starSet = this;
- */
- }
-
- // now make stars visible by setting parent node to visible
- this.imgArray[0].parentNode.style.visibility = 'visible';
- }
- function setRating(rating) {
- alert("settting rating to " +rating);
- }
- function highlightRating(rating) {
- for ( var i = 0; i < rating; i++ ) {
- this.imgArray[i].src = this.imgPath + 'star-active.png';
- }
- for ( var i = rating; i < MAX_RATING; i++ ) {
- this.imgArray[i].src = this.imgPath + 'star-off.png';
- }
- }
- function resetRating() {
- for ( var i = 0; i < this.currRating; i++ ) {
- this.imgArray[i].src = this.imgPath + 'star-on.png';
- }
- for ( var i = this.currRating; i < MAX_RATING; i++ ) {
- this.imgArray[i].src = this.imgPath + 'star-off.png';
- }
- }
- StarSet.prototype.setRating = setRating;
- StarSet.prototype.highlightRating = highlightRating;
- StarSet.prototype.resetRating = resetRating;
- //--></script>
- <script type="text/javascript"><!--
- function handleStarMouseOver() {
- this.starSet.highlightRating(this.rating);
- }
- function handleStarMouseOut() {
- this.starSet.resetRating();
- }
- function handleStarClick() {
- this.starSet.setRating(this.rating);
- }
- var W3CDOM = (document.createElement && document.getElementsByTagName);
- var STAR_SETS = new Array();
- window.onload = init;
- function init() {
- if ( !W3CDOM ) {
- alert("Your browser does not support DOM.");
- return;
- }
- STAR_SETS[0] = new StarSet('rate-recipe_files/',0,0);
- }
- //--></script>
- <style type="text/css">
- img.star-rating {
- border: none;
- margin: 0px;
- padding: 0px;
- cursor: pointer;
- }
- </style>
- </head>
- <body>
- <div class="nav-banner">
- <a title="iEat homepage" href="http://localhost:8080/ieat/home.do">Home</a> - <a title="Browse index of available recipies." href="http://localhost:8080/ieat/index.do">A-Z</a> - <a title="Search for recipes" href="http://localhost:8080/ieat/search.do">Search</a> - <a title="Add a new recipe to iEat." href="http://localhost:8080/ieat/addRecipe.do">New Recipe</a> - <a title="View your saved meals, or create new meals." href="http://localhost:8080/ieat/meals.do">Meals</a> - <a title="iEat system administration" href="http://localhost:8080/ieat/admin.do">Admin</a> - <a title="Logout of iEat" href="http://localhost:8080/ieat/logoff.do">Logout</a> (Matt)</div>
- <h1>Hummus</h1>
- <div class="edit-banner">
- <span class="rating-stars" style="visibility: hidden;">
- <img class="star-rating" id="star.0.1" src="rate-recipe_files/star-off.png" alt="1" width="13" height="13" />
- <img class="star-rating" id="star.0.2" src="rate-recipe_files/star-off.png" alt="2" width="13" height="13" />
- <img class="star-rating" id="star.0.3" src="rate-recipe_files/star-off.png" alt="3" width="13" height="13" />
- <img class="star-rating" id="star.0.4" src="rate-recipe_files/star-off.png" alt="4" width="13" height="13" />
- <img class="star-rating" id="star.0.5" src="rate-recipe_files/star-off.png" alt="5" width="13" height="13" />
- </span>
- <a title="Convert this recipe to a different measurement system." href="http://localhost:8080/ieat/convertRecipe.do?recipeId=1&index.displaySection=h&index.pageSize=10">Convert</a> - <a title="Alter the recipe size, i.e. half, double, etc." href="http://localhost:8080/ieat/alterRecipe.do?recipeId=1&index.displaySection=h&index.pageSize=10">Alter Size</a> - <a title="Add this recipe to a meal." href="http://localhost:8080/ieat/addRecipeToMeal.do?recipeId=1">Add to Meal</a> - <a title="Make changes to this recipe." href="http://localhost:8080/ieat/editRecipe.do?recipeId=1&index.displaySection=h&index.pageSize=10">Edit Recipe</a> - <a title="Delete this recipe." href="http://localhost:8080/ieat/deleteRecipe.do?recipeId=1&index.displaySection=h&index.pageSize=10">Delete Recipe</a>
- </div>
- <div class="return-nav">
- <a class="back" href="http://localhost:8080/ieat/index.do?&displaySection=h&pageSize=10">Back to <span class="index-link">h</span>
- </a>
- </div>
- <div class="recipe-view">
- <p>This hummus is made with canned chick peas, so is immediately gratifying.</p>
- <p>You
- can vary this recipe by adding 2 T chopped cilantro. Or, substitute an
- aromatic sesame oil for the olive oil. Season the spread with cumin,
- finely diced jalapeño pepper, or scallions.</p>
- <table class="view">
- <tbody><tr>
- <th>Source:</th>
- <td>
- </td><th>Difficulty:</th>
- <td>Easy</td>
- </tr>
- <tr>
- <th>Base:</th>
- <td>Vegetable</td>
- <th>Ethnicity:</th>
- <td>Middle Eastern</td>
- </tr>
- <tr>
- <th>Course:</th>
- <td>Appetizer</td>
- <th>Servings:</th>
- <td>6</td>
- </tr>
- </tbody></table>
- <div class="viewLabel">Ingredients:
- </div>
- <table class="view">
- <tbody><tr>
- <td>15</td>
- <td> ounces chick pea - <i>one can</i>
- </td>
- </tr>
- <tr>
- <td> ⅓</td>
- <td> cup water - <i>hot</i>
- </td>
- </tr>
- <tr>
- <td>1</td>
- <td> large lemon - <i>squeezed</i>
- </td>
- </tr>
- <tr>
- <td>2</td>
- <td> cloves garlic</td>
- </tr>
- <tr>
- <td>1</td>
- <td> tablespoon olive oil (extra virgin)</td>
- </tr>
- <tr>
- <td> 1/8</td>
- <td> teaspoon salt</td>
- </tr>
- <tr>
- <td>1</td>
- <td> pinch chili (red, ground)</td>
- </tr>
- <tr>
- <td> ¼</td>
- <td> teaspoon salt</td>
- </tr>
- </tbody></table>
- <div class="viewLabel">Instructions:
- </div>
- <div class="viewBox">
- <ol>
- <li>Drain the chick peas, rince well, and put them into the work bowl of a food processor.</li>
- <li>Begin to process, gradually adding the hot water to make a light, spreadable consistency.</li>
- </ol>
- </div>
- <br style="clear: both;" />
- <div class="recipe-footer">Created on 16 Oct 2004 by Matt</div>
- </div>
- </body></html>
|