JQuery Google Charting - display vertical x-labels
Do anybody know how to make charts with x-labels in vertical position using Google charting ? I read somewhere that Google Charts API is not provide that possibility? Any workarounds? I need to fit a lot of long labels in a small chart. Thanks a lot.
How to get the element which position is replaced
all function has params: item , but item only can get current dragged element, and how to get replaced element?
Scrolling an UL within a div to a LI from external click
Hi Folks, I am new to jQuery and was hoping someone could help me out with this - I really don't know where to start. What I have is an automatically generated UL like this where each <li> contains information about a various subject or topic: <div id="container"> <ul id="menu-list"> <li class="item-1">contents...</li> <li class="item-2">contents...</li> <li class="item-3">contents...</li> <li class="item-4">contents...</li> etc...... </ul> </div> Elsewhere on the page are links which if someone
Superfish - onHide problem
Hey all, I'm working on a menu using superfish. I have a function I want to call onHide, but it seems that the onHide function is called onInit, onShow AND onHide. The alert is fired multiple times. Here is a simple example: jQuery(function(){ jQuery('ul.sf-menu').superfish({onHide: function(){ alert("hi");}}); }); Thanks for any help.
invalid assignment left-hand side
Hello friends I'm new at this forum. I am trying to assign some value to text filed using jquery. I am using this code. $("#tb").val() = "alpha"; its giving me this error (invalid assignment left-hand side) If i use this simple statement documetn.getElementById("tb").value = "alpha"; this works.. Please tell how to assign value to an input filed using jquery.
Dialog is always openening in top of the page?
Hi, I am using the dialog for conformation of deleting of a Item. The function is working perfect, but only the dialog is opening always on top the page. Reading the forum I understand that this is happening because the script is looking for the position of the message (and the message is one of the first lines within the body tag (hidden) that is loading). There would be 2 solutions for this problem according to this post http://forum.jquery.com/topic/position-the-content-of-a-dialog. But I cant
Sortables hiding when they are dragged out of a div.
Hi. I am having a problem with jQuery UI sortable and ie8. I have a div (id='menu2') which contains the list of sortables. When I add the css filter: alpha(opacity=60) to this div, the sortables can no longer be dragged out of the box. I have added a link to a simplified example. The div on the left (black) has no filtor, and it works fine. The div on the right is identical but it has the filtor added. Try dragging the sortables outside of this div. test.awardspace.us The problem only occurs
auto expanding Selectbox
can you please help me how to expand the select box when its last option is highlighted. the select box should get expanded with another set of values with already existing values from the server side. plz help
Expanding the select box when last option is hovered/mouse over is done.
I have a task where i will display 5 options out of 50 in a select box initially. when a user selects last item/option in that box the select box should get populated with next 5 options from server side. i have to implemet with jQuery . can any one please help me with a solution. which plugin can be used, and using ajax call can we do this ?
jsonp callback
Hi, I have a problem with jsonp. I create 2 channel objects and each channel uses jsonp to retrieve channel information. Here's the code: <script> Channel = function(name, channelId, instanceName) { this._name = name; this._channelId = channelId; this._instanceName = instanceName; $.ajax({ url: 'dummy', dataType: 'jsonp', jsonp: 'f',
animate()
I would like to auto slide/ease a div from outside the viewport to to a certain position. I was reading the documentation on animate, but can't figure how to do this? Any advise or documentation is more than welcome
jquery week calendar to day calendar?
How to change jquery week calendar to day calendar
jquery.mb.extruder.2.0 Menu
Hi I am using ( jquery.mb.extruder.2.0) menu , if i click left The menu is closing , but when i click left or right click the menu should open.. can i have anyone help...
Sortible list working in page1 but not when loaded in page2?
I have tested to get a sortible list rearanged and it works great when I have the code in page1.asp, but if I load another page(page2.asp) into a div in page1.asp with jquery and I have the sortible code in page2.asp, then it doesnt work to rearange the list? What Im I missing? Im calling page2.asp with this code: $(document).ready(function(){ loadPage(); }); function loadPage(url) { $('#container').load(url + ' #content', hijackLinks); } function hijackLinks() { $('#container
jquery treeview question
Dear all In the treeview code example I shulde call tree view add method as below branches = $("<li class='closed'><span class='folder'>New Sublist</span><ul><li><span class='file'>Item1</span></li><li><span class='file'>Item2</span></li></ul></li>").prependTo("#folder21"); $("#browser").treeview({ add: branches }); But if I don't call treeview({add: branches}); The tree seem to show normally. Are there any trouble if I didn't call treeview({add: branches}); ? Thanks in advanced
Combined Resizable and Sortable not working !!!
I have Sortable div's and applied Resizable for each div... only resizable functionality working... can anybody got the solution please let me know.... Thanks & regards, Sankar R.
Reset a jQuery Function?
How do I reset a function in jQuery? I have some code. The code executes, and then when I try to call another if statement in that same function, it will not execute. I need to be able to run the function by clicking a submit button, make some changes, and then hit submit and run a different if statement in that same function. Refreshing the page works, but I don't want my users to have to do that. Please help!
Modal Window in Jquery
I am using Modal Window In which you tube video is loaded using Iframe. When I close the modal window. Modal window gets closed but the you tube video is paying continously . (In IE its not working ) in Firefox it is working fine.
General Question
Is there a way to reinitialize a variable in a function without having to add another instance? Thanks, Steven
The code's not working?? plz help I am newbie
I have written a followin code but its not woking, error console is also showing no errors... plz help.. [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script> $(document).ready(function(){ $("#popupbox").css({visibility:
content show and hide
Hello, I am trying to learn jquery. my example below is to show and hide content in a group div. the code works but i want to know if this is best practice to write what i did. Is there better way to do it? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Jquery selector examples</title> <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <style type="text/css"> .active { display: block; } .inactive { display: none;
jQuery Dynamic Dropdown
Am looking to design a form that deals with items in specific category. The form will have one dropdown box that dynamically displays data in the DB. Ok, check thats done. But, when a category is selected, i want another dropdown box to appear on the page that pulls data from the database dependent on which choice is selected in the first menu box. This second box will display sub categories. jQuery and AJAX seem to be the best choice however I am having trouble with the syntax and technical aspect
Why jquery mobile in core?
Could you please explain why did the jQuery development team decide to include jquery mobile in the core? This means that mobile browsers would have to download useless bits, such as Sizzle and browser-specific hacks (for example, IE). I suppose, jquery.mobile.js would have a size of about 20kb instead of 71 if the core library was excluded. Downloading the extra 50k may take several seconds, even on HSDPA. Perhaps you are thinking that the "big" website and the mobile version should be the same,
jQuery to Change Form Elements
Am looking to design a form that deals with items in specific category. The form will have one dropdown box that dynamically displays data in a DB. Ok, check thats done. My problem is; when a category is selected, i want another dropdown box to appear on the page without requiring a refresh. This second box will display sub categories that also are stored in the DB. I have been told that jQuery is the best to use for this, so i have been really getting into it lately but cannot manage to generate
"click" and "live" problem with ajax loaded content
I'm dealing with a translation application where you hover over a Spanish word and it's translation appears in English. I'm using the "qTip" plugin for this where an ajax request is issued for the tip content on hover. On the ajax loaded content page (to show the translation), I have a simple button "a.myButton" that, when clicked, needs to issue an alert statement. When I attempt this with a standard "click" handler, the alert is only executed the first time the tip is loaded, all subsequent tip
Autocomplete with cross domain
Hi, I am trying a autocomplete with cross domain, a request which will give a json which has xml, i parse the json and get the xml and builded the auto complete, it works perfectly firefox, chrome, safari but fails in IE8, it seems i am getting the response from the server but the b._response.apply is getting undefined in IE8, but all other browsers getting the list, This is what i am trying $( "#city" ).autocomplete({ source: function( req, response ) { url=AUTOCOMPLETE_URL;
SELECT Control floating over BGIFRAME dialog in IE6
Hi, SELECT CONTROL floating over the header and footer of bgiframe popup in IE6. Please have a look at the below images. Is there a workaround for this? Your help appreciated. Regards, Sakthi.
jQuery UI Tabs Spacing Problem
Hello, I'm looking to style jQuery UI Tabs using images and to insure those images have no spacing gaps between then and that tabs can be using in multiple lines. I'm having trouble with all aspects, first getting an image background into an <li> as well as the spacing problems both horizontally and vertically. The image below depicts how I want the tabs to look. CSS for each row would have to differ to accommodate top, middle, bottom, border so they are symmetrical. Basically, I want the tabs to
jQuery function return
Hi, I'm very new to jQuery, only picked it up yesterday, so there is very little I understand at the moment. I have a website on which I would like to display a real time, time-series chart displaying results from a database that is constantly updated. I asked for some help on stack-overflow about how to pull live data from my database and display it in an alert box on my sight. One of the replies said I should use jquery to achieve this. The code suggested is below function getNum() { $.ajax({
mouse over and mouseout on a div affected by child elements - how can i change this?
i'm creating a page with a full background picture. when the mouse enters the content area, the background image darkens. it then lightens up when the mouse moves out. everything is working fine, but when the mouse moves over elements inside the content area, the background's opacity is also affected - goes lighter and then darker again. i'm assuming this is happening because of my jquey code. when the mouse moves over a child element in the content area, jquery sees this as the mouse leaving and
multiple widget instances - performance / scalability best practices
Hi guys, Say i am developing an application where i need to attach several widgets to every element from a list of elements (between 100 and 1000 elements). In order to avoid having all same handlers attached to every individual element in the list, for which the widgets are going to be created, is there any best practice to make this scenario more robust and scalable? This is just one example, but there are probably more things to consider, for instance avoiding data that could be duplicated -
JQuery for appended code
Hi all! I start using JQuery a few days ago and everything works fine. But now I've got a question: I added some code to my page, but this text should also get an click event. If I press the "hier"-Button, the text "hallo" appears. But there is no alert when I click at the "hallo". How can I get this alert? Thomas <?xml version="1.0" ?><!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">
how to add a vars using jmeEmbed to enable stretching=exactfit, default is strecthing=uniform
Hi all, according to the documentation here: http://protofunc.com/jme/documentation/documentation-embed.html if I want to add a vars option parameter: what would be the code to enable stretching=exactfit - I tried to use: vars: {stretching:'exactfit' } and it did not work here is the example from protofunc: $('video').jmeEmbed({ jwPlayer: { path: '../mediaplayers/player.swf', params: { //make video transparent wmode: 'transparent' }, vars: { //we support http-pseudo-streaming provider: 'http' } }
Need help with jQuery Form Upload
I'm using jQuery Form Plugin (http://jquery.malsup.com/form/#file-upload) but not being very successfull in uploading files. The upload part of the plugin is porly documented and have to few examples. I have a jQuery UI Dialog box containing the Upload form. Here I want to upload a form without page reload (using of IFrame instead). Can someone pelase suggest some code that will allow me to upload files? Here is my code (in the UI DIalog box) : HTML <fieldset class="fieldSetUploadfile"> <legend><?php
Get the button clicked in a dialog
I already saw on google and on the forum, but really can't believe there isn't something like: var a = $('#dialog').dialog('open');that gives back the button clicked. Must i have a callback to another function? This behaviour is really weird, because the most obvious thing is that i want the script to continue running *after* the user clicked on something, not "later in another function". Isn't there something to do that? Thank you in advance.
Can I associate a DOM Element with additional data in javascript/jQuery?
I am making an app involving geo-tagged pictures. I would like it so that when I click the image, I can retrieve the associated image data(latitude/longitude/url). Currently I have a GeoImage object with all this data. My question: when I click on the <img/> element on the screen, is there a way to get the associated GeoImage object data? I can easily access the image from the object, but I want it so that by clicking the image on the page, you can then retrieve the latitude,longitude, etc... There
Tooltips in 1.4
Does anyone have any recommendations for a tooltip plugin for 1.4? Something simple with some nice styles. I've tried a few and have had issues as most dont seem to work w/1.4.
Cycle plugin - restart of "nowrap" slideshow upon return to page via back button?
Hello, I have an intro page with a "nowrap" slideshow, which after ending, callback-redirects the browser to a second page. The slideshow is tied to the document-ready. If the visitor wants to see the slideshow again and clicks the back button to return to the intro page, they only see the last slide of the slideshow which never changes, because the page is loading out of cache and the slideshow is not triggered. Is there a way to make the slideshow restart, even if the page is accessed via back
div stretch and restore -- toggle
hi m trying to show few contents in the div , when somebody clicks over the link a div will come up , but the div strectches first and the restore to its size , the code is out her <script> function showDetails(id) { $('.' + id + '').toggle(200); } </script> //html code <table > <s:iterator value="candidateList"> <tr> <td width="100"> <div > <a style="cursor: pointer" id="<s:property value="id"/>" onclick="showDetails(this.id)"> <s:property value="email" /> </a> </div> </td> </tr> <tr> <td> <div
Autocomplete on a dynamically created input
Hello.. So, what I'm trying to do is to get the autoComplete to work with any new appended <input> fields on my page. The dynamically appended <input> fields are added to the page, when a button is pressed, by using insertRow/innerHTML within a table body. Upon the creation of the new <input> field, it is given a name, an unique id, and an onFocus(function() {autoComplete('userRelative',(oID=+oID));} is set. eg.: //Static <input> field - always visible on the page. <input type="text" name="userRelative[]"
Next Page