Grow your CSS skills. Land your dream job.

Learning basic

  • # March 30, 2013 at 2:57 pm

    Hello,
    today I’am learning javascript(jquery). And I want to ask why in html don’t printing the sText variable?

    http://codepen.io/anon/pen/GdKcf

    P.S. Sorry for dumb questions :D.

    # March 30, 2013 at 4:20 pm

    The main problem is that the variable: sText is defined outside the “scope” of where you are calling it.

    When you define a variable inside of a function, it is available only within that function.

    Here is a fork of your codepen that demonstrates the concept
    http://codepen.io/jessecfisher/pen/DFzmB

    If you don’t understand the code changes I’ve made, ask more questions :)

    ## Codepen tips

    Here is a simplified version of your code that takes advantage of Codepen features.

    You can see that the

    jQuery can be included by clicking the gear image on the top right of the JS box.

    http://codepen.io/jessecfisher/pen/lJtfH

    # March 30, 2013 at 4:29 pm

    EDIT @hotpink beat me to it. :) Was trying to keep it as close to the original as possible. Also, what may work in Codepen may not work for OP’s personal projects.

    [Try this](http://codepen.io/katbella5/pen/eqiLf “http://codepen.io/katbella5/pen/eqiLf”)

    # March 30, 2013 at 5:31 pm

    Thanks for clearly answer. :) But I have one more question.
    It’s imposible from the JS code print in to the html code? I mean in the html code shows how it looks all code with (JS + HTML, these things **slidebox.wrap(“

    I wrote more there thins in JS. http://codepen.io/anon/pen/GdKcf

    # April 1, 2013 at 4:35 am

    Possible to do it?

    # April 1, 2013 at 5:25 am

    Not sure if I understand the question but you can add elements with JS, for example:

    $(‘body’).append(‘

    ‘);

    or

    $(‘body’).append($(‘

    ‘).addClass(‘container’));

    See http://api.jquery.com/category/manipulation/ for more jQuery DOM manipulation functions.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".