I am trying to implement this widget into a client's website.
This is the widget: http://www.tripadvisor.com/Widgets-g294458-d6694228-c6-a_widgetKey.selfserveprop-Interesting_Times_Bureau-Bucharest.html
This is the page with the widget: http://interestingtimes.ro/tripadvisortest/
The theme is blocking the Javascript. I switched to the default wordpress theme and it was working ok.
Any suggestions?
PS: I renamed the plugins folder to deactivate them, but it did not work.
Most of your Javascript is being deferred to the footer, and cached. I wonder if your theme is making the JS cache... I see you are on the Jupiter theme, seen here: http://support.artbees.net/support/solutions/articles/1000089339-how-to-add-custom-css-and-javascript
You can try inserting how their support recommends, via the custom box. You can also do a crazy workaround, though not awesome for SEO - create an html page, insert the code into the blank html page, and iframe it into the page you need it on. This causes the JS to execute in a separate environment, so the JS caching that Jupiter theme is doing will not affect it.
I personally dislike themes that do that with JS, having a theme too JS dependent is rough on mobile, and can be rough with plugin conflicts, it is more for people looking for the JS features, and do not mind operating within the tightly predetermined confines of the theme.
Related
I created a cookie banner with some HTML, CSS and Javascript.
My question is how can I add these files within Wordpress to make the banner works on the whole site?
I know I could just use a Wordpress plugin to generate a cookie banner, but I was wondering if it was possible to integrate my code.
Thanks
These are the following methods:
You may use the plugin "Header and Footer" (This plugin have different TABS like html, CSS, JavaScript) and add your whole in this plugin. So Your code work in whole WordPress website.
First, you need to install and activate the SyntaxHighlighter Evolved plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you can go ahead and edit the blog post where you want to display the code.
I am curious if I can make a Wordpress site and there are some tasks listed which use my algorithms to solve tasks depending on user input. And if I can do it, which options do I have to make this (if possible, without php)?
e.g.
I would like to have my Wordpress design including a program like this:
picture URL is showing this site:
http://www.ee.calpoly.edu/media/uploads/resources/KarnaughExplorer_1.html
I would recommend searching for a WordPress plugin that allows you to place JavaScript on a page OR lets you insert an iFrame that could call the page you reference.
Yes I think you can accomplish what you ask.
You would have to create custom theme for wordpress
You then have to create your program with standard HTML5 + CSS + Javascript
And then - include program in wordpress with the iframe iframe plugin for wordpress
I develop WinJS Navigation app (Windows 8.1/WP 8.1) and there's one problem: I've linked .css file to only one .html file, but when I go to any other .html page and if it has any same class then app applies .css from first page I went!
I don't link that .css to host (default.html).
It's not depending on which Visual Studio I use.
I have same bug in WinJS 2.0, 3.0 and 4.4.0.
There's a question: why does WinJS do this? Is there any solution or workaround?
You can reproduce my problem on your VS2013 or VS2015: zip (debug Windows project, not WindowsPhone).
When using WinJS navigation and page controls, the "navigations" are happening with DOM replacement inside the single context of default.html or whatever your root app page is, and not by dumping default.html (and all the CSS/JS that's been loaded) and initialized a new page context.
This single-page navigation model provides several benefits: it preserves the global JavaScript context and allows you to do animations/transitions to move elements on and off the page. If you truly navigate to a new page altogether, you'd reset the JS context and would always navigate through a blank page.
The side-effect, as you're seeing, is that any and all CSS that gets loaded in the course of page navigations is cumulative. That is, a "navigation" in WinJS does not reset any contexts, including CSS, and this can be tricky to manage.
There are several ways around this:
Use a global CSS file and avoid using page-specific CSS unless you know something is unique to a page.
Make sure each page has a top-level div with a page-name class like <div class="page1"> and then scope all styles for that page in your CSS using .page1 selectors.
Specifically load and unload CSS files by modifying <link> tags in the page header. This is really the only way to unload CSS, but also means reloading and reparsing the CSS files which will cause a page to re-render.
Generally speaking, I think option 2 is best and most portable.
For a longer writeup, see the section "Page-Specific Styling" in Chapter 3 of my free ebook, Programming Windows Store Apps with HTML, CSS, and JavaScript, 2nd Edition, and I've written up similar material on my blog, http://www.kraigbrockschmidt.com/2013/05/02/css-loading-behaviors-winjs-page-controls/.
When I download a jquery ui theme via themeroller I get a jquery-ui-1.10.4.custom.js file instead of the standard jquery-ui-1.10.4.js file that comes with a regular jquery ui download.
I am trying to understand what is changing in jqueryui.js file from theme download to download. I was under the impression that nothing should change the .js file and that themes were just .css. Is this not the case?
I did not apply any customizations to the theme I downloaded (starter theme) and then added just the .css to a page with the regular jqueryui linked up and the page didn't work. When I tried with other themes though such as the hot-sneaks I did not have this problem.
I am asking this question because I would like to link to the jqueryui on a cdn and I just want to use the vanilla version. Is this possible?
Thank you for your help.
I don't think there is anything different other than the name. You could try running them though a compare tool to see if there are any differences.
Here is an online Comparer http://www.diffnow.com/
The company I am working with hosts their webpage on Wordpress. They want me to edit some of the code in order to do various things, such as enable a photo container to be a moving slideshow.
Figuring out the javascript and html to achieve the results they desire is not problematic for me. However, I am unsure how to get full access to the Source Code of the site. I have privileged access to the backend of the site but in wordpress when you go to edit it only shows some of the basic html tags while hiding the <div> and <script> tags and code. Is there any way edit the page in its source code format? I don't want to have to go through the simplified and less expressive/less control Wordpress interface, and I don't even know if I can achieve the desired results with it.
If you try and edit individual pages you're approaching the problem in the wrong way. You probably want to be using a plugin or modifying a plug-in to create the slideshow you need. There are many plugins for wordpress that do what you seem to need.
slider-widget is one such pluging
In Wordpress, there are two main parts to the website's front and backend: the core WP files and the theme that is used. (And other important aspect to a WP site is the database, where all content is stored, including text/images entered in the admin backend.)
Core WP files are not to be changed because they get overwritten with each update. What you want to work with is the theme. Look in Appearance>>Themes and see what the active theme is for the site. It will also tell you the name of the folder the theme files are in.
With FTP, go to root/wp-content/themes/your-theme-name. That's the php, html and css source of the displayed part of the site. Uploaded images are in /uploads/, and plugins in /plugins/.
See http://codex.wordpress.org/Theme_Development to get an idea of how themes are built and how to modify them.
See the rest of the docs at WP to see how to work with plugins, add other javascript correctly so it doesn't conflict with WP's included javascripts, etc. All the docs you really need are at wordpress.org