Skip to content

Instantly share code, notes, and snippets.

@benneuman
Forked from CharlieTruong/jquery_quiz.js
Last active August 29, 2015 13:55
Show Gist options
  • Save benneuman/8786841 to your computer and use it in GitHub Desktop.
Save benneuman/8786841 to your computer and use it in GitHub Desktop.
/* Here is your chance to take over Socrates!
Spend 10 minutes on each of the following hacks to the Socrates website.
Enter them in the console to make sure it works and then save
your results here.
Choose a new pair for each. Add your names to the section you complete.
*/
/*1. Use basic selectors (id, class, element) to choose an element on the page.
Use the .css() method to alter at least two CSS properties of this element. */
/*2. Use basic selectors and the find() method to select an image on the page
and change it with another image of your choice. */
/*3. Use traverse methods to select all instances of a repeated element on the page
(like the h3 surrounding the words 'Code Review' ) and use the animate() method to modify it.
*/
/*4. Try to find an element that requires at least three selectors / traverse
methods to locate it and then use the .on() method to bind an event handler
on these elements (use an event other than click).*/
/*5. Your choice. */
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
$("#challenge_controls form .row .span2 input")
[
<input class=​"btn btn btn-primary" data-disable-with=​"Submitting..." name=​"commit" type=​"submit" value=​"Submit this solution">​
]
$("#challenge_controls form .row .span2 input").css
function (e,n){return v.access(this,function(e,n,r){return r!==t?v.style(e,n,r):v.css(e,n)},e,n,arguments.length>1)} application-c3530de4626df959f2bc11acc4ffa4de.js:16
$("#challenge_controls form .row .span2 input").css()
TypeError: Cannot call method 'replace' of undefined
$("#challenge_controls form .row .span2 input").css();
TypeError: Cannot call method 'replace' of undefined
$("#challenge_controls form .row .span2 input").css("background-color");
"rgb(0, 116, 204)"
$("#challenge_controls form .row .span2 input").css("background-color","pink");
[
<input class=​"btn btn btn-primary" data-disable-with=​"Submitting..." name=​"commit" type=​"submit" value=​"Submit this solution">​
]
$("#challenge_controls form .row .span2 input").css("background-color","red");
[
<input class=​"btn btn btn-primary" data-disable-with=​"Submitting..." name=​"commit" type=​"submit" value=​"Submit this solution" style=​"background-color:​ rgb(255, 192, 203)​;​">​
]
$("#challenge_controls form .row .span2 input").css("display","block");
[
<input class=​"btn btn btn-primary" data-disable-with=​"Submitting..." name=​"commit" type=​"submit" value=​"Submit this solution" style=​"background-color:​ red;​ display:​ block;​">​
]
$("#challenge_controls form .row .span2 input").css("width","200px");
[
<input class=​"btn btn btn-primary" data-disable-with=​"Submitting..." name=​"commit" type=​"submit" value=​"Submit this solution" style=​"background-color:​ red;​ display:​ block;​">​
]
$("#challenge_controls").find(".row")
[
<div class=​"row" style=​"min-height:​ 46px;​">​…​</div>​
,
<div class=​"row">​…​</div>​
,
<div class=​"row">​…​</div>​
]
$("#challenge_controls").find(".row")[0]
<div class=​"row" style=​"min-height:​ 46px;​">​…​</div>​
$("#challenge_controls").find(".row")[2]
<div class=​"row">​…​</div>​
$("#challenge_controls").find(".row")[0].removeClass("row");
TypeError: Object #<HTMLDivElement> has no method 'removeClass'
$("#challenge_controls").find(".row").removeClass("row");
[
<div class style=​"min-height:​ 46px;​">​…​</div>​
,
<div class>​…​</div>​
,
<div class>​…​</div>​
]
$("#comments").find("img")
[
<img alt=​"Anne Spalding" src=​"https:​/​/​secure.gravatar.com/​avatar/​9bc5f24ad11b8b219e047c82065f1ebd.png?r=PG&d=mm&s=40" title=​"Anne Spalding">​
,
<img alt=​"Anne Spalding" src=​"https:​/​/​secure.gravatar.com/​avatar/​9bc5f24ad11b8b219e047c82065f1ebd.png?r=PG&d=mm&s=40" title=​"Anne Spalding">​
]
$("#comments").find("img").attr("src","data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxITEhQQEhQUFRUVFBUVFBUVFRUVFRQUFBUWFhQVFRUYHSggGBolHBUUIzEiJSkrLi4uGB8zODMsNygtLisBCgoKDg0OGhAQGiwkHyQsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLP/AABEIAMwA9wMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAADBAIFBgEAB//EADwQAAEDAgQEAwcDAwMDBQAAAAEAAhEDIQQSMUEFUWFxIoGREzJCobHR8AZSwWLh8RQjclOCogcVQ5LC/8QAGQEAAwEBAQAAAAAAAAAAAAAAAAECAwQF/8QAIxEBAQACAgIDAQADAQAAAAAAAAECESExAxITQVEEYXGRIv/aAAwDAQACEQMRAD8A1D3oD3IbnyvBedKuxF6TrBPFqXqMSypSK51JGp0kwKKMymsMqNB02IwaiNYu5USpsBKDUKYqMS1RqN7IvUclnvRagQHBVMSRzojENtNMU2pZdKjoCJTaptYpBiwu9qEpNR2oTEYFXMgkEZiDKiKi1gMuCGVH2ihnWmMAoC8oB6iXrTQTBRAUoXqTKqn1B1pXUuKim1yuRIpC5C6xFDU96BV9NeTTmLyzuYVTHpmnCQpgpqmVG9K2YIQnMXRUUmlRcjcbTRBTRGtXSVFCIYuFiIHKL3KcSoDwlqgR6pS1Ry1mKSlcJaE1VQcq2kS4GojAvBqkAlliBqSLlS7CjtqLnywp7SyrhK5UqR5qEpTCntP2iiXKJUVtIYzXLxKCHKQctMRtIuXi9CdUUC5aFsR1VRa9CJXC9LQNNqpmlVVUHpik9FoW7HozKiQpVEdr1z556B0FeSzXry5/kNXBqK1E9kpBi2oCDUVi6QoSpMbOouehlyE5yYGFVedUSudd9ormJJvqIDnLzyohq0kJBwXsqGzGUi7KH3vENJBjUAjtyv6JulTmDsRIPPX7LS4ZTuJsQbSn85KDxCbdZv8Ax+sx9EpiXAXJ1+l/sUaJ0USSGje5UiQLGJ3vYdD+bIGGrPc5zpytzQCBeBqG9dEPiFO2VgI/c6wyifdB2P8Afktp45pXqeoPDyXbbEmJg/IKdV0mNNhY/Kd/kvYWk2kwGJdAgR8+ekJXGYsN90X3PiO/7oEfNX8c0frTbqAi38me3NBFFzjDWk+STwuKPvObNiRIDSRvBmY6q/4a9joGXL/SQPLxQl8Eo0p61MtMOGXv/CjnWkxfCAWkgu6Dwx21WWxTSx2V0A8plZ5+P1S49y9mQS5dBWZiZlwleC45GwiEemlwjMKmmepJlhSdJyYY9YZ47Bti8hB68ue4AeFwlEyqD2renQ3FAe5GcEJ7VI2HmXVHKvBVITjmoRCOShOC1lgRBSfG62Si7m+GDb3j9kOrxAF4p0yCTqeQvdUnGCTAMkyHEkzbLtawEro8fju5arSGFxgYJsXCMsDSLyr/AITiHe0c02a9jarP6XQCR2v/AOIVFSoObLsoIbFhfxwCZ6An5LbcGxTH0KeZjQ5rcpkQSG2kWn/BXVZvHR5a+kDLzHXUdDOnVp9JSvEsERlM2uekCfurKvhR4n0ybtsLSCDI11vHz5qdGma1M03ftsdL8vUR59ln8aJCBqtNIv0DREaEDX1v80CniGuYC+TkvGxcNLRtrqncXwp5z5W6vDo3tuOY+eqdbwtrsriCx7fh0Dp/afT0V+lX7RUUHPec0HLuC0EjrvJ636p8UBl/3DOkOjKCCYMCNRAN+uqtW0AwCWZerdB5H3eXRVeEwrhUdn91w3hwcDz1EdE9aK5bTfhntgsfeRNw0O5bSQQIuZ01lc4Th2kk5gZBgDxEDuZkSu18KxsNYfDrrIbN4ANwDtE3Ck3DkRlIJmextttP51PblOqLXxvshka9xJBIGgP1+izmPY5x9o7QgH7/ADV3jMPmJd8WgB0BBJJjWJ+2116WFzNd/SHS2xvESD0UZzfBeqi9mR+dYClTKscTSIBBHvaHuYP51QxhQGB2lgfkFz5Y2dACFwhGIuVwwsvcthNYpgLxKjmT9pTHDlNtRKGouselYFgyovIFMryz9CXsqDnIeZcLlCnSo5VEuXA9Rab1RqFCK4rkKpSDyqo4viCSaLXBkNzVajjDabOp/hWnEcSKVJ1TkLDm74R6r53xujVNCoLudWcwuAkkwcwFtBaPRdPhx3d1WM20OEbQN6Vc1HO0d7NzAYhxyZhDhA6olbxANFtr39CdlW/pnhdegDisYS1tNhFKiXSXPIgEtmBAJVlhhny6tGrjYam1zt9123vUXrjddbgKjc5kFpJOUAWknftuVbcD4a5rBlc7lBvEG8H19dkoMTmhgc0NmAbuAI+Zjn35qw4dUfRYXmDIt7ok6ktmNNd5BGhlbTTKmHYvIA0C0wbAW0zE8tOfyUaHFW5r2OhjY3idzok8c4XJjbKS02J1kxsOfokaDSwl1xJLjJkAg+6CenX6qbTjQVuN12Bzixha0TrmJjkAJBFtVn+Ifriq4wynYc25hB2zb+lkZld7XOc6QIAiBqRc7T2hSOIcCBJcDJJInS8T36clNypyFcL+osaJDWOIcASHCbDeDryIRMH+qKrHOL6Dmk/CLtnm1x00+668STDvDGhNo11nuuDwHxAGSLiY6dN9f6VPtVaiz4Tx+jWec7DTMmZOUEHdwdYeVimf9QwPc2mDNrbgajeevnos9WbIBsQQPdN40zDZFwb2V2ii69Zs+zqTkflOrJiHeaffBdNMX5m5y6YBBsbX1POLa/LclCqwlrxYEZfO4M8u/QLKjiTMO/KXHOSM7XENdp8Xf0T7uKCQabcrTIM3gzcWnt97JXhXazpND2g/CLg9QdY7x6IFfAgkbADfc3vPL7qeDrAtOxmTGkWnt7vzGycfVBERLCSBJgC0791HFnJZYKriWHawAAyXS7y6qudZXVXB/ES2zRrJ5km+tpvvrdVOKj3pmTb7n7Lj8+GrthSznoReovel31FljThnOutek/aL3tF0Q1tSqrirWVV1PQaXD4prxLTMajcTzCLmWRwdCtSeMoMWNrgNJ/NPRaPDY1rhLvCdCNgd78keX+f7xaXD8MkrkrjXA3BBHMGR8l5xXFcddpSDl7MhEr2dEhKn9TPJDRBygy7+BCrsDiml0wWgWuNk9xiqQ9jcryHZvE1pcGkARMC2+vRVrWiDcjrvMz9vVep4cJcY0l1OFpSwTH+JxJG03vzEkwNfRC4tRc1gDbNPrHOd4shYfiHjFMeIwJjbz56WWrx2Ga+hECcsDS1lvMOOEXL9Y7DYsCGnxQQbXLY1GYeexjRW7caHWMyLxeC45gBpa/0WYpVWMqQbyT4gMwF9DziTpAvfRaOjAaQyMpFw4idJl202PqETgI08S5xdmiMziLC8E2vc7662RjXmbZgbR7s2zR/VMjXtPJeq1u/MhxkxMSJjQW+XJLsqgQ7xzNzqJggkXBkNm+6KBqtQE6zJjK22g95vPRwgeSBVxGrWmDJEba+9O8mO86KD8SDUggw3S2gmLkaXBQOHUrENuZcSRPXvBWW+V6O4Z5kZrzczzn5c/wDKO3KNCRocuouROmh1vJQGVWxexOp2k/u3Fo5aFcBMyP8A7Xkg6wToTGnIjyqAUtOoA2jcQLyRsdN/uksYwWeNQRlJkBsaCdv7bKwGIsC5piTEWO0WGvbnPdRqta4EbRFpEygytLi9Os4Mr5ab5ytcSfFGkuPUefzT1OoBUNOQ2xsQIIPKfeiDB/yM1xfDFriLWBLXAGTeYICBgsc5xDDlNso2cD8JGtwbTvMKu09NZRxRm+ozNEcx7wjXQczqrrDVpABEjw39NvIeqwVOpe8yZc6xnUAAeeUf4V9w3HSA02IAiT0j5QPRY2tZzGwbgwRabmTfxRr5drIWLwjC24IscrWibbfx6apbh1Y5c+YgkkuETcm6cxeLaG54c4wYFxbfMZsO6uSWMc8dMTjmlji0yOh1Spcn+K5yS94a3SGjltp/JVWXLk+OS8IkScVzMoFy4tJjpWhQ9eQwV5PQ0dOMfkZLoIB8Q/puAYvBnVHpY1jiWvu4fFYExqB0tr0VNhasZ9S0AxO5JEAT0nTkUzhX03y5oLnAG3Icy3ciZ20W7ba74dUIdDbtnxNGt7gz9/orAvVBhHuYQIl06kWIuBF7bW12VpS4hSzbgmdTY7bqM/Hjn2VkprOvUm5nNbMSQJ11UaXikbjewzf3/OiiZB6hcmXiuN56ZZSwzXy3Be1rHDKA2DUzAkODXNE7XMjU8rVVajRkU6VORc5pPhG+fNfzH8IPFvaZYpNEmAXkZjEyZ3NyUthjWeYazxHVx8It/wAiI2juvSxyx1wlbU+B02y/MbWLg4u920EkmwjfkleK1HkAUqrg27SN5G5PIrrcZVh1OoMh0PUCLiZBGtlW4oS4kSJBDiIuAZEdZm/RVQDhcI9jw7PBgEyZEb2mxnXuSJTvtTJa8Q6+VwNna3JGsSPRDa//AKmrp8WoPhmfQ+fRKVarjYza4I1tNu8brOqhl1c689BAJbFgYiZiD63QPaCAxt7a7xoe8QUtUqXsbEyJ+Foggjz/AJQsbXIENmxIk3mCLn0Pqoy30rHR5kh5ggh4kTJGsOAPKwKlRxRDnEEEXmYjTU2nqqU41xAaQbB0WtmPQ6X17JzCvEAHwjWXGJ55fXosN1rr8Wr6LNfDBALR4iTEbHWTdHYx+UyAIIvIJkAyJt1tzS+DrMBJzOJ2IbOlo5AdvunWgTqSZhsRYe9Z5N7R5neFrjUWAOffNAmNogjbadvovVawIBN9DaZBA0Py9V57sxIjXzdERMaX6JHMSZmx+RbN43sVZRDF1SW3E3JBPQXAPKR9FQYl+V2fSN4sT39DzsrqpU2cSJvrvBnXbWVUY5nvTMnsddIQKtcG8kmpIcD7pF5uyRHWR0VlhaRMP0Hg8I1n9x7kFZfhtem0UgCfBLiNSwuABj0nzVzhMUIyDxDXW5N9DrYZoSy0eNbLh7j7wkeHTSO6ujWkNJgTuSD6WP56qi4VFmth0+8Zj77lW+Ja5ozCLaSAQI73J7lPGaLOqf8AVODAhxqtJOxILugAAsOpWVcrXiGIc8kuaBreDM+ZVaWrLKy3aIC4qOZMFiG6mp9oAwvLuVeS2FXQraRraM3n6XTOHq+KW/DfMI829VRUcUbQJgQBvuZt1R8PiXEyAQ6dBp5jXzXSuVqcNjjcxDZBIERO/l1RXeKQbjML7tmx/wC3W3VVWBxUTtAsefIH5KLcW4EEO94gA8iSLOlJW2po1fZgSZAEREmIsRuNERuNnTxad9J15qko1jnlzoMwJiASZIvt0KuqTBlMNg8ufr9EH2kKoP0jkRsV7L3SVQ6k2jWx6XUaWJI6jy+Syy8c+mdw/FqHTZ5JHe46hVvE6D2eJukWIEieqaoVA7Q/ceSbpkhLHzXDipuLLtcMsO78hGw02+qE6m9xgAm/mZG3IGQtVVwjHXLRPMWPqoswLQfC4joQCtJ/T473wWlfgP08SZcZ7CI6dSrE/psOEWvYdADdNsqOYDaevRWeCxIIkdgunH1s4TbVfhv0rQY2XAuPPW55BU2N/S5Li4aQbukmdgekXtyWwxeIuynu8nvoSY7/AMp7/ThrZ00t2Rl4sb9HM7HzKjTLDlzZrzYjxQJOu2noiHBtAuJIGUkuIGkxvAjf5K+4rh6TnlzhEGbaT7xLgNdAPVV+IwQkvEZtPE4gG+459eix+HTT5NkaxEyMoEjSI5yI1G0pWrS5A852BE+SI4kG5AnUDWNIJ053UP8AVjKdukReDaE9FslW31PTYxEi+v8AZVXExl20F563Hc2PzV5VeLyD6j5ddO6qeKCfDaTsCO+vr6KVKbDOMFugcY69vzays8DPvbjUXJtAkjz3VThSLgi+wGsCwv8Amit8Ds5wJJuRFpIkztt9VNPFquD13t9nnzQQYc3UT0n5fZfSMI5rmNIvO0CV80wdT2kTZzQ0CI8M6DLaPktpQrGGiTngaX06LTDhOaH6sptImwPPM0ntANvRYxzFp+O4rPYwY72KpfZLj8+f/rhBIMXfZJ5tFMMwywmQUxw68rd9FeWmw+VtGW8yNQL7bmLgIjMSJBMecna0XWq4r+lqb/FS/wBt3L4D0j4fL0KymPwT6JyVGkddiJ2I1XZjnMlLDC4kOLdA86Fs2j9wmOqYo4gsINxAvPyJGnRZ+m4E+p25f2T+D4k9gy2c24yv0IP59lejmS6w2McQ4EeF17CT0sDa/LqrPhfEXkAe8AY10B2k/RZluIFi0lv9MkjsDrHTorLD1HZXP8QIPvA2db4us7qVStUIIzNJ7QQ6P5QHYcyC29rx9lXYbGvbDD4hfYNdPOenkehTb8ULxcHkSTI2I/lCnKlIgtIzA7RYx29U9huIRaqI2zbeY2QaeIkCBHUCY7jfa+uqFVYC2SDm5gX65m7777KcsZl2Vm2gYJEhdyKjweKdRHhLXN/bJi97btV7gcfTq2aYd+06+XNcfl8NnLOywRjTZHy5SHAjKBJi0FcLV0RBadDE9gp/n8/x56vSK77XNWoPOlx5lphWOKxY3F9pn3tu2p9FV+zgj+l4jsJXOLYiMwmLT1IHRe1KlQY7ipDyxstIBkbwZMeg+aUONOrjMeUDURFyNbFKY9xLiBrJtuRa8jnZICoSCZixJtAkTr8/VYZVrjFxiACBDbhtucaGZ737qsqUSNCD9N99TMqGHxRHnfT3pgCfL+U9VxIOsTBiLCdJHSI+RUGUdUIaXWHLcdXGdTGnKyr8W208/MF2kjlt5JqtVaDIOvSfP1ChVgjcdoi+55QCUGzuQ5p1BJIAmCbyLbX+qveG0h8UZbEi830M+vW6rnMIJbGhETAm53OquOH0AfiaM0AW122Bjy9FJtTwa7sgM3LtdJ0sQtC5rS0hzXNN/d1I5n4fQKq4Thw1oiLDW0NG94VlWrUwMwyuPOTInl+BVekZKiqPFv56+a61ilUq5jP56jVTpLzM+y0lTpIpaiMC5URC0WeF5devKoCBQMXQY9pY9oc06giUd6VquWmzY/jH6YcyalCXt3Zq9vb9w+fdUbXx3uCvo+dV/EuDUq/iIyv2e3X/ALho5bY+fXGQYwP0J/Lqyo46LknpA10Ea8krxHhFah7wzM/e24892nvbqkmVN7ea6JZlNw5WsbimubFi4kSB7uu/7TvE+i66pPiY8TaTMg3gDkeyoKeJIFspJkHexER3VhRoQwGDJ+EfbbbVGlbXXDsbowwLiBmEE9Cd7aGFZMxDph0A68wQLCPVZ3CAHW20HfuD/KsKeZuhIsbQSABHOI80lRbVGNMzY6jTKecHbzUP9M03FnDkfolsNiQ5uUnIY3E25yUzha8AtBm14u2QbfwkZzCcVqU7VAXt5/EPPR3mrQ8So5PaGqxrd8xylt4AIO87aqgNCYgxO23mlv8A2qq9rnBsNBguJAbbaSfoscv58M7zP+IywjaYeu17AWuDhmMkHsg4hme8eKwPbX0WR4VWq4R+aox7g7wyHNyxzcRMnlabLS4fiDarczfCdIJ/bIv3hdvjkmMxn0xs0ynHmZDGhb5EcvqFWYbFydOp5H/K2PFcM2vTOWM7RBH7h3WEdRh0aRsbHqp8k52vGm2z7s9Zb5Ny9Nko6pY2/sB08x8lOk8NJvYxbrz/ADqp4qnBka9LgbHt/ZZqCY/yj1nXyBujGxibTc+du+w80sA4m2p89RA+YR3NPhHlH7eoRobFxGFjxdb/ANJvJI305hWXC8I0OzNBv0JE+nfVE4ZhpbGuukDUEETqr/B8Pa2XAZbCW2sTrAH5dB2rCjDA2bB25EjrJ+6jxPKdCD6f/k/UIzKoaIPiEGDoLxYjY6/l1XOcCVHkvCPtCnTRqbFJikSuPLBSYK45yGXoT6qjQTe5eSdTELy0TUapSNUJ+o1BNJOlaTyqbGpj2a9kUVO3mMVFxf8ASLHguoRTdrl+Anp+zyt0WhYjgoxyyxu4e3yjF0KlB3s6jXMPycOYI1CJhMUQdYBm2xkRp5r6bjMFTrNyVGhzeuoPMHUHqFjOMfpKrSl9CarL+GJqNHYe93F+i6/H55lxezlewuI5jw65psD15BWNPEwMwcMs3iIMfn0WOo1yDaQdDeDM/lk/QxMHMLE62gETMGAtrGkyaQPDg3nuDe07O8z/AGTlMtswOgkSQ8QSNiw/EJ5Ss7Rrgu3gT6RfQp8VmvER1jYnmOR6hSra1NW0ftsb6xef7papRxD6YxGIq/7LZDKdridKbZ0EHxem8Ap457RFntNoc6CNbZ9R2d6oPDcM/FPfVfUc2nSE5SSLwclNo+K4JJHJXj2nJb4HF0ozUKOIph17/wC4yoAYJcX2trrv5K0xdZtOkCxoAj9gZMT8M6mI5LPVuKV6tTJ7Utb/APIRJMNExz0Eeas6/wCpaYaKbaT31G2Ls5PhIiSdJg/miq71xUf7QwmIMufTa4HaXWJIPvNixsBZUnE6pquzuBaQ0SLaxNhM6fVFr8WfBii5t3A+KxB222Va/iFQAAMggEBzjLoN9/lrCLdzWy1/hNrAXwIBk7WEaq5wnC3uYydgbk7TA7yLqm4Pjiw+KnmMznGvobLS0uJU3NnPl3OYGWnqRaOqzt11D1UqHCWjMC7z/kdV0cJlwy7XvvNyV6rj2MAc9wAPu3kOPIHSe6Ez9QsD3U3jKZ8BmQWka6W1+SjHPK9wSVbYDDCnEzpEnrOhGvboiVcTBkXkQe22iDmc5ljPMawR2/NUiTe/5uozuQsv2e9pt6dPNSa9KUyigqBs416nmSzSul6int2s9JVayLWekaj0rDRqVV5L1HLiWkNAQhkKZUHFFqXg1dLF1imVFoCyqKKQownFJ00zTCDTCYYr9SVHG/0vQxPiIyVP+o3U/wDIaO+vVYPjP6exGEOZzc1P/qMkt/7hqzzt1K+tNRWhaYZ3E9viNOrodT6K4wHjZBveBzOmnPRT/WXCG0MS4UxlY9oe0RZsyHBs2iRMbZgqWjiHMdI9B9l1TmKlaOjE5TBFp3c2BzFxr2VdjKL5ykmBcQbHrFp2Ern+rD4JOUjRwMGOilXxWYgOc1w101nUzzSiqJw/HOouzAB0hzYP9TSDf7pzB4gTJ987Gx9T73klacWy76Tz790dwAGU6EkkWMiN5809jX2tG1BuOnf8soUmNIFr/F25hVlB+X3S4T1kejtuxCsMNiiNbjcskHnJpu/gko0colTDiZEERPpraO+ijQZmd8I6G3oUSnVpuMtIcRrsQex0TDJAttEyBzG/mkZStwlsl1EtbU+JrrNfraRdpjcKpxnsmONOqH0zc5Xgy21yx4kPG3KVpiQSNjtz/ubn5IjxTqNNOqxrwLgHbqOR7QgKLAY9wGSkQdpLmtJG0jcd7qxFR7GgOpPzEzJyiRtbYC+g+SEf0q0kGhULIPuPJI7e0uR5gqwo8KxhECGX3cKkxy0AB5J8dFqpCQAefQj6orHps4LFgCaodAgtfSbkPcC4PVKVKTm+8wtnzaf+J5d4Kw8uFnMRcdDgrjkJtRec8lc3yRIFeoknuKcqU0B1NL3hFHFeRzSXk/dWl45BcEYodQKbUPNcp50u5cBR2ZnOuSgyuyqkUZY5HpuSDHI9N5WkI8xyZYkabk3SKqEW41wSjimZaou2cj2mHsJ3B8hY2MLG4z/04qi9Kux/JtRrmf8Ak0u+i+hNKlK0mVhvjfEP0/iqE+0ouAHxN8bI55m6DvCqWvcIkWlfdnFZrjv6aw1QOqZMj4JzU/DPdvunvEqpn+qfOKeIgm4PbTpEopxPXT88kk9sSRsSP8qBMX/Nloa5pYzNE/nfdMNr/n8QqWk7RN0nXA2QFt4SbzYa3DgAfhcLx0TTMQ8B2VweCILX2dFtHt6cx5qnY7TqUeg4gSOXpPz3Qazp8QDcofLCI98W8njwnbQq3c4F3W24iNiCqHDVCRB9d7gL2PZ7Cl7WkS24BZPgMx8Pw6/DCD21NB7ib6AARvaPMKzw2Ly2Om5A2n0KouGVS6mJg5p+WXT1+QT0QwOFpm20gAzfdJS8GNaSGgk/L83RKlAOBEyDq13iB3Eb+iocNUOc9B/EwrMVCCG6jNF7p7GimI4Q5t2iRy38uaXFE8tFevcQCQTqPoPulK58L6gs5smRadPe5rny/lwyv4i4Kt1FBNBW9RoIBi95joghglcWeFwy9azItwy8rLIF5LYf/9k=
SyntaxError: Unexpected token ILLEGAL
$("#comments").find("img").attr("src","http://upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Eastern_Grey_Squirrel.jpg/723px-Eastern_Grey_Squirrel.jpg")
2
The page at 'https://socrates.devbootcamp.com/challenges/389#comments' was loaded over HTTPS, but displayed insecure content from 'http://upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Eastern_Grey_Squirrel.jpg/723px-Eastern_Grey_Squirrel.jpg': this content should also be loaded over HTTPS.
application-c3530de4626df959f2bc11acc4ffa4de.js:15
[
<img alt=​"Anne Spalding" src=​"http:​/​/​upload.wikimedia.org/​wikipedia/​commons/​thumb/​0/​0a/​Eastern_Grey_Squirrel.jpg/​723px-Eastern_Grey_Squirrel.jpg" title=​"Anne Spalding">​
,
<img alt=​"Anne Spalding" src=​"http:​/​/​upload.wikimedia.org/​wikipedia/​commons/​thumb/​0/​0a/​Eastern_Grey_Squirrel.jpg/​723px-Eastern_Grey_Squirrel.jpg" title=​"Anne Spalding">​
]
$("#objectives").children().animate()
[
<h2 id=​"toc_0">​Here is your chance to take over Socrates!​</h2>​
,
<p>​…​</p>​
,
<h3 id=​"toc_1">​Learning Objectives​</h3>​
,
<ul>​…​</ul>​
,
<h2 id=​"toc_2">​Objectives​</h2>​
,
<p>​…​</p>​
,
<ol>​…​</ol>​
,
<p>​</p>​
]
$("#objectives").children().animate("color: red",500);
[
<h2 id=​"toc_0">​Here is your chance to take over Socrates!​</h2>​
,
<p>​…​</p>​
,
<h3 id=​"toc_1">​Learning Objectives​</h3>​
,
<ul>​…​</ul>​
,
<h2 id=​"toc_2">​Objectives​</h2>​
,
<p>​…​</p>​
,
<ol>​…​</ol>​
,
<p>​</p>​
]
$("#objectives").children().animate("width: 500px",500);
[
<h2 id=​"toc_0">​Here is your chance to take over Socrates!​</h2>​
,
<p>​…​</p>​
,
<h3 id=​"toc_1">​Learning Objectives​</h3>​
,
<ul>​…​</ul>​
,
<h2 id=​"toc_2">​Objectives​</h2>​
,
<p>​…​</p>​
,
<ol>​…​</ol>​
,
<p>​</p>​
]
$("#objectives").children().animate("width: 500px",500);
[
<h2 id=​"toc_0">​Here is your chance to take over Socrates!​</h2>​
,
<p>​…​</p>​
,
<h3 id=​"toc_1">​Learning Objectives​</h3>​
,
<ul>​…​</ul>​
,
<h2 id=​"toc_2">​Objectives​</h2>​
,
<p>​…​</p>​
,
<ol>​…​</ol>​
,
<p>​</p>​
]
$("#objectives").children().animate({width: "500px"},500);
[
<h2 id=​"toc_0" style=​"overflow:​ hidden;​ width:​ 769.1741835818161px;​">​Here is your chance to take over Socrates!​</h2>​
,
<p style=​"overflow:​ hidden;​ width:​ 769.1741835818161px;​">​…​</p>​
,
<h3 id=​"toc_1" style=​"overflow:​ hidden;​ width:​ 769.1741835818161px;​">​Learning Objectives​</h3>​
,
<ul style=​"overflow:​ hidden;​ width:​ 745.1407743334396px;​">​…​</ul>​
,
<h2 id=​"toc_2" style=​"overflow:​ hidden;​ width:​ 769.1741835818161px;​">​Objectives​</h2>​
,
<p style=​"overflow:​ hidden;​ width:​ 769.1741835818161px;​">​…​</p>​
,
<ol style=​"overflow:​ hidden;​ width:​ 745.1407743334396px;​">​…​</ol>​
,
<p style=​"overflow:​ hidden;​ width:​ 769.1741835818161px;​">​</p>​
]
$("#objectives").children().animate({width: "1000px"},500);
[
<h2 id=​"toc_0" style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​Here is your chance to take over Socrates!​</h2>​
,
<p style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​…​</p>​
,
<h3 id=​"toc_1" style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​Learning Objectives​</h3>​
,
<ul style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​…​</ul>​
,
<h2 id=​"toc_2" style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​Objectives​</h2>​
,
<p style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​…​</p>​
,
<ol style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​…​</ol>​
,
<p style=​"width:​ 509.9265785807642px;​ overflow:​ hidden;​">​</p>​
]
$("#objectives ol li").on("hover",function(){this.animate({width: 500px},500)});
SyntaxError: Unexpected token ILLEGAL
message: "Unexpected token ILLEGAL"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
__proto__: Error
$("#objectives ol li").on("hover",function(){this.animate({width: "500px"},500)});
[
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​ Your choice. ​</li>​
]
8
Uncaught TypeError: Object #<HTMLLIElement> has no method 'animate' VM4648:2
$("#objectives ol li").on("hover",function(){$(this).animate({width: "500px"},500)});
[
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​ Your choice. ​</li>​
]
14
Uncaught TypeError: Object #<HTMLLIElement> has no method 'animate' VM4648:2
$("#objectives ol li").on("hover",function(){$(this).hide()});
[
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​ Your choice. ​</li>​
]
22
Uncaught TypeError: Object #<HTMLLIElement> has no method 'animate' VM4648:2
$("#objectives ol li").off();
[
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​ Your choice. ​</li>​
]
$("#objectives ol li").on("hover",function(){$(this).hide()});
[
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​…​</li>​
,
<li>​ Your choice. ​</li>​
]
$("#objectives ol li").on("hover",function(){$(this).show()});
[
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​ Your choice. ​</li>​
]
$("#objectives ol li").off();
[
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​ Your choice. ​</li>​
]
$("#objectives ol li").on("hover",function(){$(this).toggle()});
[
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​ Your choice. ​</li>​
]
$("#objectives ol li").off();
[
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​ Your choice. ​</li>​
]
$("#objectives ol li").on("hover",function(){$(this).show()});
[
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​ Your choice. ​</li>​
]
$("#objectives ol li").show();
[
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​…​</li>​
,
<li style=​"display:​ none;​">​ Your choice. ​</li>​
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment