I have always been using Prototype but I finally made the switch to jQuery because of its good documentation and large user base.
I have a problem that I hope someone can solve. The problem is that I cannot correctly set a size of my dialog when loading the content using Ajax.
I have the following code:
The content is loaded but the dialog is not sized properly. I guess that it depends on the content being changed after the dialog has been initialized. Is there a nice way to solve this problem?
I tried the following solution (not very good looking but anyway...)
This causes the size to be correct but it doesnt center the window and it also removes scrollbars from the content. I must have the scrollbars but I want the dialog not to exceed the viewport.
Another solution is to download and use YET ANOTHER third party plugin but hey comeon, shouldnt jQuery UI be able to do this?
I had problem when try to reuse div element with ui.dialog().If I set the width & height the first time it works; but if I call it from second function with different width & height it won't apply the new setting. Also if I manually resize the dialog when it appear after close and reopen it use the new size (resized manually) not the one I specified in the code.is it possible to resize the dialog before it show up?
I would like to set the height of certain #div elements on a page based on the height of the user's current window state. It should draw the elements based on the size of the window at onLoad, and also respond to the onResize event.
$('.openDialog').click(function(event){ var width=$(this).attr('width'); var height=$(this).attr('height');
[code]...
I'm trying to do something like above, where I pass the width and height into the Dialog box but it doesn't take the variable.It only works if I put an actual number here instead of a variable.
I've developped a mini-intranet and I've used for that some jQuery components especially UI Dialog.It works fine but sometimes I've a problem with Dialog I show. The problem is that the dialog's height is bocoming very important and it loose the vertical scroll bar.This is the function which call the dialog
function load_sub_jquery(url, specialite, var_sub_exp, titre) { $('#CMP_ajax_recipient').load('view/'+url+'.php','SPECIALITE='+specialite+'&VAR='+var_sub_ex
I use autocomplete on my application. The width of the dropdown is equal to the width of the Input element that is used. I would like to use a custom width for the Dropdown leaving the width of the input same. Can this be done?
I've ran into this problem more than once, there are plenty of tutorials on how to toggle/fade a hidden div that already has data placed into it, but I want to $.load() a page into an empty div ID and then toggle/fade it into view.
I can't for the life of me figure out how to do this or find anyone in Google trying to either. This has to be the first time I've ran into a limitation of jQuery and it isn't even something that should be such a problem.
I'm facing the following problem: I'm using .append() method to add a new <div> on the fly and I need to read its width and height right after it's been created. How can this be doneMy current strategy to accomplish this task is:
$("#container").append( $("<div/>").append( $("<p>").html("This is a content example that goes inside my just created div")
I'm just starting my first jQuery project (tutorial from this months Web Designer) and I've got a background image that I want to spread across the entire background, regardless of browser size. It's big, so I originally had an onload function. This works fine in Mozilla and Safari but not in IE.
My question is, can jQuery set a width and height of 100% and have it work in IE?[code]...
I have x amount of draggable & resizable divs, they work as I want them to, I am outputting the coordinates of each div in a textfield. My problem is that the textfield only displays coordinates when a div is CLICKED, so when holding the mouseBtn and dragging a div around then releasing the mouseBtn the coordinates aren't displayed in the textfield. I tried to set 'mouseup' instead of 'click' but then the divs are being dragged around all the time even tho you released the mouseBtn. The second thing is that i want to output the size of the div in another textfield, so when a div is resized the new size of that div should be displayed in the textfield.
For the size I tried to work with function showWidth(ele, w) { $("div").text("The width for the " + ele + " is " + w + "px."); } $('#test').click(function () { showWidth("paragraph", $(this).width()); }); I want to send both size and x&y of each div to a database.
during the initial phase in the development of amuch more complex zomm&pan widget, i ended up with this tiny (yet another) zoom&pan plugin. Since it's small and with just few functionalities i'd call
I have a div with content that i want to overlay over some other content. The tricky part is getting it to be full browser width and height. This doesn't seem possible in CSS, so I'm looking for a jquery solution. It will basically fade in when a button is clicked. I'm comfortable with the fading it in etc, but I'm just having trouble working out the full screen part - especially since I want it to stay full screen even on browser re-size.
jquery width() and height() functions are consistently returning the wrong values for the viewport size (i.e. $(window).width). Anyone know why..or what I can do to fix it?
I'm using height() and width() to find the dimensions of some inline images in the html. FF and IE work fine, but Opera is returning incorrect values. For example, it returns 92px as the width of an image that is actually 160px wide. How can I fix this?
I had malware/adware two days ago. Scanned with Spybot search and destroy but now mybrowsers are slow (IEand Firefox) plus i get a window saying: "jcarousel" No width/height set for items. Tjis will cause an infinite loop."
I've written a small plugin to serve as a feature rotator and am having one strange problem.You can see some demos of the plugin and documentation here:
http://pbskids.org/pbskidswidgets/carousel.html.The plugin does a number of things that involve reading the width and height of DOM elements and using them to set the width and height of other elements. The problem is that sometimes in Firefox and Safari, when the page loads, the widths and heights of panels in the carousel are fracked.
Reload the page and the problem's fixed. In Safari, I can't get it to happen again on many reloads. In Firefox, though, if I reload repeatedly, I can get the problem to happen again: maybe once every seven or eight times.It looks like something's happening with page loading, but I'm at a loss to diagnose it further: is the script firing before the elements have fully loaded sometimes, and then works on subsequent tries because those elements are in the cache? Also: I've never seen this error in any of the IE versions.
