Using Nivoslider with Gumby - javascript

I am trying to use Nivoslider with Gumby, but everytime I copy the code into my homepage, it just doesnt work. The demo works fine, I moved that across into the Gumby folder and works no probs, its just when I put it into a gumby page.
Has any one else had this problem?

Check whether there is any URL for files like css, js. If it is web, download that file and use it in your local.

Related

Working in PythonAnywhere: CSS files load, but Javascript does not work

My static files are directing to the correct place since my CSS files are loading. However, I have a JS file that works locally and on codepen, but not on the browser. I have tried placing my JS files in a different folder and directing there and I have changed the script src (from /static/button.js to https://www.yoginib.org/static/button.js) - Neither of these have worked. I am not getting any errors when I check developer tools either.
I am not experienced with jQuery or PythonAnywhere so I am not sure what else to try.
I have some animations on the buttons, so I am not sure if that's affecting the functionality.
This is the HTML (where I reference the JS:
This is also the HTML, showing the buttons that I want to affect using JS:
This is the JavaScript:
This is a screenshot of the buttons on the actual webpage and the text underneath, which should change to different text with a button click:
This is the link to the webpage: https://www.yoginib.org/arena.html

CSS not saving in Live Server (VS CODE)

I started learning VS Code through Udemy and I already have one problem that I can't find answer anywhere. In the project I have index.html, style.css and script.js. Now when I try to save the html, the page reloads and everything from the html is applied, the same with javascript, but when I try to save the CSS, the page reloads but everything from the CSS is not applied to the page.
How can I fix this?
First try to add internal CSS then it works check that you correctly linked your style.css and js to index.html.if you provide a screen shot of your vs code i think it's better and easy to give a solution because when linking to html you need to mention correctly file paths.
Make sure that your style.css is linked correctly to your html page.
Then clear the cache of your browser when you reload.
On chrome => ctrl + f5

HTML file not working in Browser

I have created a simple - HelloWorld.html Webpage with HTML, JavaScript, CSS.
When I run it from Eclipse IDE, It works perfectly on browser.
What it does is like: the page has 5 buttons,
and hellow World is displayed from 5 different <div>'s
that remains hidden and appears as inline after button click.
When I navigate to the work-space and try to open the HelloWorld.html file in browser manually, nothing comes correctly.
All properties: positions and bgcolors etc declared in external css file has no effect on browser.
I know it sounds stupid, but I'm just hating myself for this.
Does anyone know why is it behaving in this way?
PS:
1. I have no Server-side scripting in the file.
2. HTML, JS, CSS are different file.
My best guess would be that you are trying to use the css file with a realtive path, which changes when you don't host it temporarily as eclipse IDE does.
First, open the developer toolbar (f12) & check the network tab to see if the css file is being loaded at all.
Try using an absolute path instead & see if it changes anything.
In my Exp. i have seen this kind of problems many times, the Inbuilt browser of eclipse some times does not support all features especially when you doing like designing purpose.
you can use MS-IE 6 or Above version for same.
or you can try some other browsers like:- Mozilla,Chrome etc.
because it has features for developers for scripting , div , css and many more . so u can check with them.
Thanks,
Arvind
It's because of file manager from which you have opened.
You just need to see the link in browser.
If it has a "content//:" in start then the css or JavaScript file you have linked in the HTML will not work.
What you need to do is change your file manager or create link manually.
To create a link manually you should use "file///:"in start for example if your file is in download then you should use something like that....
file:///storage/emulated/0/Download/My%20Web/index.html
Or you can use ZArchiver file manager and go to your file and use open with option to open file in browser.

prettyphoto not displaying thumbnail but resolves image when clicked

I had to move my wordpress site to a different directory folder on my hosting server. Now for some reason on the portfolio pages of my website it's not displaying the thumbnail preview for lightbox images. The image will display when the thumbnail is clicked so I know it's pulling the right image from the right place but why is it not showing the preview thumbnail?
Here is a link:
Any help would be really appreciated!
You don't have the img src defined which PrettyPhoto uses to pull the thumb:
OK, well based on your comments the switch across from one server to another has stopped the method aq_resize() working. It is called Aqua-Resizer, here's the Github page;
https://github.com/sy4mil/Aqua-Resizer/blob/master/aq_resizer.php
The wiki on it explains it's use but if all you've done is change the server then you will have to look at other explanations for why it's not working. The following is a list you can start looking through;
Make sure your functions.php still has require_once('aq_resizer.php'); with the correct path to this script. Make sure the script is actually there. If it is try changing the file permissions on the file to see if that helps. If the script uses a cache directory try changing the permissions on this.
It could also be that the PHP version on the new server is different (maybe, I'm guessing now)? Check that too.

Javascript HTML right-click browser menu? Help with getting example working

i'm trying to get the following example set up on my computer:
http://deluxe-menu.com/popup-mode-sample.html
I've right clicked for the source code, copied the HTML into a file on my local computer and have saved the 5 javascript files (dmenu,data,add,data-popup-mode,data-popup-mode2).js into the same folder.
I have also swapped their image for one of my own which is located in the same directory.
When i right click my image it says
Error: dm_popup is not defined
However, i cannot seem to find where this has been declared. Can someone please help?
EDIT: I've also copied over the css files
You also need the dmenu_popup.js file, that function you need is included inside. It seems to be loaded by dmenu.js, that explains why you haven't seen it.

Categories