I am working on a project that will involve large amounts of data. We have discussed how to summarize for the end user. Final presentation will be something like a bar chart with 15-30 bars. Each bar will be built by blocks whose height and column will be determined by formulas applied to data in the database. A static report is obviously no problem.
I want to develop a sandbox where the end user can drag and drop blocks from one column onto a different column. Others on the team think this can only be done with AJAX while I think jQuery will work and actually be better.
Is it possible to have a draggable div that will only be draggable between certain coordinates? in other words create a window through which the draggable div is visible and draggable. Would you use a stop drag when cursor hits a certain point? my div is a map and will be about 2000px by 2000px and want to have a fixed position and size of 500px by 500px so that that is all the user will see or be able to interact with. I know in image slider plugins that the divs scroll to the side or up and down through what appears to be a window so it should be possible?
I am writing my own vertical scrolling news ticker as I can't find one I like. The basic functionality is:
Get the first item in a container (like a UL) and store it temporarily Remove it. Add the removed item to the bottom of the list. Slide the rest of the list upwards. In the example below, a UL is the target container. Each LI in the UL is removed in turn, added to the bottom and the whole thing works pretty good.Except in Internet Explorer 7 (IE7). I'm not even trying to get this working in IE6. In IE7, when the item is removed, there is no sliding animation at all.
not sure I understand the concept behind merging two arrays together. I know that I have to make a deep copy of each array before applying the function. I know that I have to create a temp value to store the information in the arrays while I insert, but not sure how to keep in numeric order. array 1 = [3, 7, 12, 15, 22, 45, 56] and array 2 = [1, 2, 5, 17, 20] What simple code could I start with to create this.
AJAX is a rich client-side technology that makes the web pages more interactive. In practice, the same AJAX client-side code should be unchanged, regardless of what server-side web technologies we use. I guess this is same concept as traditional front-end plain html code that can work with different server-side web technologies for back-end processing.
Similarly, AJAX should be server-side independent concept, is that correct? But if this is the case, why there are different AJAX frameworks available for different server-side web technologies such as Java, PHP? We should simply just use generic AJAX server-side independent framework for our AJAX-enabled web applications.
I wonder what server-side technologies that google maps/gmail use for their AJAX front-end?? I guess google maps/gmail can be good AJAX models to follow?? What do you think?
i'm new to jQuery and SVG and my homerwork is to develope ECG chart. It should show data with: - 25mm/s - 50 mm/s - 1mm/mV - 5mm/mv I've decided to use Keith Wood jQuery plugin and have some questions. Is it possible to manipulate with gridlines when using graphing extension? I'd like every full second line to be thicker than the rest. Secondly, length on chart in every resolution should be equal to real length. Or should I make that chart step by step using drawing functions?
I am trying to populate a flot chart using PHP but things do not seem to be working. If I put in the numbers manually for the chart everything is working fine but if I pass them via ajax from a php script nothing displays.
Here is my php:
And here is my javascript:
The background of the chart appears but no data. I suspect that its because the json_encode returns a string.
I've been trying to find a topic talking about how to save a jqplot chart as an image (jpg,png,bmp.....) but i couldn't find anything wich was related to jqplot (there was only canvas2image which was close but when i tried it, i figured that it wasn't designed for jqplot...... :s ) ,
I need that function because when i copy/paste the chart from internet explorer 8 the chart is all different (the x,y axis and even the curve isn't at the right place..
I am trying to load a jquery chart (Flot) inside the second tab of jQuery tabs. It works fine on the opening tab, but if i bury the chart in any tab, it breaks and throws the js error "Invalid dimensions for plot..."
I looked around and the problem might be that because the second tab is hidden at page load, it is breaking something... I dug up a possible jquery fix/plugin called frameReady, which allows for you to load iframes, but I am not sure how to apply it.
Example:[url]
Source:[url]
How I can enable the second tab to show the chart?
I'm looking for some guidance on the best way to use jQuery to change a set of simple shirt measurements (in a table) from inches to cm, and back again. Can I tell jQuery to look inside a specific table and then convery all the numbers it finds to another unit of measurement?
I am trying to load a jquery chart (Flot) inside the second tab of jQuery tabs. It works fine on the opening tab, but if i bury the chart in any tab, it breaks and throws the js error "Invalid dimensions for plot..."I looked around and the problem might be that because the second tab is hidden at page load, it is breaking something... I dug up a possible jquery fix/plugin called frameReady, which allows for you to load iframes, but I am not sure how to apply it.
[URL]
how I can enable the second tab to show the chart?
I have a set of Div's which are all draggable, the coordinates of the div's are stored in a DB, so each time the page is reloaded the div's will have the same pos as they have when previous visitor left it.
There's one area on the page which uses the droppable function, when you place an div within the area the div, which is placed within the area. changes color.
My problem is that if a place a div in that area and then reload the page i find the div within the area but the div has the same color as if it would have when it's not located in the droppable area. In other words, It only changes color when I use the mouse to drag the div to the area not when it's positioned in the area with the coordinates from the DB.
It works fine but I like to have the draggable div over the content div. I tried to set the position (in my css file) as "absolute" with "top: 1px" und "right: 1px" but then the div is no longer draggable. Also tried to set the z-index on 1 and 2 for the draggable div. It's not working..
In the above code i have a list of sortables, i want to add the draggable($obj) to a sortable, even though i add to the sortable in the add method, that gets added but does not play as a draggable,Do i need to call any method of sortable after adding the draggable ?
at the moment i work at a little "game" where the user of the website can drag arround divs. the function is
$ ( document )
[Code].....
and this works fine. the div containers contain transparent png images like circles, triangles an poligons are draggable by the user. but the whole div is draggable. it would be great if its possible to only drag the div arround while klicking on the image (triangle,...)
i have two div's that is drag'n'drop with[URL].. script for easy drag and drop. In div #1 i have a list of items that also is dragable and a list that is droppable in div #2 The problem is that if i move div #2 (also movable), the Jquery-code does not "know" that it moved and the droppable list is visualy in the right place but jquery thinks its in the upper left corner (where the start-place is), so i cant drop in the box. Making both divs movable
I want to use .css() to restyle list elements, I have 4 lists, they are connected. But I need to know where element dropped. I can read where it comes from with this code: ui.sender.attr('id') How can I know where it dropped?
This is the code if it's necessary; $(function() { $("#sol, #sag, #orta, #deaktif").sortable({ opacity: 0.6, connectWith: '.bagla', scroll: false, receive: function(event, ui) { var ComeID = ui.sender.attr('id'); alert(ComeID); //just for test }}).disableSelection(); });
Let's say I have two images. I make one dragable. I physically move one image directly over the other. While my mouse is pressed I release it. The image underneath recognizes and gives a message indicating it's covered by the other????
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged.[URL]...I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one.
