We are using CSS to create a recipe website that will display thousands of recipes and are using the same style sheet for all the recipes on the website. We will have many web pages that display multiple recipes, one right after another.
We need a set of JavaScript functions to use upon clicking "Print this Recipe" buttons and "Email this Recipe" buttons - which are to be located at the bottom of each recipe.
We are still setting up the format of the site and will need to know how to incorporate the requested JavaScript programming across all of the appropriate web pages. Thus how we set up our CSS/HTML will in part be determined by the JavaScript programming that is provided to us._
_When the site visitor clicks on a "Print this Recipe" button, the JavaScript must send the specific recipe located directly above the button (including Title, Ingredient list, Instructions, Nutritional data, and some additional text that promotes our site) to the person's printer. It must not print any other recipes or any other part of the web page except the appropriate recipe. We do not want to have to create static “print friendly?? versions of our recipes nor do we want to use any pop-up windows. We just want the user to be able to print the recipe just as it is seen (same HTML/CSS format) in his browser - without printing the other recipes on the page.
When the site visitor clicks on one of the “Email this Recipe?? buttons the user must be redirected to a different web page (no pop-up) where they can indicate their friend’s name and email address, their own email address and a personal note. At this point we would prefer that the JavaScript send a link in the email. This (if possible) would be a link that directs the user to the correct position within the specific web page the recipe is located. If this is not feasible, we will need to the literal text of the recipe to be sent in the body of the email rather than a link.
Note the details in the “Deliverables?? section.
## Deliverables
(See the attached word doc “Total [login to view URL]? located in the Zip file)
## Platform
All of the code mentioned must work for Internet Explorer 5.0 and above and Netscape Navigator 6.0 and above. In addition, code that checks the browser type and provides a message and exit sequence for incompatible browsers will need to be provided.