SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2012
    Posts
    48
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    javascript debugging guideness

    hello

    i used flexslider for two boxes in the middle of my main page located here:
    http://ms.wpcoder.co.il

    for some reason after i made more changes (i didn't notice what)
    the sliding in the two boxes stop working.

    can any one guide me how can i debug myself or with tool like firebug
    to understand what caused the sliding to stop working.

    thanks

  2. #2
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Do you know about F12 on your keyboard? In most browsers it opens the developers tool.

    You can use it to check if the elements that you're expecting are actually on the screen. If it's not in your browser, use your next favourite.
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2012
    Posts
    48
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i didn't know F12 it's a shourtcut to to chrome inspector, but what can i accomplish with that ?
    if i'm asking for guideness for a debugging real problem, do you think saying "Do you know about F12 on your keyboard"
    can help in anyway ?
    so i did it see the source code, no javascript here, so everything ok with my code correct ? now what ?

    and thanks for taking the time to answer, no mather what was the answer,Seriously.

  4. #4
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    When you browse through the structure and got to the elements did they get highlighted? When I make scrollers, and they are slighlty out, it's usually because the areas are either above, below or to the left or right of the scrolling window. If they are being outputted to the screen, it helps to know where they are in relation to where you expect them to be. Then you can work out why they are there, for me it's usually a missing float or clear

    Edit:: Hint:: That's a tiny white bar, too small to have that many children
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  5. #5
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,836
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    If you are using Chrome then the JavaScript Debugger is the bottom option in the Tools menu.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •