So I've only started coding recently and I've been trying to replicate something i saw from a website a while back.
I have an application form, where there are 5 questions referring to a qualification. however, people may have more than one qualification, right? So I've added 2 sets of these 5 questions, and i would like to add a radio button that when you click, it adds another set of 5 questions to the page. Anyone know how i can do this?
I know this might sound really simple, but like I said, I'm very new to coding and would really appreciate any help.
thanks
You could already set up the next 5 questions and set them to display: none; but have a button that adds a class that displays them using jquery. jquery website - addclass
Related
great people from Stack!
I'm having some issues working with Full Calendar I would like to get some help with.
First of all, Full Calendar is an amazing tool. Everything I have had any doubt with has been solved in a breeze just by taking a look at the docs or googling five minutes. However, there is a problem I'm dealing with and can't find (I'm starting to suspect it is virtually impossible, or at least it is for me to imagine how to do it) the way to get it solved.
I'm implementing this library in a project which is meant to be something like an appointments manager, among other things. A (simple) functionality I wanted to add is to open a modal when a calendar cell (agenda week would be the main view) is clicked with a form, allowing to create an appointment for the selected cell. To improve usability, I thought it would be nice if the cells had some kind of hover effect, so that you can feel there is 'something' behind clicking this element. The thing is, the calendar is composed by something like 2 separated overlapping tables, one with rows and the other with columns, that form the grid. The modal system is done and working, dayClick made the trick. Any way to do anything similar to what I am talking about, the hover stuff? (my idea was to make some kind of (+) button appear when hovering, but anything would work.
Thank you!
Seth
Edit: I noticed there is a 'selectable' directive which, given only to the AgendaWeek view, allows me to select cells. The selection is made by the JS code, adding an element just above the cell, with its dimensions. Wouldn't it be any way to call this from hovering a cell instead of just clicking it? I wonder that highlight cell is rendered from the position of the mouse at the time of the click and wouldn't be very efficient to check that all the time...
I need suggestions in building below UI. It's a carousel like structure where active over is highlighted in green and we can still see next overs disabled or gray color.
I have researched for this for ex. Can I make use of any carousel to fit this design but can't seem to come to any conclusion. Thought of slider also but did not see that fitting this design.
Guys, do you have any suggestion or pointers to get me started here. I do not need code; just want a startup point. So far I am stuck with carousel or slider.
I understand this might not be most constructive question on SO but any pointers will be highly appreciated.
Unfortunately, you didn't provide any information about what should happen when you click on these items. If I understand correctly, you are looking for a carousel supporting your own pager design. If this is correct, you must add the pager markup first, after that you can use any carousel that supports slide switching methods. Then you can add click event listener to your pager items and call switching method in the listener, setting by that a new slide corresponding to the pager element index.
For example, you can try slick carousel, as it has .slickGoTo() method, which you can use to switch slides programmatically. You can also try to customize slick's default pager, but it might be not so easy or even impossible at all.
I'm hoping this is just a simple pointer to something existing which I couldn't locate via google.
What our business folks want is a button much like the "Open" button which once clicked, gives a pull-down with 3 options. I can't quite figure out how to pull that off.
I can easily add a button. I can even add a stack of 3 "small" buttons vertically. I can't quite figure out the drop-down from large button. One of our folks thought he did this a long time ago, but can't find any evidence to prove it. ;)
Can anyone point me to what I missed? or, anyone confirm that it's not possible?
thanks,
~Warner
Unfortunately that is implemented in a different way than how normal buttons are added to the ribbon. I am basing this on the answers I received here:
Is it possible to remove the "Upload MM Component" button from the SDL Tridion 2011 Ribbon
It seems you will need to create an ASCX to achieve this.
Does anyone here know how to style a normal button like the famous Facebook button? i have already developed the code, but i need to see whether the experts here do know how to do this or not. Post in your codes if you can do Style a normal button like facebook button.
UPDATE
I did not post this question myself. I guess someone else used my profile by some means to do this. Sorry for the disturbance created by this question. I myself want the moderators to delete this. PLEASE.
You can make any button look the way you want using an image:
.button {
background-image:url(yourimage.png);
width:...px;
height:...px;
border:none;
}
I am trying to set up functionality similar to Netflix. Where if you mouseover a movie - you are presented with a window of movie details (all client-side).
At high level, can someone in this forum help by telling me how this should be implemented? I.E., one or more .aspx pages, what would go in code-behind, and .js file, css, etc. Just trying to get an idea on how this would be set up to work.
Basically, when I hover over an item, I need to query for details that belongs for that record being moused-over and display it in the window or div. I also need to have some functionality in that window (i.e. a textbox and button which will end up needing to get saved in a database).
Thanks for any tips and suggestions -
You would want to add an AJAX call to the hover event of the image, that pulls from a webservice/web method.
Here is a good example, you would change some things. However, it should get you started.
http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery
If I understood your question correctly, you should try this excelent jQuery plugin:
http://www.sohtanaka.com/web-design/css-on-hover-image-captions/
Look at the demo here:
http://www.sohtanaka.com/web-design/examples/image-hover/
easy to install and configure and very slick!
Good luck
EDIT: sorry wrong lik the first time
There are certainly many jQuery plugins that will do this for you. jQuery UI may also be of benefit.
Here is one that appears to do something like you are describing:
http://plugins.jquery.com/project/VisualLightbox