Text in the code editor doesn't load right...but only on my laptop


#1

Hi there,

This isn't an issue pertaining specifically to this lesson - I've noticed this problem whenever I try to use codeacademy on my laptop. However, it works just fine on my desktop, which runs Windows 7, as opposed to my laptop, which unfortunately is running Win 8. Is this a known issue with Win 8?

Thanks


#2

@creslin_black,
HTML and CSS are Browser specific....
and both windows-7 and 8 are going to be out of service...!!!

++ jQuery after() explained
I think it is better, if one understands the concept.

It all start's with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.

This document has a minimal build of


<!DOCTYPE html>
  <html>
     <head>
          <title> </title>
     </head>
     <body>
     </body>
  </html>

The Browser =load's= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )

            html
             |
       +-----+------------+
       |                  |
     head                body
       |                  |
     title            +---+----+---------+
                      |        |         |
                     h3       div       div
                                #one      #two

In the description of your document in DOM-talk...
you will encounter terms like:
parent children sibling descendants ascendants...

The HTML-Element has no parent
but is a parent to 2 child-Element's
the 'head'-Element
and
the 'body'-Element.

The 'head'- and 'body'-Element,
both being children to the 'html'-Element
are siblings to each-other.

The 'head'-Element is parent to the 'title'-Element...
the 'title'-Element is a child of the 'head'-Element
the 'title'-Element is also a descendant of the 'html'-Element.

The DOM has several interface's
over which you can access the data**/**information
held by the DOM.

One of the interface's is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it's associated VALUE )
and
methods ( giving you the functionality to manipulate the Elements )

http://api.jquery.com/after/
With the jQuery after() Method
you have a facility with which you either

  • Create Content "<p>New paragraph</p>"and then inserted after an HTML-element $("#one") within in the DOM
    $("#one").after("<p>New paragraph</p>");

( the interpretation of the DOM )

            html
             |
       +-----+------------+
       |                  |
     head                body
       |                  |
     title            +---+----+---------+
                      |        |         |
                     h3       div       div
                               | #one      #two
                               p
  • An element in the DOM can also be selected $("p") and inserted after another element $("#two")
    $("#two").after($("p"));

( the interpretation of the DOM )

            html
             |
       +-----+------------+
       |                  |
     head                body
       |                  |
     title            +---+----+---------+
                      |        |         |
                     h3       div       div
                                #one     | #two
                                         p

#3

so basically, you're saying that I'm coerced into using the latest operating system (win 10 - total garbage), or else switch to linux, which isn't terribly realistic for me. HMTL & CSS don't seem very ideologically-durable, in that case - they're an example of forced obsolescence. Either use the latest digital bauble, or else you can't code. I don't think that's probably quite an accurate picture of the reality, but that's what you're saying in your first two lines.


#4

@creslin_black,

In

HTML and CSS are Browser specific....
and both windows-7 and 8 are going to be out of service...!!!

i am pointing out

  • 1 It is not only the Operating-System, but also the Browser and its version which could be the problem
  • 2 As security support is going to end for window 7 & 8 you will become a so-called soft-target for any hacker in the near future.

In your Original Post you are making a general remark...
- no code to reference to
- no mentioning of which Browser you are running on which operating-system....

If you want to keep it to yourself, that's ok.

You could google search
== discussions / opinions ==
[your question] site:stackoverflow.com

google search
== the Book ==
jquery [your question] site:developer.mozilla.org
CSS [your question] site:developer.mozilla.org
javascript [your question] site:developer.mozilla.org
[your question] site:jquery.com
[your question] site:getbootstrap.com

== discussions / opinions ==
jquery [your question] site:stackoverflow.com
CSS [your question] site:stackoverflow.com
javascript [your question] site:stackoverflow.com

== guidance ==
www.crockford.com
[your question] site:crockford.com
- - http://javascript.crockford.com/code.html
- - http://javascript.crockford.com/survey.html

http://stackoverflow.com/questions/1795438/load-and-execution-sequence-of-a-web-page
http://www.w3schools.com/jquery/trysel.asp