Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am trying to see what Javascript functions are triggered when I do a certain action on a website. However, I can't seem to find a suitable solution that will be able to do this for me, and I can't manually go through the whole JS code since it's a lot, and I am not all that good with JS.
Any help would be appreciated.
Use Chrome and press the f12 key of your keyboard to display debugging interface. You can do step by step debugging from the 'Sources' tab.
Use Firebug (https://getfirebug.com/), a plugin for Firefox.
You might want to look into "Visual Event". It's a Chrome Extension that lets you inspect events that are bound to elements on the page. It also exists as a bookmarklet for other browsers.
It won't help you with all events that are happening on the page, but it at least shows you the ones that are bound to elements.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I would like to know if there are any javascript projects which help to give a "tour"
within a new web interface.
E.g. when Google changes interfaces in popular apps like gmail or maps you usually have the option, when you visit the first time, to see tipps/hints/videos etc. what you can do where.
Some Android/iOs Apps do this kind of introduction as well.
I would expect, that you could maybe define some events, that need to be triggered until you get to the next step and other events that trigger notifications/popups of any sort.
I found it hard to google for such functionality. Maybe this doesn't exist and I need to write it from scratch
There are several:
Intro.js
Bootstrap Tour
Joyride
Hopscotch
Pageguide
Found that list here.
I can recommend:
http://bootstraptour.com/
http://revaxarts-themes.com/tour/
Both are easy to use and good explaind :)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I'm working on a project where the user should be able to hover over / click arbitrary HTML elements, and the selected element is recorded programmatically. The desired functionality is similar to Chrome / Firefox's "inspect element" functionality.
Before rolling my own, has anyone found a good open source, cross-browser implementation?
Thanks!
Perhaps this is what you are looking for:
https://github.com/toolness/webxray
You would need to fork the project and modify it to fit your needs, but the "inspection" functionality already works.
You can see how it is used by Mozilla in here:
https://goggles.webmaker.org/en-US/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I would like to have a pinnable message for errors and success message display.
By default it disappears within seconds but if pinned, it remains on the page.
The message should be displayed floating above the html content but the html content must be accessible.
I have remembered using similar message somewhere a year ago, but could not find it to referenced it.
Is there any plugin for that, or any reference to start working on?
Further to gral.pancho.villa's capable answer above, here is another jQuery plugin that could be helpful.
The operative search term for this one is "Growl", which is a notification system used on Mac and Linux (and now Windows) OS.
http://www.erichynds.com/blog/a-jquery-ui-growl-ubuntu-notification-widget
Other references of debatable interest:
GROWL - Wikipedia
Growl for Windows
Growl for OSX
SU Ques
What about Sticky Notes? It is a jquery plug-in, and a base that you can start with.
You know, it was not hard to find. I guess that is why the Question got a couple of downvotes. Anyhow, the Key Words for this search were: "Sticky", "Note".
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I know some things in HTML5 and jQuery, but I don't know where to start so I can create a landing page like this one: http://www.getblogo.com/
Can you give me tips or suggest articles so I can do the same?
PS: I don't want anyone to do a search at Google for me. I just don't know what to search (how this feature is called, to be more specifically).
I think the search term you are looking for is "parallax scrolling" , or "parallax scrolling with animation".
You can find some tutorials here: http://inspiretrends.com/parallax-scrolling-tutorials/
In order to build a website you need to know some basic things:
CSS
HTML
Javascript
Some server side language like PHP
a Content management system like wordpress (not a must but most sites use it)
these are the basics you must have.
The site was made with Adobe Muse without writing code
A Quick Demo of Parallax Scrolling in Adobe Muse CC
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
So, I'm working with some JS in Firefox and also working with the jetpack sdk. I am working in a JS editor, and then I run the sdk through the command line. However, when there is a bug there is no way to debug this because the JS is being run/loaded before the page and the DOM so firebug is to no avail.
Can anyone recommend a better tool for this? It is quite tedious "making educated guesses" about where errors are starting.
There is no need to install Venkman or Firebug anymore, just use the built in debugger.
On Firefox 19 or later, it's possible to use the built-in JS debugger on the browser itself. Go to about:config and set the following two prefs:
devtools.chrome.enabled: true
devtools.debugger.remote-enabled: true
After you restart the browser, the Web Developer menu will contain a "Browser Debugger" entry.
(https://developer.mozilla.org/en/docs/Debugging_JavaScript)
You might want to check out the JavaScript debugger Venkman.
It's slightly more powerful than the debugger provided by FireBug.
Here's the Venkman Walkthrough which covers the basics. Not sure why they don't link to it from the front page...go figure.