Starting Out with Java: From Control Structures through Data Structures (4th Edition) (What's New in Computer Science)
4th Edition
ISBN: 9780134787961
Author: Tony Gaddis, Godfrey Muganda
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 13, Problem 1AW
Explanation of Solution
Label class and its CSS style properties:
- The type selector for Label is “.label”.
- The CSS style property for Label class in a JavaFX application are
- “-fx-text-alignment” property:
- It is used to describe the control’s text alignment.
- The text alignment can be represented by “left”, “center”, “right” and “justify”.
- “-fx-font-family” property:
- It is used to describe font for the control’s text.
- The font name can be represented by “serif”, “sans-serif”, “cursive”, “fantasy” and “monospace”.
- “-fx-font-size” property:
- It is used to describe the size of control’s text.
- The font size can be a number indicated in points (pt) or pixels (px).
- “-fx-font-style” property:
- It is used to describe the control’s text style.
- The font style can be represented by “normal”, “italic”, and “oblique”.
- “-fx-font-weight” property:
- It is used to describe the weight of control’s text.
- The font weight can be represented by “normal”, “bold”, “bolder”, and “lighter”.
- “-fx-text-fill” property:
- It is used to describe the color of control’s text...
- “-fx-text-alignment” property:
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
CSS
Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…
3- According to HTML code, which color will be the background color of the paragraph that has text "Second Line" in it.
(hint: red+green = yellow, red+blue=purple, red+yellow:orange, green+blue: cyan, blue+red:magenta )
0pacity Example
.red {background-color: red;}
.f-bg {background-color: rgb (255,255,0); }
.f-bg2 {background-color: rgba(255,255, 0,.5);}
.f-bg3 {background-color: rgb(255,255,0); opacity: .4;}
First Line
Second line
Third line
Chapter 13 Solutions
Starting Out with Java: From Control Structures through Data Structures (4th Edition) (What's New in Computer Science)
Ch. 13.1 - What is the type selector name that corresponds to...Ch. 13.1 - Prob. 13.2CPCh. 13.1 - Prob. 13.3CPCh. 13.1 - Prob. 13.4CPCh. 13.1 - Prob. 13.5CPCh. 13.1 - Prob. 13.6CPCh. 13.1 - Prob. 13.7CPCh. 13.1 - Prob. 13.8CPCh. 13.1 - Prob. 13.9CPCh. 13.1 - Prob. 13.10CP
Ch. 13.1 - Prob. 13.11CPCh. 13.2 - Prob. 13.12CPCh. 13.2 - Prob. 13.13CPCh. 13.2 - Prob. 13.14CPCh. 13.2 - Prob. 13.15CPCh. 13.3 - How do you determine in code whether a CheckBox is...Ch. 13.3 - In code, how do you make a CheckBox appear...Ch. 13.3 - What type of event do CheckBox controls generate...Ch. 13.4 - How do you set the size of a ListView?Ch. 13.4 - Prob. 13.20CPCh. 13.4 - Prob. 13.21CPCh. 13.4 - Prob. 13.22CPCh. 13.4 - How do you set the orientation of a ListView...Ch. 13.5 - Prob. 13.24CPCh. 13.5 - Prob. 13.25CPCh. 13.5 - Prob. 13.26CPCh. 13.5 - Prob. 13.27CPCh. 13.6 - Prob. 13.28CPCh. 13.6 - Prob. 13.29CPCh. 13.6 - Prob. 13.30CPCh. 13.7 - What is the difference between a TextArea and a...Ch. 13.7 - Prob. 13.32CPCh. 13.7 - Prob. 13.33CPCh. 13.7 - Prob. 13.34CPCh. 13.7 - Prob. 13.35CPCh. 13.8 - Briefly describe each of the following menu system...Ch. 13.8 - What class do you use to create a menu bar?Ch. 13.8 - What class do you use to create a menu?Ch. 13.8 - What class do you use to create a menu item?Ch. 13.8 - What class do you use to create a radio menu item?...Ch. 13.8 - How do you create a relationship between radio...Ch. 13.8 - What class do you use to create a check menu item?...Ch. 13.8 - What type of event do menu items generate when...Ch. 13.9 - In what package is the FileChooser class?Ch. 13.9 - Prob. 13.45CPCh. 13.9 - Prob. 13.46CPCh. 13.9 - How do you determine the file that the user...Ch. 13 - When a selector name starts with a period in a...Ch. 13 - Prob. 2MCCh. 13 - Prob. 3MCCh. 13 - Prob. 4MCCh. 13 - Prob. 5MCCh. 13 - In the hexadecimal color value #05AAFF, the AA...Ch. 13 - Prob. 7MCCh. 13 - Prob. 8MCCh. 13 - Prob. 9MCCh. 13 - Prob. 10MCCh. 13 - The __________control presents its items in a...Ch. 13 - Prob. 12MCCh. 13 - A __________ is like a TextField that can accept...Ch. 13 - You use this class to create a menu bar. a....Ch. 13 - Prob. 15MCCh. 13 - True or False: If you make any changes to an...Ch. 13 - Prob. 17TFCh. 13 - Prob. 18TFCh. 13 - Prob. 19TFCh. 13 - Prob. 20TFCh. 13 - Prob. 21TFCh. 13 - Prob. 22TFCh. 13 - True or False: A MenuBar object acts as a...Ch. 13 - True or False: A Menu object cannot contain other...Ch. 13 - Prob. 1FTECh. 13 - .label { -font-size: 14pt; }Ch. 13 - Prob. 3FTECh. 13 - Prob. 4FTECh. 13 - Prob. 1AWCh. 13 - Suppose we have a stylesheet named styles.css, and...Ch. 13 - Prob. 3AWCh. 13 - Prob. 4AWCh. 13 - Prob. 5AWCh. 13 - Prob. 6AWCh. 13 - Prob. 7AWCh. 13 - Prob. 8AWCh. 13 - Prob. 9AWCh. 13 - Assume a JavaFX application has a RadioButton...Ch. 13 - Write code that creates a ListView control named...Ch. 13 - Prob. 12AWCh. 13 - Prob. 13AWCh. 13 - Write the code that creates a menu bar with one...Ch. 13 - Prob. 1SACh. 13 - Prob. 2SACh. 13 - Prob. 3SACh. 13 - Prob. 4SACh. 13 - Prob. 5SACh. 13 - Prob. 6SACh. 13 - Prob. 7SACh. 13 - Prob. 8SACh. 13 - Prob. 9SACh. 13 - Dorm and Meal Plan Calculator A university has the...Ch. 13 - Skateboard Designer The Skate Shop sells the...Ch. 13 - Prob. 3PCCh. 13 - Smartphone Packages Cell Solutions, a cell phone...Ch. 13 - Shopping Cart System Create an application that...
Knowledge Booster
Similar questions
- In Visual Studio Code, I need to be able to enter data into the fields. But if the user hits the submit values button and a field is empty, they get an error message (As in the provided images). The code goes something like this. <html> <head> <title>Week2 GP1 - Michael Porter</title> </head> <body> <form method='POST'> <h3>Enter your name: <input type="text" name="name"></h3> <h3>Enter your date of birth: <input type="text" name="birth"></h3> <h3>Enter your favorite color: <input type="text" name="color"></h3> <h3>Enter your favorite place to visit: <input type="text" name="fav_place"></h3> <h3>Enter your Nickname: <input type="text" name="nickname"></h3> <input type="submit" value="Submit Values"> </form> <?php $name = ''; $birth = ''; $color = '';…arrow_forwardComputer Science Write a webpage that creates a game of dice using only HTML and JavaScript. The code should make use of the HTML <canvas> element. The webpage should inform the user of the rules of the game.arrow_forwardHTML and CSS! Exercise: Create a web page that displays a hyperlink for each subject in your current semester. When the user clicks on a link, he should open the respective topic page.Note: Subject pages can be empty. Use CSS pseudo-classes on hyperlinks.arrow_forward
- When I run this code in HTML, I need it to display an error message for empty fields like in the provided image. <html> <head> <title>Week2 GP1 - Michael Porter</title> </head> <body> <form method='POST'> <h3>Enter your name: <input type="text" name="name"></h3> <h3>Enter your date of birth: <input type="text" name="birth"></h3> <h3>Enter your favorite color: <input type="text" name="color"></h3> <h3>Enter your favorite place to visit: <input type="text" name="fav_place"></h3> <h3>Enter your Nickname: <input type="text" name="nickname"></h3> <input type="submit" value="Submit Values"> </form> <?php $name = ''; $birth = ''; $color = ''; $fav_place = ''; $nickname = ''; if (isset($_POST['name'])) $first_name =…arrow_forwardJavaScript Assignment For this assignment you are only to use external CSS and JavaScript. This assignment shouldhave no templates or frameworks. The Fruits to be used are Apple, Orange, Pear, and Pineapple. Write the code in a way that allows it to pull the images from a folder inside the main folder named “images." The file names are as follows Apple.png, Orange.png, Pear.png, and Pineapple.png. You are to create a child's game. The game will have a title in the head of the boilerplate withyour name. The name of the game will be Fruit Game which will need to be included in theheader of the browser using a h1 element. You will display an image of a fruit. Under the imagethere will be room for text for the name of the fruit but not displayed at the start. You will havefour buttons with names for the fruits available. When the button with the fruit name is clickedthe name of the fruit will appear under the image of the fruit. If the button and the name of thefruit is the same then you…arrow_forwardGetting Bigger.pdf PDF O File | C:/Users/19377/Downloads/Getting%20Bigger.pdf + Purpose To review more advanced aspects of user interfaces and event handlers Directions Create an interface for a program that looks like the one in the first image below. Then add an event handler to the JSlider that changes the font size of the text in the JTextArea according to the value on the slider, as illustrated in the second image. Note: These directions are intentionally vague. Use the internet and whatever other resources you have available to try to piece together how to do this. Be sure to cite any sources you use as comments in your code. Text Decorator Type here.. Font Size: 25 50 75 100 Text Decorator Type here... Туре Font Size: 25 50 75 100 11:35 AM e Type here to search 28°F Cloudy 2/23/2022 (8)arrow_forward
- Q2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…arrow_forward<style>body {font-family: Georgia, serif;font-size: 100%;line-height: 175%; margin: 0 15% 0;}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;} a {text-decoration: none;} h1 {font: bold 1.5em "Marko One", Georgia, serif;}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: .5em;text-align: center;}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning, sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;} h2 + p {text-align: center;font-style: italic;} </style> <!DOCTYPE html><html><head><link rel="stylesheet" href="main-styles.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link…arrow_forwardIn html and CSS Create a regular expression that will check whether either 4 words are contained inside a string.arrow_forward
- HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forwardHands-On Project 1-5Learning to locate and fix errors is an important skill for anyone programming in JavaScript. You have been given a web page containing several errors that need to be fixed. When fixed, the page will display the content shown in Figure 1-27. Do the following:1. Use your code editor to open project01-05_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-05.html.2. In the head section of the document there is a script that declares and initializes the reopenDate variable. There are two errors in this code. Fix both errors.3. Scroll down to the script embedded within the article element. The code contains a total of four errors. Locate and fix the errors.4. Save your changes to the file and then open the file in your web browser. Verify that the page resembles that shown in Figure 1-27. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta…arrow_forwardWrite a sample code for The CSS class Selectorarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT