I have recently downloaded a custom jQuery UI Pack, only using core and tab widget. On the examples in the index.html file, everything loads fine. Then I copy the files to my website directory, (all locally) and the images files just contain a question mark.
View 3 RepliesA client is using an analytics tracking script that needs to be updated each time the DOM is modified (ie, an element is added or removed). Basically this script allows the client to track user actions on the site (clicks, mouseovers, etc.) and, if the user is having issues, replay the entire session to help them with their problem. The issue we're running into is that this tracking script takes a cache of the DOM tree on page load, and when the DOM is updated it needs to specifically be notified that there has been a change... or else the script won't be able to see the nodes that have been added/removed.
Assuming all DOM manipulation is done using jQuery functions, is there a way to run some function every time the DOM is manipulated? I've noticed that all the DOM manipulation functions seem to run through the internal $.fn.domManip function, so I was wondering if it's possible to extend or replace this function from another JS file (assuming of course that all the manipulation functions DO in fact run through $.fn.domManip)?
Example (don't take this code seriously, it's more meant to illustrate what I'm trying to do):
var oldDomManip = $.fn.domManip; //Copy the function (I know this isn't right)
$.fn.domManip = function() {
oldDomManip(arguments);
//update the analytics program by calling it's update function here...
}
How can I overload or extend (or intercept) jQuery's .html() method so that it works its default way unless the object has a certain class?
View 2 Replies View RelatedI have some methods, while look like this:var some_method = function()
[Code]...
We're using Malsup's form plugin v2.82 and jQuery core 1.6.2. We're having issues in IE7 where, on a form with file upload, form fields are being dropped before the form is submitted to the server.We tracked it down to the `fileUpload` function, specifically line 196 where each field in the form data has `.attr('disabled',false)` run against it. If we change this to`.prop('disabled',false)` it all works fine.I don't see a clearly marked place to submit bug reports for the form plugin, and wanted to verify that others see this as well,
View 6 Replies View RelatedThis isn't really a beginner question. I need to build a webpage that has some form elements on it. These form elements act like filters on a set of page elements. Several input element can be grouped as one of many filters. For example six checkboxes are filter 1 and a radiobutton and a pulldown element are filter 2.
When the user makes some changes in these filters a server request is send and an answer is send back with the result. Depending on the result every filter (group of elements) need to be re-initialized to reflect the new model state on the server.
So my question is: Is it right to see the filters as widgets in a Jquery UI sense? Or is it more appropriate to just see them as plugins. Can someone please share some insight?
I'm just getting started with jQuery.
I just made a form with a datepicker, which works fine. But I can't get the widget button to work.
I downloaded a theme and I'm importing the files as you can see in the code below. Do I have to download anything else to get the button to work?
My code looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
I integrated JQuery UI, and I have the JQuery tabs working. Since Joomla uses mootols, I had to include thejQuery.noConflict(); And the tabs script " $ " is replaced by JQuery.
However, when I add the Cycle widget, and I replace the $ sign for JQuery, the widget does not work. If I use the $ sign, the widget works. I want to keep my code tidy. Can somebodyenlightenme on this situation?
I want to display on the partener's website some informations contained on my serveur relative to him (i have multiple parteners) and i thought it would be great to display them like the facebook badge (it's the only example which comes to my mind)
The thing : i really don't know what to do / how to begin :
I cannot use jquery, because it would involve that the parteneer website has jQuery.
I have multiple possibilites on the source of the information :
I can cache a PHP file wich contains informations (but i have 25 parteners so it would be 25 files cached ? -> bad )
I've a XML file [url] but i don't know how to parse an xml file either :O to give you an example i just want to display on crystal-serv information contained between the <GSP> tag where nom = crystal-serv
I have a problem with width() of jQuery.Normally, width() will return an exact value of element's width instead of the percentage (if we use width: 100%).
I'm writing a widget using jQuery. I have a function to build my widget and set its width based on the outer-bound. I need the exact value of width to arrange the element inside that widget. But when using width(), it returns 100 (means 100%), not the value in pixel (must be 1200px).
its an accordion like tool. It functions just how Ineed it, except id love to make it sortable.with the codeupdate?jQuery :
$(function() {
$("#accordion1").addClass("ui-accordion ui-widget ui-helper-reset")
.find("h3")
[code]....
I was wondering if someone can help me out here. I was wondering if its possible to get this Jquery Image Slider to fit a 250x250 Pixels I want to create a widget on Wordpress.[URL]..If possible in order to get this done we could move the control with the numbers on the bottom and keep the descriptions on top.
If this cant be done, do any of you know any 250x250 Jquery Image sliders. That can possibly work in this format? I'm trying to stay away from Flash much as possible.
I have a text field
<input type="text" id="f">
I transorm it to autocomplete widget$('#f').autocomplete()How to access widget's methods and properties by id of the field?I need to access initialized widget to call some of its methods, modify properties etc.
I have a function in my widget :
this.element.find('.abc').live(this.options.event,jQuery.proxy(this._onCollapse, this));
[Code]...
[URL]In the documentation there write that i can save the state of my open and added widgets. But how?
View 6 Replies View RelatedI am trying to use DatePicker ui. I have uploaded "js" and "css" files in the same directory where my script resides. I also downloaded "jquery" in jquery.js file in the same directory. When I run the script, the field is displayed but the DatePicker widget doesn't show up.
[Code]...
I've read up on using easing and animate but am having trouble implementing into my tabbed widget in my wordpress sidebar (still under construction so no link). The widget works as is but I would like to instate easing into it.
I'm unsure whether to put the script code into header.php or where exactly though. Nothing seems to work. Does anyone know of a tut or how to incorporate jquery functions into a wordpress sidebar widget perhaps?
How I can implement JQuery UI Tabbs into my WordPress Blogs Side Bar. What would be the most appropriate place to ask this question as I have zero experience with any of this and I am using the Genesis Framework for my Blog which can be found here[url]
View 2 Replies View Relatedhow do you save the position of a widget or list ?[URL]...
View 3 Replies View RelatedI currently have a standard .NET grid in my application and am considering a few options. I could replace the grid with divs so the current rows would be like posts in a forum. Or replace the .NET grid with the new jQurey grid, that way I would gain a whole lot of functionally!
My question is can a grid be modified so that the rows are about 11/2 inches tall and be formated to show several lines of text? I want them to show 2 business names, addresses and some details gotten from a form.
In this widget: [URL]. When clicking to tab2, the image is not visible. Its only visible when mouse over. What is my mistake in jquery or css coding.
View 2 Replies View RelatedI am chaining a .click function to the .button jquery UI widget. I get the action I want just fine but the in IE8 the button does not return to the ready state after I click. It works fine in FF.
$('#myButton').button()
.click(function () {
$('#total').text('here it is');
})
[Code].....
in my markup, ii have a form w/ a few simple controls, one of which is a pair or radio-buttons; to make it simple, let's say that these two buttons change/set the background color of a plot--'white' for the first button and 'gray' for the second one.
In my jQuery file, referenced/included in my markup is the event handler:
$("input[type=radio][name=backgroundColor]").change(function() {
plot1.grid.background = $(this).val();
[code]....
I've implemented Dialog of jQuery UI and set its modal option to true, but object elements (embedded youtube video) were not disabled thus they were even rendered on top of the said dialog.
View 1 Replies View RelatedI've got this page: [URL].. displays events via an xml feed, but no one in the UK or any other country other than the Americas can see the events.
View 2 Replies View RelatedI'm trying to implement the datepicker and I have two fields on my form:Birthdate& Lived here since? In my header I have:
[Code]...
When I click on the 1st date field (birthday) it mostly works... I say mostly because it doesn't appear to be pulling in that css as the widget is pretty spread out and has no borders etc. When I click on the 2nd date field (here since?), absolutely nothing happens. Surely this supports multiple date fields on the same form so what am I doing wrong?