jQuery step by step semi-automated guide in a web application [closed] - javascript

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
We need to create a feature to help new users understand the product that they are testing during trial period.
We think in creating a jQuery script of semiautomated actions (AKA clics) and popup displaying information. We use a script to enter text in inputs called Ghostwriter but we need some more features.
Imagine something like when Facebooks delivers a new feature, that makes a step by step introduction in order to show how this works, the ones that you tipically clic the "OK, I get it!" button to skip it.
For some forms we did some scripts displaying tooltips next to fields explaining the usage. But doing this Web Site wide, will create lots of code.
What we need is something more declarative, where you could setup some steps, creating a script in Javascript, that should not polute the existing HTML.
How should I do this? Any experiences in this kind of issues?

This is super awesome and easy to use:
hopscotch

I like http://bootstraptour.com/
I'm sure it hits on a lot of features you need.

A quick Google search reveals this commercial option: http://www.walkme.com/landing-pages/create-the-ultimate-demo-with-walkme

Related

Edit html/js code and display output in webpage [closed]

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 want to teach a basic programming (conditional statements,loop statements..) to secondary schools. I want to teach them using some games,where left side code exists and right side the output displays.Whenever user edits the left side code and press submit, right side output will be displayed.
I want something like in w3schools or jsfiddle.
Suggest something how to do it.
Is there any embedable editors like this or is there any API where we forward our code on button click and take the output and display it in frame.Is there any open-source project like this,so i can fork it and modify according to my reqs.
I want to develop this in meteor.
Disclaimer: I don't know anything about meteor
But if it's a JS library...
http://repl.it/ has a javascript mode (a bit like your examples above) and perhaps you could just include the library as the first line of code?

Plugin that detects images in a webpage like Imgur [closed]

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 make a cross-browser plugin that detects images from a webpage like imgur and pinterest. I have been looking at crossrider...is that a good option? the API is tricky to understand. If anyone has experience with something like this or can give me a good starting point, i would really appreciate it.
In general, the Crossrider framework supports cross browser extension development and provides APIs and plugins to make it easier, but at the end of the day it's up to you to evaluate the framework and see whether it meets your needs. The tutorial you quoted relates to creating a bookmarklet extension and does not pertain to images.
For your specific requirement, there is an images plugin (see the Plugins page) that facilitates working with images on a page.
As #Lix correctly mentions, this is not the place to ask such general questions and hence I recommend that you start by reading the Crossrider docs and searching the forum. If you have any further general questions, email them to support#crossrider.com.
Of course, if you have any specific code related questions, Stack Overflow is another great place to get answers ;-)
[Disclosure: I am a Crossrider employee]

Javascript or HTML5 PDF Editor? [closed]

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 am looking for a component that will allow the user to edit PDF files within an ASP.NET web page.
It is mainly going to be used as a template editor to add blocks/form fields mainly to an existing PDF. It should have rulers etc.. within it.
I have been searching for such a component for a while now and have drawn a blank.
A finished component would be ideal or at least some pointers on how to go about it.
Regards
I am reasonably certain that there is no product that does this off-the-shelf.
Without writing the solution yourself, you will likely not find any web-editors that allow uploading and then editing a PDF on your server. Decent desktop PDF editors are generally expensive, and I imagine the security woes surrounding PDFs would make this a complex solution
As for approaches, there are ASP.NET products that will generate a pdf from text or a document. Depending on your needs this might be acceptable. You could possibly look into the PDF specification and pull the text into an editor and then regenerate the file.
I am not familiar with the Google Docs API, but if anyone had a capability along these lines they might be a good place to start.

Is there a properly tested alternative to Select2 or Chosen? [closed]

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.
Locked. This question and its answers are locked because the question is off-topic but has historical significance. It is not currently accepting new answers or interactions.
I am looking for an alternative to Select2 that basically provides the same functionality, but includes proper tests.
The quest for the holy grail? The last unicorn?
Selectize.js is a select2 alternative I've been working on that has a suite of tests using a combination of testem, syn, mocha, and chai. Right now there are the following classes of tests:
InteractionFunctional tests that makes sure the control behaves as if the user is using it (using syn).
SetupEnsures the control can be initialized properly from existing <select> and <input> elements.
APITests core API methods for proper functionality.
EventsEnsures built-in events get fired at the right times with the proper arguments.
XSSTests a handful of potential exploits.
With that said, the tests aren't as expansive as I want them to be, but it's getting there :)
Another possible alternative is bootstrap-multiselect
"JQuery multiselect plugin based on Twitter Bootstrap"
Examples and documentation: http://davidstutz.github.io/bootstrap-multiselect/
The repository does not contain any automated tests, manual tests instead
Themed using Bootstrap 3
JavaScript source code is short: 800 lines of code
524 stars on GitHub (as of 2013/12/13)
Note: I'm no longer maintaining this project. Choose another one.
Bselect, which I develop, is tested, however doesn't include all the features (yet) from Select2/Chosen.
If you want, join me in its development :)

Preventative tools for typos in class and id names [closed]

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
Are there any basic debugging tools for HTML/CSS/JavaScript that would help to identify typos?
For times when "#fron" should be "#from". I'm not talking about the code itself, but for things like class names and ids.
I know there are robust IDEs, but just wondering if there are some fairly basic tools or extensions that I'm simply unaware of.
Before I post a question here, I try to review the code thoroughly, but I'm my own worst proofreader.
Two things I have found to be useful is this:
http://blog.whatwg.org/vnu-parser-1-4
I use deadweight for the css:
https://github.com/aanand/deadweight
Or ucss
https://github.com/operasoftware/ucss
And for my client side rendering, i grab the page contents with phantomjs, then run it by vnu and deadweight/ucss.
I would say check this out as well. Ran the first two examples through firebug's console and got exactly what your looking for.
Problem is the first(ilia choly's) shows only classes, although it's in an alert. The second example (MisterGreen's) is a lot cleaner, gives you both classes and ids but spits them into the console and gives you unnecessary results. Try it, pick one. No need to code it into your page. Worst part could be manually going through them all.
How to get list of Css class use in the HTML file?

Categories

Resources