We built our website using Adobe Muse, which has since become obsolete, but since beginning to manually amend the code outside of Adobe Muse, the dropdown button on our navbar has decided to stop working on some pages.
Please see the 'Depots' button on the below URL:
https://stc-uk.com/dropdown.html
When hovering, a list of our depots is displayed.
The same code is present on the below page, but the button doesn't do anything when hovering:
https://stc-uk.com/stc.html
We have tried to copy and paste the code but this doesn't work.
It's not a simple html/css dropdown button, as we generated the button through an Adobe Muse widget. We've tried to re-create the button just using html/css but it doesn't fit in correctly.
Related
I am working on a website using a CMS. On desktop the navigation works properly with the dropdown menu working on hover. So the dropdown header is clickable and when you hover over it the dropdown menu shows. My issue is on mobile I need the page for the dropdown header to still be accessible. I have seen solutions on this site where you can make the dropdown header be clickable with the user taps twice on the header, however my client wants a different user experience. They want the dropdown header to show as 'Overview' inside the dropdown menu. So if the dropdown header title is Services and goes to the services.html page, on mobile they want to add a link inside the dropdown menu that says Overview and goes to the services.html page. Example images below.
Example on desktop
Example on mobile
Keep in mind the solution has to work for the possibility of multiple dropdown's. Hopefully someone already has a solution for this. I would like to get solutions using vanilla Javascript only.
I'm working on an online editor ,and I've got some of the basic functions(B,I,U and so on) but I can't understand how
richTextField.document.execCommand("InsertOrderedList",false,newUL);
and
richTextField.document.execCommand("InsertUnorderedList",false,newUL);
work.
Neither highlighting the text/simply clicking the button worked .
The other question is : is it possible to display the browser's "Save" window when clicking on a button?For exapmle ,the one when we save an image from the webpage.
I have implemented Connect with Google plus on a website. It is working fine except the following case: Consider I have logged in to Google account and then I visit my website I can see the popup from Google which is according to the snipped screen shot as below
I don't want this popup to be visible ever. Any
The best way to deal with this problem is by creating a simple JavaScript code and putting it in your pages. If the problem occurs on all pages, create a master file {name}.js and import it on all relevant pages. Right click on the bar, and choose "Inspect Element". Note down the div id/class name and cancel the inspect element dialog. Next, create a JS script, which states onLoad, the div box in concern will not be displayed.
I'm editing a website and I can't get it to work properly. I'm using a responsive menu to go between pages (stays in the same page but changes out the page elements). The code for it is here.
Now I'm trying to include a link in the text of the page (as opposed to just in the menu)
Here is the code for that plus the menu.
The link won't work at all. What am I doing wrong?
I've seen a few sites offer a tool that allows users to drag a button to their favorites bar and then when they click on it, no matter what site they are on, a div of some form would pop up on the page. When I looked at the url of the button that I had dragged onto my favorites bar, I realized that it was actually javascript code.
How is this effect accomplished?
This is called a "bookmarklet". You can create a hyperlink that contains the necessary JavaScript code, which they drag into their bookmark toolbar.
It is as simple as creating a hyperlink on your page containing the JavaScript as its href. For example:
<a href='javascript:alert("you clicked a bookmarklet");'>Drag me to your bookmarks</a>
See it in action at JSFiddle...
In order to make it look like a button, CSS is applied (borders, background color, etc.).
Try typing this in the location bar of your browser, when you press return the javascript will execute automatically:
javascript:alert('hi');
Bookmark 'scriptlets' work using the same notion. If you have an <A> tag as follows on your page:
<a href="javascript:alert('hi');" >Hello Scriptlet</a>
And you drag it onto your bookmarks bar, you'll create a scriptlet with the same behaviour.