Drop down menu for blogger - javascript

I am creating my first personal blog and I have a problem (you have to know that I am not good at using pc^^).
My website is:
http://test12341234.blogspot.it/
(I don't want to promote it. But if you can, please cancel the link after I have received an answers).
I could create a drop down menu with javascript on blogger (I have copied a code that I found while surfing on internet).
Now I have to solve the last problem: I would like to know how I can regroup all the posts inside the drop down menu since I can't link the posts, which I published andh which you can see in the Homepage, to the drop down menu (where I would them to be regrouped, but where I can't find anything).
I hope you have undertood (I'm not english and I speak as a little child^^).
Thank you very much!

Related

Is there any way to customize the autocomplete popup menu vscode?

Kindly upvote the feature request https://github.com/microsoft/vscode/issues/113463
I am creating an extension and I need to customize the suggestionsMenu. I want to add numbers at the end of the suggestions.
I am not asking for complete solution. I am only asking for start up for just to edit the autocomplete menu and add some custom text at end of it. I have searched alot but not found a way to edit the auto complete menu.
Edit: Searching for this I found out that it maybe linked vscode.CompletionItemProvider
Edit: It don't want numbers specifically at end of line. They could be in start of the complete item.
Note: I have opened an issue on github https://github.com/microsoft/vscode/issues/113463

How to make a little helper to guide visitors through my configurator (example included)?

I build a configurator so that visitors can drag and drop things to a specific area on my page. What I now need is a little "helper" which guides the visitor through the process. I thought something like this would be perfect: https://www.cubit-shop.com/en-uk/shelf/configurator
I'm talking about the marker for the "drop area", the arrow and the text "simply drag the modules to the design area".
Obviously this helper should be there if the visitor opens the page and then should disappear when he clicked the first time anywhere.
How could this be done?
Thank you very much in advance.
Edit: One more question: When hovering over an element in the above mentioned example, then it shows a window with additional information. How is this done?
Thanks again
I have previously tried http://introjs.com/ but it depends on what you need it for, since its paid for commercial use.
Alternatively you can try
http://clu3.github.io/bootstro.js/
and
http://heelhook.github.io/chardin.js/
Look around and you will find even more libraries that will help you achieve that, but I think these will do just fine.

Dropdown menu for recent posts in Blogger

I am transforming a blog for a friend (applying new template and creating new widgets etc), and since I am a complete newbie with Blogger since I always have used WordPress, he insists on using Blogger and thus I need to make the tough choices.
He had some posts done with his previous template which I have imported into the new template.
He wants me to create a most recent post dropdown menu on the navigation bar that opens on hover.
My link is the following:
<li><a href='/search/label'>Recent Posts</a></li>
But now I have absolutely no idea how to continue.
#Taz
Harish has made an Ajax Menu like that, you can follow his tutorial from here:
i could include that code straight forward to this answer but i'm not the author of actual code so you have to follow the tutorial.

HTML/ AJAX/ JQuery Drill-Down Form

I want to create a html site for troubleshooting problems, in which the user selects an answer to a question and then another question is loaded based on the answer, and then another question based on that answer and so on until they drill down to a solution.
I've looked around on here for something similar but all I've found so far is quite simple code that hides all divs then changes the display options based on which radio button is selected - with the number of questions I want to load I dont think this would be suitable...
I think the best way to do it would be to find a way to store all of the different questions in a separate file then use an onclick event to load the correct one depending on which radio button is selected... preferably using AJAX. Problem is I'm extremely rusty with my js/ajax and have no idea where to begin with this!
I realise it sounds like I'm asking practically asking someone to write it for me haha! but even if someone knows of any tutorials or can just point me in the right direction it would be greatly appreciated!
Try JQuery-Drilldown
A Demo and Instructions are in the Link below. Just look at the tags and the JavaScript

Create simple website with left menu and right content

I hope to create a website simple website with:
Left menu with items to click
When each item clicked, right menu is changed with new content. The content is always: title, picture 1, text description, picture 2. Same format for all left menu items.
Ideally I want the page to be just 1 page, without frame or separate .html files. If the item is clicked, jQuery will change the photos on right side with photo url in some array.
Is there an easy way to create this with existing templates somewhere? Either from internet, Wordpress (without database), Dreamweaver, or Dreamweaver plug-in... I just want to avoid having to do from scratch.
If you imagine this right, it could be just like a help page from MSDN, IBM or Apple Developer website. Just don't want to do each html separately due to potential change in format later.
Thanks.
Basically, each "page" should be placed in a div that is hidden with css. jQuery can show and hide the divs with a variety of effects.
I have created a simple example for you here:
http://jsfiddle.net/RLdmZ/2/
Whilst the exact specifications you require may not exist already, there are other options in jQuery.
Notably, a search for a 'jQuery gallery' returns many options varying in design, implementation and complexity.
Have a look for yourself!
I hope this answer solves your question.
It's my first answer, so go easy! :]

Categories