Kind of flyout module on my help-page with FAQ Drupal - drupal

I want to make a helppage on my Drupal website.
I could easily make this by posting 20 Questions and putting a link behind it to a PDF or another webpage that has the information.
But I want something fancy. I want some kind of flyout module.
Example:
NORMAL STATE
How to add a picture? <-- USER CLICKS
How to add a PDF?
CLICKED STATE
How to add a picture?
If you want to add a picture go to "add resources" on your page and choose a picture...
Click here for a PDF-example.
How to add a PDF?
CLICKED ON ANOTHER QUESTION
How to add a picture?
How to add a PDF?
Bla bla bla bla.
I hope it is clear to you guys what I want. I can't really find a module to do something like this because I don't know how to call it. It isn't really a flyout like from a menu.
Thanks in advance!

If i get what you mean (although I'm not 100% i do!) I think you can achieve what you want with the field collection module and a bit of jquery:
https://drupal.org/project/field_collection
So you'd create a field collection - '20 questions' with fields for question, answer, pdf download etc.
attach it to a content type of you choice.
use css to hide the answers and jquery to show them when a user clicks a question.
Pretty much exactly what's done on this page: http://tdpf.org.uk/resources/glossary-terms

Related

no template defined wordpress masterstudy

I'm trying to do the layout of a course on masterstudy in wordpress, but I'd like to make a template for certain parts of the course, lets say for example when I hover over the title, show an image, when I click on a paragraph, make another one appear next to it etc... I think it is possible to have shortcuts for these and not have to copy paste the code each time I want to have these effects. I think this icon(see image) might do the trick (not sure) but I can't seem to save a template in my dashboard. So if it is indeed this button, can you please explain me how to save templates, and if it is not the solution can you explain me where to look ? The screenshot shows the Tiny MCE editor
Thanks screenshot

How to remove text in subscribe button embedded on website

How can I remove the text YouTube on my website's youtube subscribe button? I tried to apply some styles to target the text but still displaying. I want to apply some style with the button. Please see the fiddle below:
JSFiddle: https://jsfiddle.net/jc47r8ys/2/
Not only can you not remove the text, I would go so far as to say it may be a violation of YouTube’s policy to do so. You can not access the text using a script, as it falls under the same origin policy and they are smarter than to let you use simple CSS to accomplish this.
They do, however, allow you to customize your button as per their pre-determined guidelines.
Sorry to disappoint, hope this helps.
The text "YouTube" is coming from the following CSS file:
https://www.youtube.com/yts/cssbin/www-subscribe-embed-webp-vflp1Z4Vh.css
(Open the link and you search for "YouTube")
I'm not sure, but you might be able to override it. (turns out you should not)

SeaDragon Mouse Clicks navigation

I'm trying to build a page in which contains images and while clicking images i want it to navigate to next page.
I've had a look at Seadragon but as far as I can see it is not possible.
Can anyone propose a solution?
Thanks
It's hard to tell from your description exactly what you're trying to do, but I imagine it's possible with the latest version of OpenSeadragon:
http://openseadragon.github.io/
Take a look at these possibilities:
http://openseadragon.github.io/examples/tilesource-sequence/
http://openseadragon.github.io/examples/ui-reference-strip/
... Or you could add a custom click handler to do what you want.

plonetruegallery: Download link or button, so users can download a viewed image?

I use collective.plonetruegallery for image galleries within Plone and I like it. However, what I miss is a "download" button or a simple "link" in order to let users actually download a image. The "Galleria" display view of plonetruegallery does seem to offer such a link/button -- does any of the other display views? Or any other solution whithout having to hack the plonetruegallery addon myself?
I know that you can right click and then choose "download image" among several other options within your preferred browser -- however, for a dumb user to cumbersome ;)
I have added an option to collective.ptg.contactsheet (1.1.2) that let you choose between going to the content or downloading it.
Espen
There's not a built-in "feature" to do this. You can see which of the gallery views might have this; looks like you've already found one. I'm sure you could easily customize another one to include such a link, simply by following the example in Galleria.
This is quite easy to make. The url to download the image would probably be:
/path/to/image/download
One option could be to just add an action.
If you want to have this for a specific gallery, I can probably fix it.
(go to https://github.com/collective/collective.ptg.contactsheet or whatever gallerytype you want it for and add an "Issue"
Espen

How to use jQuery to show a different page in ASP.NET

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

Resources