Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I know this is slightly broad question but I'm looking to build a quiz similar to http://net.tutsplus.com/articles/quizzes/nettuts-quiz-6-how-well-do-you-know-html5/ but also with with drag and drop capabilities but unsure of where to start looking.
Any ideas?
Thanks
You can investigate the tutsplus quiz using Developer Tools in Google Chrome or FireBug in Firefox.
Some idea on how it is done :
Taking number of questions as : 10.
Quiz contains different slides.
So we have
Welcome slide
10 slides (one slide for each question)
Results slide
Each question slide will have
a Question
four Options
Next button
We will show only one slide at any time.
On start - We will show only the first Welcome slide and hide all other slides.
Whenever we click on Start (Welcome Slide) or Next (Questions slide) or Finish (Last slide), it will just hide the current slide and show the next slide.
Whenever we click on any answer, we will add a class to it.
In the Results slide, we check these selected items against the answers and calculate the result.
Before-hand we need all the questions, options and their correct answers.
This is how tutsplus quiz is implemented using
HTML
CSS
JavaScript/jQuery
Regarding the Drag and Drop, we can use jQuery UI Draggable, jQuery UI Droppable and Sortable depending upon your requirement.
You can use many other ways to implement what you need and also some back-end technologies for more questions and sets.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I'm new to Windows Phone and writing an application that uses LongListSelector with group to display data. What I can't implement is, I'm trying to change LongListSelector's ItemTemplate from code by selecting an item of LLS. I tried lots of things but I think they're all for loading, I cannot change an item's template.
What should I use to change an item's template of LLS by selecting it?
Sorry for the late reply, I must have missed a notification.
So, my second suggestion still won't work. It's only for static templates, meaning once your Items DataTemplate is loaded, there's no way to change them.
What you can do though, is have the XAML of your normal and selected templates in a style and tweek their visibility based on VisualState. I've edited the sample disklosr posted to illustrate what I mean, notice how the StoryBoard of the CustomUserControl changes the visibility of the NormalGrid and SelectedGrid. You can have any layout you wish inside those two grid's bound to your dataItems.
Sample
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I have a navigation menu in my web page, and i want to show a button instead of these menu-bar when browser size below certain level (below some size) And vice verse . I need the code.
how it works ? Is it pure CSS or i need to apply any java script/ code
here is the example web page Sample site
above is the sample page . if u change the size of the browser (about half ) u will see a menu button on top-right corner. and if u maximize it will disappears and shows the menu-bar instead of that(menu button)
Here is the solution to your problem.
Demo : courtesy Osvaldas dot info
This tutorials will help you to learn about responsive designing and also to get a menu the way you want.
Link
courtesy: Coder's Guide
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I am trying to create a horizontal menu bar that when you hover over it, it drops down a list of submenus. I also want these submenus to be able to contain any number of submenus. Does anyone know how I would accomplish this?
Everything I have found so far from searching only works by listing out CSS for each level, and this would only work for a set number of submenus.
A quick google search led me to find this: http://dreaminpixels.co.uk/create-a-css-dropdown-with-unlimited-submenus-2/
Seems like it's just what you're looking for!
I don't have enough points to comment - here are some helpful links for making menus!
http://cssmenumaker.com/
http://www.cssmenusamples.com/
http://www.noupe.com/css/100-great-css-menu-tutorials.html
http://www.seoconsultants.com/css/menus/tutorial/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I've got a strange Problem, but first some description:
First there is a TreeTable - View. In each row, there is a drop-down menu in 1 column.
The drop-down is realized via HTML tag. And here is my problem:
If I click with a normal click on the expand button nothing happens.
If I click with an right click, than the menu will expand. Afterwards it works with a normal left click, too.
So I think the reason for this problem are the event listeners of the TreeTable. So I already added an if-condition and added some logging. The click is always logged, but the drop-down is still react like I've described above.
I thought i could call the expand() Method, but as far as I know, there isn't any way to toggle the expand a drop-down, without using jQuery. (NOTE: Refactoring the size isn't a good solution)
So I'm at the end of my knowledge, maybe one of you knows an solution. Thank You.
I've got an solution: at my listener I added this: target.focus(); target.click(); (target is the -Element) Now it works fine. Might I'm adding an if-condition...
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
sometimes I see a table column in html on webpage and I would like to copy it, is there such tool/extension that allow me to do this?
for example, I need a table with 2 columns and I would to copy just the first column.
Simple answer, yes, your mouse is the tool to use.
1) Highlight it (with your handy mouse) and either type Control + C or try right clicking and select copy.
2) paste it into excel / your spreadsheet program
3) remove the column you don't want.
you can use a firefox add-ons OutWit Hub It allows you to extract any web page information and export it to Excel Sheet.
there are many more softwares available on the internet for this purpose from which you can extract information (images, tables, data etc) from a web page.