New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Question
error_outline
This textbook solution is under construction.
Students have asked these similar questions
Open the HTML and JavaScript files provided as start up files (index.html and navigation.js). Then, run the application and notice that when you click on a link in the sidebar, the page is scrolled so the information for the speaker associated with that link is displayed. In other words, this application works even if JavaScript is disabled.
In the JavaScript file, add an event handler for the ready event method. Then, within the function for that event handler, add jQuery code that hides the heading and article for all but the first speaker.
Add an event handler for the click event of the <a> elements in the sidebar. Then, within the function for that event handler, add jQuery code that hides all the speaker information, gets the value of the href attribute of the link that was clicked, and then uses that value to display the heading and article for the speaker associated with that link.
create an HTML file with name index.php and a Cascading Style sheet with name, nuksoft_styles.css. Make use of only HTML tags. All styles should be control by the css file. Save all files in a folder and save all files related to this question in it. The name of the folder should be Nuksoft followed by your index number (e.g. Nuksoft-1081015001).a.Nuksoft provides the following services.i. Application Developmentii. Installation of CCTViii. Hardware and Networkingiv. IT ConsultancyCreate a drop-down menu using an internal css style and javascript displaying the services as a sub menu. Link each of the sub menu to a unique page.b. Create a similar menu for products. Nuksoft provides three main products to her customers. Each of these product categories have its related product as shown below. Desktop Applicationi. School Management Systemii. Sales Management System Web Applicationi. Hospital Management Systemii. Pharmacy Management Systemiii. Asset Management System Mobile…
Create a HTML and CSS file of the given picture. Ensure that the interface will satisfy the given picture.Note: Once view button was clicked, another html file will pop up as shown in 2nd picture.
Knowledge Booster
Similar questions
- need help with this. i attached the image how it should look. 1 . Include the defer attribute to defer loading the file until the entire page is loaded. Study the contents of the HTML file, noting that all checkboxes for the menu items belong to the menuItems Save your changes to the file. 2. Go to the project03-01.js file in your code editor. Below the initial comment section, declare a variable named menuItems containing the collection of HTML elements belonging to the menuItem class using the getElementsByClassName() 3.Create a for loop that loops through the contents of the menuItems collection with a counter variable that starts with an initial value of 0 up to a value less than the length of the menuItems collection. Increase the counter by 1 with each iteration. Within the for loop, add an event listener to the menuItems[i] element in the collection (where i is the value of the counter), running the calcTotal() function when that item is clicked. 4. Create the calcTotal()…arrow_forwardThe Apply Design Template command is .8 used to .Change the order of the slides. Change the shape of the slides. Change the background and fonts of the entire presentation. Create a new, empty presentationarrow_forwardCreate a simple, single-page website to display thumbnails of image files relating to a specific topic. These could be your own vacation photos, animal or nature images, favorite performers, athletes, etc. Images from copyrighted sources may be used for this purpose without permission, but should be credited as to their source. Size the thumbnails to maintain the correct aspect ratio (i.e., so that the images in the thumbs are not distorted), set the thumbs up as links to the actual image files, and organize the thumbnails. No hand written and fast answer with the explanationarrow_forward
- Provide JavaScript code to change the source of the first inline image in the document to introlmg.png.arrow_forwardSave the Word document and close them. Go to D2L and submit it by attaching the document file.You mayarrow_forwardEvent Listeners Go to the co_cart.js file in your editor. Directly below the initial comment section, add an event listener for the window load event that does the following when the page is loaded: Runs the calcCart() function. Add an event handler to the modelQty field in the cart form that runs the calcCart() function when the field value is changed. A for loop that loops through every option in the group of shipping option buttons, adding an event handler to run the calcCart() function when each option button is clicked. JavaScript Functions Create the calcCart() function to calculate the cost of the customer’s order using field values in the cart form. Within the calcCart() function do the following: Create a variable named orderCost that is equal to the cost of the espresso machine stored in the modelCost field multiplied by the quantity of machines ordered as stored in the modelQty field. Display the value of the orderCost variable in the orderCost field, formatted as U.S.…arrow_forward
- Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: • a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal CSS (and extra HTML if you need to) so that your page looks like the image below. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en- US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes Document Ⓒ File /Users/cg-admin/Desktop/TEMP/Assignment%20G%20CVS1-12... ✰ Name Breed Tabby Siamese Ragdoll Ronald Tabby Dom Felix Cutest Kittens Competition Fifi Points 6000 5150 2150 Rank 1 2 3 Disqualified for bad behaviour Updatearrow_forwardWhich JavaScript method should you apply to respond to a click event that occurs within the page object with the idtotalduring the capture phase? a. document.getElementById("total").addEventListener("click", calcTotal); b. document.getElementById("total").addEventListener("click", calcTotal, capture); c. document.getElementById("total").addEventListener("click", calcTotal, false); d. document.getElementById("total").addEventListener("click", calcTotal, true); Clear my choicearrow_forwardCreate a CSS file youName.css and link it to the HTML file you created earlier in Part 1. The results after filling the styles should be as shown in the image below. NOTE 1: Add classes and ids as you find suitable in the HTML file. NOTE 2: Any style that is not specified, may be specified as you wish (like margins, paddings …). NOTE 3: The width of the <body> is 700px and the font-family is “Arial”. after finsih it must be as the imagearrow_forward
- Computer Science WebGL - Use the z-buffer algorithm to demonstrate hidden-surface removal for three cubes. One cube should be in the center of the canvas. Each of the other two cubes should either overlap the first cube or be overlapped by it. Create separate files for the HTML index and JavaScript required for the program. Please include screenshots of your program running as well.arrow_forwardUsing Javascript Write a page that displays a balloon (using the balloon emoji, ?). When you press the up arrow, it should inflate (grow) 10 percent, and when you press the down arrow, it should deflate (shrink) 10 percent. You can control the size of text (emoji are text) by setting the font-size CSS property (style.fontSize) on its parent element. Remember to include a unit in the value—for example, pixels (10px). The key names of the arrow keys are "ArrowUp" and "ArrowDown". Make sure the keys change only the balloon, without scrolling the page.arrow_forwardCreate a link element that loads the myprint.css style sheet file but only for printed output.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning