IE 8 Background Transparency for Google Bubble Charts using jQuery
Greetings. I am completely new to JQuery, and it seems like this may offer a solution to the IE8 issue of not supporting transparency. I am attempting to draw a google bubble chart onto a transparent layer, which has another image underneath it to achieve a background image under the chart. It works fine in chrome, but fails in IE8... and I found a post that says this about a fix for IE8: $('#vis iframe').attr('allowTransparency', 'true'); $('#vis iframe').contents().find('body').css('background',
Sortable doesn't work well with different sized list items
I'm trying to make a simple "puzzle" with different-sized blocks. There's a base size; also, some blocks are twice as tall, some twice as wide, and some twice both dimensions. The problem is that, given a layout like the one in the code below, the middle section is left empty, because block 3 extends into the row below it, making the space unusable. Is there a way (WITHOUT absolute positioning) to make blocks slide into that void? Style: .piece { clear:none; float:left; height:195px;
JQuery equivalent for HTML fixed position but with additional delay.
Sorry to ask this if this topic is already existed. I don't know the right term for what I am looking for. This it the sample I am referring to http://www.jtricks.com/javascript/navigation/floating.html The element is fixed at an specified position, if the user scrolled the window, the div remains on its position like what the CSS do {position:fixed;} but this sample have properties that looks like it is gliding toward it's original position. How to do this guys? Thanks!
Can't (Consistently) Set a jQuery Mobile Checkbox in a Panel
Hello, I have a checkbox in a Panel. I have setup a handler to fire on the panelbeforeopen event to set the state of the checkbox based on a cookie value and for debugging I manipulate the cookie value using a Firefox plugin. My "dumbed down" code for debugging this is: if ('On' == $.cookies.get('cookieID)) { // The cookie is "On" so "check" the checkbox. $('#checkboxID').attr("checked",true); console.log('Checkbox checked = ',$('#checkboxID').prop('checked')); // should always show
In IE9 String to JQuery object results in loss of attribute.
Good afternoon, If I have a string, and I make a JQuery object from it: var $content = $("<div><table><tr><td style=\"border-style: none\">test</td></tr></table></div>"); How come that when I print this the style attribute is empty? <table><tbody><tr><td style="">test</td></tr></tbody></table> I tested this behaviour in the (latest) browsers: Chrome, Firefox, Safari and it does work fine. So what do I have to do to get this working in Internet Explorer 9?
an onclick event to show JQ ui dialog from a jqTree widget
I have the jqTree plugin and I would like for a user to be able to click on a node and have a jquery ui dialog box open with more info. I have tried out each widget and I can get each to work but I can't figure out how to put them together. I know when I run the jqTree that when the mouse cursor is over a node it changes to a hand with pointing finger. It must be designed to be clickable i just can't figure where to code so it will open the dialog box. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD
Loading next url
Actually I am loading my url with the variable .My url like "jQuery("#edit_dialog").load(editPageUrl+'&element='+sElement)" and now i want to add <h1> tag into url so what should i do for it ?
Problem win carousel
Hi, I created two carousels images inthe same page using the plugin <<caroufredsel>> but the problem that one of the carousels does not start. Can someone help me
Most of jQuery areas not displaying in Chrome?
http://northdesignstudio.co.uk/clients/22cv/ any ideas?
Video Lightbox plugin vs jQuery Tools with apple plugin
This is very critical for me right now..I'm just looking for a simple answer to this question. We had a young developer who insisted of using a combination of both jQuery tools (with the apple effect) and Video Lightbox. The Goal: Our goal is to click on either a text or image link, and smoothly see a pop-up window appear before you, loading a you-tube video inside of it. that's it. The Question: Do I have to use both of these plug-ins to complete my goal, or can I use one or the other? What do
add style to a responseXML
How to ? add style to a responseXML or use the responseXML to create html output in my target option var options = { target: '#arbitrarybox', beforeSubmit: getDataFromScreen, success: getDataFromServer, type: 'get', dataType: 'xml', clearForm: true, timeout: 3000
Using Bootstrap-Typeahead.js
I have no idea what is wrong here, but when the page loads I get the error Uncaught TypeError: Object [object Object] has no method 'typeahead' I've nagivated to the link in the typeahead declaration and all the code is still there. Maybe just need another pair of eyes. Can anyone see what I'm missing? <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script> <script
Problem Setting Up PhotoSwipe
I'm posting this here because PhotoSwipe is kind of like a plugin, while advertising itself as another javascript library. I have a test page that I’m trying to develop on our new mobile site (which is within a mobile host). I previously had this same code on a test page in our production site and it worked fine (the code can be found here: http://pastebin.com/VkiKPHY2 ). The images I’m trying to display are also stored on our production site host. I’m not sure what the problem is with things
PhoneGap/JQuery Mobile UI - What is this? Bottom Menu Button?
I'm finishing up a simple app in PhoneGap Build....using JQuery Mobile UI. I see at the bottom of my app (by default) is a small black nav bar with a small row of 3 vertical dots...I'm assuming a stock options menu of some type, I've seen it before. Is that indeed what this is? How can I access it to create menu options or open a JQuery panel? It doesn't do anything when clicked by default. Thanks guys!!
can you complete this nested each loop?
Hello - I've written the following html test page below. The goal of this test page is to remove embargoed countries from 3 country dropdowns on the page. Nested jQuery each loops can sometimes be tricky to implement. Can you please take a look at the nested each loop below and update/complete it to meet this business requirement?: <html> <head> <script src="jquery-1.8.1.js" type="text/javascript"></script> <script> $(function(){ RemoveEmbargoedCountries(); }) function RemoveEmbargoedCountries()
Contain Dialog Windows to a Div
I'm working with code to open multiple dialogs in a cascading fashion in a desktop type environment. The issue is keeping the dialogs from opening outside the container "#desktop" div. After about 10 or so dialogs have opened, they continue to cascade outside of the #desktop div that I want to be the container. I have tried the containment option, using positioning option with at: and within: with no luck. I can set the draggable option div to #desktop and it stays in the div correctly as soon as
Mobile CRM implemented by jQuery Mobile
Demo Site: http://mgrass.cloudfoundry.com User name: admin password: admin Server Manage Site: http://grasscrm.cloudfoundry.com User name: admin password: admin This mobile CRM is developed using jQuery Mobile and SSH, project is located at sourceforge.com ,project URL: http://sourceforge.net/projects/grasscrm/ You can download code to analyze it.
Mobile CRM implemented by jQuery Mobile
Demo Site: http://mgrass.cloudfoundry.com User name: admin password: admin Server Manage Site: http://grasscrm.cloudfoundry.com User name: admin password: admin This mobile CRM is developed using jQuery Mobile and SSH, project is located at sourceforge.com ,project URL: http://sourceforge.net/projects/grasscrm/ You can download code to analyze it.
Why I see my window on all tabs in Tabbed panel while I expect it only on one? jQuery code inside.
<!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet"> <style type="text/css"> #tabs {height:600px; width: 1200px;} body { font-size: 62.5%; } input.text { margin-bottom:12px; width:95%; padding: .4em; } fieldset { padding:0; border:0; margin-top:25px; } </style> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> <script src="js/jquery-ui-1.10.2.custom.js"
help me code convert to Jqury Mobile
Hello How is it possible to convert this code to Jquery Mobile <!DOCTYPE html> <html> <title>jQuery Mobile Slider</title> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"/> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> </head> <script> $(document).ready(function(){ $( "#slider-fill" ).slider({ range: "max", min: 10,
Jquery's ajax function not being called
I have a web page which fill's form data based on some json data sent from a web service. Once the form is ready to be submitted a function is called which takes all the form data turns it into a xml-formatted string then parses the xml so it becomes a valid xml object. This is where the problem happens, once this data is turned into an xml I would like to post this data back to the web service so the database can be updated. However using the $.ajax() function to post this data, neither the success
ajax calls, events not working.
Hi, I'm new to the forum and have come to my first halt with JQM. I'm trying to make a ajax post to my nodejs Express 3 server. I have two input boxes and submit button. I cant get events to trigger and I have yet to get to see if the post will work. here's my code. I tried Both $("#submit").live("click tap", function (event, ui) { alert('hello!!'); }); $(document).ready(function () { $('#submit').click(function () { alert('clicked') $.ajax({ type: 'POST', url: '/login', data: { username: $('#username').val(),
I need help a conceptual mistake and can not find the solution.
This is when I use a form and post the data step, then when I go backwards in a document jquery mobile does not give me error be defined post variables passed by and I see using get, however if you step values get in the form works fine but as I can do to pass the post values. a small example of my problem: //form.html <div data-role='page'> <div data-role='content'> <form method='post' action='login.php' > <label for='user'>user:</label>
What is the best jQuery based window plug-in you have ever used?
I tried a couple of jQuery based window plug-ins but unfortunately was not satisfied with any of them. Here's what I tried: http://hernan.amiune.com/labs/jQuery-Windows-Engine-Plugin/jQuery-Windows-Engine-Plugin.html http://fstoke.me/jquery/window/ http://www.soyos.net/aerowindow-jquery.html http://carvalhar.com/componente/jQueryDialogr/index.html I need following features without any compromises: Maximize, minimize (to a reasonable location such as bottom-left corner of the visible page, not in
What's the purpose by using like this "dialog('widget')"?
Is there any other way using without this? And also can I use this in jQuery 1.9.1
Form won't submit when navigated too but will work when accessed directly?
I'm developing a mobile application using phonegap and trying to integrate a form using jquery to post data to an sql database but the form seems to acting in a strange way. If I set the application to navigate directly to the form page upon startup of the application it works fine but if I try to navigate to the form page from an different initial page the form will refuse to work. The problem seems to be with declaring the jquery script on the first initial page. If anybody has any idea what's
passing values with autocomplete
I am building a data-entry form with 2 fields. One called ' VERSION_ID' that I can populate with a simple php. For each VERSION_ID there will be several 'TRIM_ID's coming from a table with basically 2 columns, ie, 'TRIM_ID' and 'TRIM'. TRIM being the description of the trim. This table has about 300 items. TRIM is the column I want to show in autocomplete as this is the information the person entering the data knows, but the data I need to pass on for insertion is TRIM_ID. If I had less data I would
Clean HTTPS redirect. Is it possible to chnagePage to secure page?
Hi Guys, Is it possible to cleanly redirect to the HTTPS protocol for login and checkout pages? Ideally i'd like to use ajax navigation, not rel="external" Would be great to hear from anyone who is using both http and https Cheers
Dynamic horizontal menu
Hello guys. I am working on multilanguage project and I need help with top horizontal menu. Problem I must to solve is, that items (UL>LI) on top menu in every language is various long. In some language there is no problem in 1024px browser resolutions (no breaking line), in other there is not enough space in 1280px. So I search for script that convert horizontal menu dynamically to dropdown list according your browser resolution. I found http://css-tricks.com/examples/ConvertMenuToDropdown/ but
PrimeUI 0.9 - jQuery UI Extensions Released
Dear all, PrimeUI is a an open source set of Rich UI Widgets based on jQuery UI. 0.9 release introduces 6 new widgets making 27 widgets in total. Demos are available at; http://www.primefaces.org/prime-ui/ Please read official announcement for detailed information. http://blog.primefaces.org/?p=2628 P.S. I hope this is not the wrong forum, I couldn't find a forum like jQuery Extensions so apologies if it is not the best place to post this.
Two instances of one iner one Tabs on one page
Dear All, I have the need for two separate one iner one tabs on one page, any ideas how I can do this? please check below code JS <script type="text/javascript">//<![CDATA[ window.addEvent('load', function() { $("#simple-tabs .tab_content").hide(); //Hide all content $("#simple-tabs ul.tabs li:first").addClass("active").show(); //Activate first tab $("#simple-tabs .tab_content:first").show(); //Show first tab content //On Click Event $("#simple-tabs ul.tabs li").click(function(e) { $("#simple-tabs
Listview Split button
Is ti possible to have a Add to Favorites button in Listview? with function? Can anyone answer how to do it like in the picture..thanks
access each newly created element
I have rows of identical form inputs which are dynamically created with an Add Button. Basically what I wanted to do was change the placeholder of one input depending on what was selected in the one next to it. I did manage to get this working but am unhappy about how untidy it is. I found that I could only get it working if I had seperate code for the initial form row and different code for any subsequent rows that were dynamically creaqted with the Add Button. Would anyone be able to advise me
slide toggle
Hi! I'm new to jquery and I like to do something that is important me. I am using Joomla 2.5 and the homepage is an single article. I have five pictures horizontally that I'm using as menus. Here is the picture: The picture on the left "news" has a jquery animation .slide(toggle) and works well but I don't know what to do beause all of the pictures using the same animation but i want to use it just on the first pic. I can make it stop if I place it another line </div> but I need it just in the
Develop cross word puzzle
Hi, I just want to develop cross word puzzle...For Example see the below link http://teluguone.com/games/crossword/ ...here the letters in telugu..here once u drag any letter and drop into a particular cell ,and u will drag the letter from cell into trash,if u click on any letter at right side matching letters should be displayed in below...once u observe..
I want develop Cross word puzzles,For that i want jquery for drag,drop and trash
Hi, Can anyone tell me,Jquery for drag,drop and trash the images... Thanks, Saritha
scrolling controls a div position
I've seen this Jfiidle example which is exactly the effect I'm looking for.. I've lost who posted it. http://jsfiddle.net/e4VzT/2/ I don't mind using an entirely different technique but in the end what I'd like to see is a div's height controling the position of another div on scroll activity. How o I get this effect working. Any suggestions? Jaimmy
Problem with Autocomplete and mysql
Good morning, i have got a problem with jquery ui autocomplete. I use mysql, json and php as source for my autocomplete. If i wirte a word in autocomplete widget it will view all entries. // Conect json.php $sql = "SELECT user_name FROM user ORDER BY user_id"; $mysql->query($sql); while ($row = $mysql->fetch_array()) { $data[] = array('label' => $row['user_name']); } echo json_encode($data); The Php File shows me: [{"label":"53343"},{"label":"53773"},{"label":"53773"},{"label":"53773"},{"label":"53773"},{"label":"70736"},{"label":"79353"},{"label":"40231"},{"label":"47445"},{"label":"47475"},{"label":"53343"},{"label":"53773"}]
Positioning an element under another element
I have a title and subtitle. The title is draggable and if the user clicks a button, I'd like to center the subtitle under to where they just dragged the title. Below is the markup and code I am trying to do this, but it does not work. Can someone help? <div id="titleDiv" class="draggable"><label id="title" class="title">Team Title Here</label></div> <div id="subtitleDiv"><label id="subtitle" class="subtitle">Team subtitle that might be really really long</label></div> $(".alignSubtitle").click(function
Attribute as a Variable
Hi, I'm trying do to add some data attributes to a DIV, but this attribute has to be a variable. Example: var HEIGHT = window.innerHeight; // 740 $('div').attr('data-' + HEIGHT, 'value'); So the DIV should look like: <div data-740='value'></div> Every time I try to do this, I just don't get it to work, or I get the Variable name on the attribute. Anyone with som advise? Thanks
Next Page