I'm using the latest version of Wordpress and WP Booking Calendar plugin on http://www.caroline-cottage.co.uk/booking-form/ 1
Although the calendar and form elements work great in isolation as a widget I cannot get them to display on the same page due to what I assume is a JS script error/conflict. However, IE and Firefox debuggers don't show any issues.
I've tried reinstalling and deactivating all plugins.
Any ideas how to resolve??
Thanks in advance
Upon reading the T&C's of the WP Booking Calendar plugin again I realised you can only display two elements (1 calendar, 1 form) on 1 page using the free version of the plugin so I needed to remove the widget version in the header to "fix" the 'calendar loading...' issue :-)
Related
I have just started a new site created with meteor and using foundation for sites and sass.
I want to create a dropdown menu, but I can't make it work.
I followed this link
dropdown menu and copied html, but it's not been showed as a dropdown menu.
I think my problem is because maybe I haven't initializated the javascript of the dopdown menu.
Can someone show me how to do it. In Zurbs site there are several examples, but loading the script in the head. But I want to know how to do it with meteor.
I might be completelly lost, so any help is really welcome.
This are the packages I have added to my meteor
zurb:foundation-sites
seba:minifiers-autoprefixer
fourseven:scss
To initialize the Foundation plugins you have to run the init code $(document).foundation();, make sure it is added after the foundation js file are included.
Also make sure that $(document).foundation(); is added after DOM has been rendered (at the bottom of html) or in window.onload event.
Took some hours once to find this out :P
Context: Trying to use jquery ui plugins (tabs and dialog) in a primefaces application directly from javascript (due to a certain requirement).
Problem: Getting 'length undefined' and 'undefined not a function' errors on the calls. More specifically, $("#id").tabs() is throwing the error.
What I did: search in stackoverflow; checked $.fn.* and $.ui.* in the console; surprisingly a lot of ui plugins are available (datepicker, droppable, selectable) but dialog and tabs seem to be missing. $.ui.version is 1.11.3. I tried using outputScript and directly <script> tags to include jquery ui, but none seemed to include these plugins; tried noConflict.
Additional info: It worked at some point intermittently.. not sure what caused it to work and what is preventing it from working now. Spent a lot of time troubleshooting this.
Advance thanks for your time and shall drop additional info if required.
PrimeFaces contains a customized (subset) of the jQuery-UI components. The others have to be added by you. And make sure you use them from a compatible version. Compatible with the jQuery version that PrimeFaces uses.
Including them should be done like you normally would include separate jquery-ui components or jquery-ui compatible ones by normally loading them via a javascript tag
I have a Magento store that uses two different templates. One for desktop version and the other for all other mobile devices. I used the Exception method to change the templates based on the variables in the exception list. I also have a large number of configurable products. These work just fine on the main desktop theme. All the options show and it goes through to checkout easily.
The problem is on the other theme. I get all the options for the different attributes showing on the product page but when I click the drop downs none of the options have been loaded. This happens on all products.
I am convinced it is a jQuery conflict issue as I have searched Google and this seem s to be a popular problem. I have however, disabled all my jQuery scripts allowing only prototype to run and still I get this problem.
Has anyone expirienced this and had an alternative or is there something else I could be missing?
The theme is Zonda and I've also tried using jQuery no conflict but unless I'm using it wrong it has not helped.
So dropdowns aren't working when using foundation (not even the code copy-pasted from the foundation docs).
This Html is generated using Play! Framework, and I am viewing it using chrome. This code is running on Localhost, not a foreign server. (Maybe chrome is blocking js on localhost or something?)
The following is the code I'm using. Any help would be appreciated.
JSFiddle: http://jsfiddle.net/U7CZq/
code
There are a couple things that I see here that could be causing problems.
The first major issue is you are not including foundation.topbar.js file, which is needed to implement the dropdowns.
The other issue is you should call $(document).foundation() at the bottom of the page to allow foundations javascript components to manipulate the DOM of the topbar to add the proper elements and classes need for the topbar dropdowns.
I'm doing some maintenance on a legacy webapp. The app uses a 3rd party javascript for displaying a pop-up calendar when the user puts her/his mouse into an HTML textfield. The user clicks the date on the calendar and the date gets inserted into the HTML text field.
I've noticed some anomalous behavior so I decided to investigate the script. It looks like it was last updated by the developer in 2007: http://webscripts.softpedia.com/script/Forms-and-Controls-C-C/Dynamic-Date-Selector-22508.html
I think I would like to replace this script with a javascript that does the same thing, but is part of an open source project that is regularly maintained and possibly with a community around it. My preference is either to get a project that does just that feature or a project that will make implementing just feature easy.......I don't want to gut the javascripts in a legacy webapp unless I have to.
So, can anyone recommend an open source, regularly maintained javascript library that has such a feature?
Thanks much in advance
Steve
Datepicker - from jQuery UI library - very solid and popular.
Use the date picker of jQuery UI.