{ "key_pair_value_system": true, "answer_rating_count": "", "question_feedback_html": { "html_star": "", "html_star_feedback": "" }, "answer_average_rating_value": "", "answer_date_js": "2024-09-22T07:09:42-04:00", "answer_date": "2024-09-22 07:09:42", "is_docs_available": "", "is_excel_available": "", "is_pdf_available": "", "count_file_available": 0, "main_page": "student_question_view", "question_id": "12465940", "url": "\/study-help\/questions\/using-javascript-and-jquery-together-with-the-provided-html-and-12465940", "question_creation_date_js": "2024-09-22T07:09:42-04:00", "question_creation_date": "Sep 22, 2024 07:09 AM", "meta_title": "[Solved] Using JavaScript and Jquery together with | SolutionInn", "meta_description": "Answer of - Using JavaScript and Jquery together with the provided HTML and CSS: Alter the code that introduces the back to top li | SolutionInn", "meta_keywords": "javascript,jquery,provided,html,css,alter,code,introduces,back,top,links,appear", "question_title_h1": "Using JavaScript and Jquery together with the provided HTML and CSS: Alter the code that introduces the back to top links so that the links", "question_title": "Using JavaScript and Jquery together with the provided HTML and CSS: Alter", "question_title_for_js_snippet": "Using JavaScript and Jquery together with the provided HTML and CSS Alter the code that introduces the back to top links so that the links only appear after the fourth paragraph When a back to top link is clicked, add a new paragraph after the link containing the message You were here Ensure that the link still works When the author's name is clicked, turn it bold (by adding an element, rather than manipulating classes or CSS attributes) On a subsequent click of the bolded author's name, remove the element that was added (thereby toggling between bold and normal text) Add a class of inhabitants to each of the chapter's paragraphs without calling addClass() Make sure to preserve any existing classes HTML Flatland Flatland A Romance of Many Dimensions by Edwin A Abbott Part 1, Section 3 Concerning the Inhabitants of Flatland an excerpt Our Professional Men and Gentlemen are Squares (to which class I myself belong) and Five Sided Figures or Pentagons Next above these come the Nobility, of whom there are several degrees, beginning at Six Sided Figures, or Hexagons, and from thence rising in the number of their sides till they receive the honourable title of Polygonal, or many Sided Finally when the number of the sides becomes so numerous, and the sides themselves so small, that the figure cannot be distinguished from a circle, he is included in the Circular or Priestly order and this is the highest class of all It is a Law of Nature with us that a male child shall have one more side than his father , so that each generation shall rise (as a rule) one step in the scale of development and nobility Thus the son of a Square is a Pentagon the son of a Pentagon, a Hexagon and so on But this rule applies not always to the Tradesman, and still less often to the Soldiers, and to the Workmen who indeed can hardly be said to deserve the name of human Figures, since they have not all their sides equal With them therefore the Law of Nature does not hold and the son of an Isosceles (i e a Triangle with two sides equal) remains Isosceles still Nevertheless, all hope is not such out, even from the Isosceles, that his posterity may ultimately rise above his degraded condition Rarelyin proportion to the vast numbers of Isosceles birthsis a genuine and certifiable Equal Sided Triangle produced from Isosceles parents What need of a certificate a Spaceland critic may ask Is not the procreation of a Square Son a certificate from Nature herself, proving the Equal sidedness of the Father I reply that no Lady of any position will marry an uncertified Triangle Square offspring has sometimes resulted from a slightly Irregular Triangle but in almost every such case the Irregularity of the first generation is visited on the third which either fails to attain the Pentagonal rank, or relapses to the Triangular Such a birth requires, as its antecedents, not only a series of carefully arranged intermarriages, but also a long continued exercise of frugality and self control on the part of the would be ancestors of the coming Equilateral, and a patient, systematic, and continuous development of the Isosceles intellect through many generations The birth of a True Equilateral Triangle from Isosceles parents is the subject of rejoicing in our country for many furlongs round After a strict examination conducted by the Sanitary and Social Board, the infant, if certified as Regular, is with solemn ceremonial admitted into the class of Equilaterals He is then immediately taken from his proud yet sorrowing parents and adopted by some childless Equilateral The Equilateral is bound by oath never to permit the child henceforth to enter his former home or so much as to look upon his relations again, for fear lest the freshly developed organism may, by force of unconscious imitation, fall back again into his hereditary level How admirable is the Law of Compensation And how perfect a proof of the natural fitness and, I may almost say, the divine origin of the aristocratic constitution of the States of Flatland By a judicious use of this Law of Nature, the Polygons and Circles are almost always able to stifle sedition in its very cradle, taking advantage of the irrepressible and boundless hopefulness of the human mind Then the wretched rabble of the Isosceles, planless and leaderless, are ether transfixed without resistance by the small body of their brethren whom the Chief Circle keeps in pay for emergencies of this kind or else more often, by means of jealousies and suspicious skillfully fomented among them by the Circular party, they are stirred to mutual warfare, and perish by one another's angles No less than one hundred and twenty rebellions are recorded in our annals, besides minor outbreaks numbered at two hundred and thirty five and they have all ended thus Read the complete text of Flatland CSS html, body margin 0 padding 0 body font 62 5 Verdana, Helvetica, Arial, sans serif color 000 background fff main font size 1 2em margin 10px 2em h1 font size 2 5em margin bottom 0 h2 font size 1 3em margin bottom 5em h3 font size 1 1em margin bottom 0 code font size 1 2em a color 06581f Chapter Styles article margin right 200px f title font size 1 5em excerpt font style italic span footnote font style italic font family Times New Roman , Times, serif display block margin 1em 0 article span footnote display inline text reference font weight bold notes margin top 1em border top 1px solid dedede notes li margin 1em 0 footer margin top 1em border top 1px solid dedede pulled background e5e5e5 position absolute width 120px top 20px right 180px padding 20px font italic 1 2em Times New Roman , Times, serif rounded top background transparent url(rounded top png) no repeat scroll left top width 160px padding 20px 0 0 0 rounded bottom background transparent url(rounded bottom png) no repeat scroll left bottom width 120px padding 0 20px 20px 20px inhabitants border left 5px solid 800 padding left 5px Jquery $(document) ready(function() Use attr() to add an id, rel, and title $('article chapter a href wikipedia ') attr( rel 'external', title function() return 'Learn more about ' $(this) text() ' at Wikipedia ' , id function(index, oldValue) return 'wikilink ' index ) Add back to top links $('back to top') insertAfter('article chapter p') $('') prependTo('body') Create footnotes var $notes $(' ') insertBefore(' footer') $('span footnote') each(function(index) $(this) before( '', ' ', index 1, ' ' join('')) appendTo($notes) append( ' (context)' join('')) wrap(' ') ) Style pull quotes $('span pull quote') each(function(index) var $parentParagraph $(this) parent('p') $parentParagraph css('position', 'relative') var $clonedCopy $(this) clone() $clonedCopy addClass('pulled') find('span drop') html('') end() text($clonedCopy text()) prependTo($parentParagraph) addClass('rounded top') wrapInner(' ') ) ) ", "question_description": "

Using JavaScript and Jquery together with the provided HTML and CSS:<\/p>

Alter the code that introduces the back to top links so that the links only appear after the fourth paragraph.<\/p>

When a back to top link is clicked, add a new paragraph after the link containing the message You were here. Ensure that the link still works.<\/p>

When the author's name is clicked, turn it bold (by adding an element, rather than manipulating classes or CSS attributes).<\/p>

On a subsequent click of the bolded author's name, remove the element that was added (thereby toggling between bold and normal text).<\/p>

Add a class of inhabitants to each of the chapter's paragraphs without calling .addClass(). Make sure to preserve any existing classes.<\/p>

HTML:<\/p>

<\/p>

Flatland<\/title><\/p> <p><link rel=\"stylesheet\" href=\"05.css\" type=\"text\/css\" \/><\/p> <p><script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script> <script src=\"complete.js\"><\/script> <\/head> <body> <main id=\"container\"> <h1 id=\"f-title\">Flatland: A Romance of Many Dimensions<\/h1> <p id=\"f-author\">by Edwin A. Abbott<\/p> <h2>Part 1, Section 3<\/h2> <h3 id=\"f-subtitle\">Concerning the Inhabitants of Flatland<\/h3> <p id=\"excerpt\">an excerpt<\/p><\/p> <p><article> <p>Our Professional Men and Gentlemen are Squares (to which class I myself belong) and Five-Sided Figures or Pentagons.<\/p><\/p> <p><p>Next above these come the Nobility, of whom there are several degrees, beginning at Six-Sided Figures, or Hexagons, and from thence rising in the number of their sides till they receive the honourable title of Polygonal, or many-Sided. Finally when the number of the sides becomes so numerous, and the sides themselves so small, that the figure cannot be distinguished from a circle, he is included in the Circular or Priestly order; and this is the highest class of all.<\/p><\/p> <p><p><span>It is a Law of Nature <span>with us<\/span> that a male child shall have <strong>one more side<\/strong> than his father<\/span>, so that each generation shall rise (as a rule) one step in the scale of development and nobility. Thus the son of a Square is a Pentagon; the son of a Pentagon, a Hexagon; and so on.<\/p><\/p> <p><p>But this rule applies not always to the Tradesman, and still less often to the Soldiers, and to the Workmen; who indeed can hardly be said to deserve the name of human Figures, since they have not all their sides equal. With them therefore the Law of Nature does not hold; and the son of an Isosceles (i.e. a Triangle with two sides equal) remains Isosceles still. Nevertheless, all hope is not such out, even from the Isosceles, that his posterity may ultimately rise above his degraded condition.\u2026<\/p><\/p> <p><p>Rarely\u2014in proportion to the vast numbers of Isosceles births\u2014is a genuine and certifiable Equal-Sided Triangle produced from Isosceles parents. <span>\"What need of a certificate?\" a Spaceland critic may ask: \"Is not the procreation of a Square Son a certificate from Nature herself, proving the Equal-sidedness of the Father?\" I reply that no Lady of any position will marry an uncertified Triangle. Square offspring has sometimes resulted from a slightly Irregular Triangle; but in almost every such case the Irregularity of the first generation is visited on the third; which either fails to attain the Pentagonal rank, or relapses to the Triangular.<\/span> Such a birth requires, as its antecedents, not only a series of carefully arranged intermarriages, but also a long-continued exercise of frugality and self-control on the part of the would-be ancestors of the coming Equilateral, and a patient, systematic, and continuous development of the Isosceles intellect through many generations.<\/p><\/p> <p><p><span>The birth of a True Equilateral Triangle from Isosceles parents is the subject of rejoicing in our country <span>for many furlongs round<\/span>.<\/span> After a strict examination conducted by the Sanitary and Social Board, the infant, if certified as Regular, is with solemn ceremonial admitted into the class of Equilaterals. He is then immediately taken from his proud yet sorrowing parents and adopted by some childless Equilateral. <span>The Equilateral is bound by oath never to permit the child henceforth to enter his former home or so much as to look upon his relations again, for fear lest the freshly developed organism may, by force of unconscious imitation, fall back again into his hereditary level.<\/span><\/p><\/p> <p><p>How admirable is the Law of Compensation! <span>And how perfect a proof of the natural fitness and, I may almost say, the divine origin of the aristocratic constitution of the States of Flatland!<\/span> By a judicious use of this Law of Nature, the Polygons and Circles are almost always able to stifle sedition in its very cradle, taking advantage of the irrepressible and boundless hopefulness of the human mind.\u2026<\/p><\/p> <p><p>Then the wretched rabble of the Isosceles, planless and leaderless, are ether transfixed without resistance by the small body of their brethren whom the Chief Circle keeps in pay for emergencies of this kind; or else more often, by means of jealousies and suspicious skillfully fomented among them by the Circular party, they are stirred to mutual warfare, and perish by one another's angles. No less than one hundred and twenty rebellions are recorded in our annals, besides minor outbreaks numbered at two hundred and thirty-five; and they have all ended thus.<\/p> <\/article> <footer id=\"footer\"> <p>Read the complete text of <i>Flatland<\/i>.<\/p> <\/footer> <\/main> <\/body> <\/html><\/p> <p> ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<\/p> <p>CSS:<\/p> <p>html, body { margin: 0; padding: 0; }<\/p> <p>body { font: 62.5% Verdana, Helvetica, Arial, sans-serif; color: #000; background: #fff; } main { font-size: 1.2em; margin: 10px 2em; }<\/p> <p>h1 { font-size: 2.5em; margin-bottom: 0; }<\/p> <p>h2 { font-size: 1.3em; margin-bottom: .5em; } h3 { font-size: 1.1em; margin-bottom: 0; }<\/p> <p>code { font-size: 1.2em; }<\/p> <p>a { color: #06581f; }<\/p> <p> \/*************************************** Chapter Styles ***************************************\/<\/p> <p>article { margin-right: 200px; } #f-title { font-size: 1.5em; } #excerpt { font-style: italic; }<\/p> <p> span.footnote { font-style: italic; font-family: \"Times New Roman\", Times, serif; display: block; margin: 1em 0; }<\/p> <p>article span.footnote { display: inline; } .text-reference { font-weight: bold; }<\/p> <p>#notes { margin-top: 1em; border-top: 1px solid #dedede; } #notes li { margin: 1em 0; }<\/p> <p>footer { margin-top: 1em; border-top: 1px solid #dedede; }<\/p> <p> .pulled { background: #e5e5e5; position: absolute; width: 120px; top: -20px; right: -180px; padding: 20px; font: italic 1.2em \"Times New Roman\", Times, serif; }<\/p> <p>.rounded-top { background: transparent url(rounded-top.png) no-repeat scroll left top; width: 160px; padding: 20px 0 0 0; } .rounded-bottom { background: transparent url(rounded-bottom.png) no-repeat scroll left bottom; width: 120px; padding: 0 20px 20px 20px; }<\/p> <p> .inhabitants { border-left: 5px solid #800; padding-left: 5px; }<\/p> <p> ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<\/p> <p>Jquery:<\/p> <p>$(document).ready(function() { \/\/ Use attr() to add an id, rel, and title. $('article.chapter a[href*=\"wikipedia\"]').attr({ rel: 'external', title: function() { return 'Learn more about ' + $(this).text() + ' at Wikipedia.'; }, id: function(index, oldValue) { return 'wikilink-' + index; } });<\/p> <p>\/\/ Add \"back to top\" links. $('back to top').insertAfter('article.chapter p'); $('').prependTo('body');<\/p> <p>\/\/ Create footnotes. var $notes = $('<ol id=\"notes\"><\/ol>').insertBefore('#footer'); $('span.footnote').each(function(index) { $(this) .before([ '', '<sup>', index + 1, '<\/sup>' ].join('')) .appendTo($notes) .append([ ' (context)' ].join('')) .wrap('<li id=\"footnote-' + (index + 1) + '\"><\/li>'); });<\/p> <p>\/\/ Style pull quotes. $('span.pull-quote').each(function(index) { var $parentParagraph = $(this).parent('p'); $parentParagraph.css('position', 'relative');<\/p> <p>var $clonedCopy = $(this).clone(); $clonedCopy .addClass('pulled') .find('span.drop') .html('\u2026') .end() .text($clonedCopy.text()) .prependTo($parentParagraph) .addClass('rounded-top') .wrapInner('<section><\/section>'); }); });<\/p>", "transcribed_text": "", "related_book": { "title": "Database And Expert Systems Applications Dexa 2022 Workshops 33rd International Conference Dexa 2022 Vienna Austria August 22 24 2022 In Computer And Information Science 33", "isbn": "3031143426, 978-3031143427", "edition": "1st Edition", "authors": "Gabriele Kotsis ,A Min Tjoa ,Ismail Khalil ,Bernhard Moser ,Alfred Taudes ,Atif Mashkoor ,Johannes Sametinger ,Jorge Martinez-Gil ,Florian Sobieczky ,Lukas Fischer ,Rudolf Ramler ,Maqbool Khan ,Gerald Czech", "cover_image": "https:\/\/dsd5zvtm8ll6.cloudfront.net\/si.question.images\/book_images\/2024\/01\/6597faaf20b6b_9276597faaf1a8cf.jpg", "uri": "\/textbooks\/database-and-expert-systems-applications-dexa-2022-workshops-33rd-international-conference-dexa-2022-vienna-austria-august-22-24-2022-in-computer-and-information-science-33-1st-edition-978-3031143427-176421", "see_more_uri": "\/textbooks\/computer-science-source-2601" }, "question_posted": "2024-09-22 07:09:42", "step_by_step_answer": "The Answer is in the image, click to view ...", "students_also_viewed": [ { "url": "\/study-help\/forensic-and-legal-psychology\/what-do-psychologists-in-various-professions-do-and-where-do-2097789", "description": "What do psychologists in various professions do, and where do they work?", "stars": 0 }, { "url": "\/during-the-firstyear-audit-of-jones-wholesale-stationery-you-observe", "description": "During the first-year audit of Jones Wholesale Stationery, you observe that commissions amount to almost 25 percent of total sales, which is somewhat higher than in previous years. Further...", "stars": 3 }, { "url": "\/study-help\/questions\/using-javascript-and-jquery-together-with-the-provided-html-and-12465940", "description": "Using JavaScript and Jquery together with the provided HTML and CSS: Alter the code that introduces the back to top links so that the links only appear after the fourth paragraph. When a back to top...", "stars": 3 }, { "url": "\/study-help\/questions\/what-is-the-best-way-to-identify-hazards-before-providing-3525681", "description": "What is the best way to identify hazards before providing first aid in an emergency Select all that apply Inspect the area - look, listen, smell for danger Call a manager of the site Don't bother,...", "stars": 3 }, { "url": "\/study-help\/questions\/a-patrimonio-is-a-stockholder-of-abc-inc-which-has-4498466", "description": "A. Patrimonio is a stockholder of ABC, Inc. which has 30,000 shares outstanding and 50,000 shares of authorized capital stock. There are eleven seats in the board of directors. 7. How many shares and...", "stars": 3 }, { "url": "\/study-help\/questions\/solmotors-is-the-only-auto-manufacturer-in-west-lidia-a-4547317", "description": "28 S Sol-Motors is the only auto manufacturer in West Lidia, a country that prohibits the importation of cars. The graph below shows the demand and the costs for Sol-Motors. Costs and revenues (in...", "stars": 3 }, { "url": "\/study-help\/questions\/wasteful-usage-of-variable-overhead-costs-such-as-indirect-materials-3677824", "description": "Wasteful usage of variable overhead costs such as indirect materials and utilitiesi.e., misplacing or spilling indirect materials or leaving machines running and doors to refrigerated areas open will...", "stars": 3 }, { "url": "\/study-help\/questions\/the-intname-method-in-the-problem-solving-stepwise-refinementsection-accepted-1575785", "description": "The intName method in the \"Problem Solving: Stepwise Refinement\"section accepted arguments \n \n \n \n Answered: 1 week ago", "stars": 3 }, { "url": "\/study-help\/questions\/challenge-activity-362-ranges-with-gaps-jump-to-level-1600671", "description": "CHALLENGE ACTIVITY 3.6.2: Ranges with gaps. Jump to level 1 Given integer ordered Cherries, output: \"Small carton\", if there are 20-50 cherries inclusive. \"Medium carton', if there are 80-100...", "stars": 3 }, { "url": "\/study-help\/intercultural-communication\/3-a-good-source-for-seeing-the-subtle-differences-between-2117521", "description": "3. A good source for seeing the subtle differences between legal and illegal job interview questions is at the following job Web site: www.jobweb.com\/Interview...", "stars": 3 }, { "url": "\/study-help\/intercultural-communication\/6-conduct-an-indepth-informationgathering-interview-and-write-a-fourto-2117524", "description": "6. Conduct an in-depth information-gathering interview, and write a four-to fivepage report in which you summarize the information you received. Then comment on what you learned about the interview...", "stars": 3 }, { "url": "\/study-help\/intercultural-communication\/4-assess-your-goals-for-employment-and-then-design-or-2117522", "description": "4. Assess your goals for employment, and then design (or revise) a rsum for the job that interests you the most. Use the guidelines in this chapter to make it clear and action-oriented. Prepare...", "stars": 3 } ], "next_back_navigation": { "previous": "\/study-help\/questions\/a-design-a-genealogy-database-with-one-entity-set-people-12465939", "next": "\/study-help\/questions\/when-the-market-interest-rate-was-6-you-purchased-a-12465941" }, "breadcrumbs": [ { "name": "Study help", "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers" }, { "name": "Computer Science", "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers\/computer-science" }, { "name": "Databases", "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/computer-science-databases" }, { "name": "Using JavaScript and Jquery together with the provided HTML and CSS: Alter", "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/using-javascript-and-jquery-together-with-the-provided-html-and-12465940" } ], "skill_details": { "skill_id": "656", "skill_name": "Databases", "parent_id": "8" } }