replicate a native jQuery function with the callback functions of iCheck
Hi guys, I'm using iCheck to style radio buttons and checkboxes with CSS. An awesome plugin! I have the following which works like a charm without iCheck: $('input[name=radio-group-1]:radio').change(function() { if ($(this).val() == 'no') { $('.btn[href="#page-04"]').attr("href","#page-06"); } else { $('.btn[href="#page-06"]').attr("href","#page-04"); } }); To replicate the above while using iCheck I must use one or more of iCheck's callback functions. I've started with the callback function 'ifChecked'
problem using dialog modal form to send data into the database
Hi, i'm using "dialog modal form" of this link http://jqueryui.com/dialog/#modal-form In this example they send the data to the same page (into the div users tbody) with this part of the code: if ( bValid ) { $( "#users tbody" ).append( "" + "" + name.val() + "" + "" + email.val() + "" + "" + password.val() + "" + "" ); And i want to send the data (name ,email,password) into my database or simply into another page using php code. Please help me Thank you
Displaying page details fails to load in emulator
i'm trying to this details of a headline when a link is click. it works perfectly in the browser but fails to load in ripple emulator. here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body,td,th { font-family: Tahoma, Geneva, sans-serif;
treating dom objects as objects in jquery with boolian properties
my new website uses jquery! but its buggy and i need help! [url]http://patrickallard.net63.net/[/url] ive gotten to the point in this code where i realize i should have the divs that are opening and closing treated as objects (well, they are dom objects, but i need to have my own boolian properties for them) here is my script so far, the windown[] array doesnt exist, i was just trying to do it with arrays can anyone glance at my code and give me a tip please? [CODE]<script> // store dimentions
is there any platform where developers can sell jquery plugin and generate revenue
is there any market place like chrome store , facebook store or app store for jquery plugin so that developers can generate revenue.
jQuery.ajax() timing out intermittently
I have an ajax call that is timing out intermittently. I am doing ajax to a PHP site, I have put print statements at the exit() in the PHP file. The output shows the PHP site is responding correctly. The site responds typically in under two seconds. The error is at this line: if (jqXHR.status === 0) { alert(exception + ' Try again');} with exception containing :"Timeout" Here is the jquery call. $.ajax({type: 'POST', url: '<?php echo WP_PLUGIN_URL . '/ip3pdm/pdm/navigation.php'; ?>',
hide problem after load
y.html <div id="d1"><img id="close" src="close.png"></div> y1.html <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <style> #d1{ position:fixed; width:400px; height:400px; background-color:#069; } </style> <input type="button" value="OK" /> <div id="main"></div> <script language="javascript"> $(document).ready(function(){ $("input[type='button']").bind('click',function(){ $("#main").load("y.html"); })
need help with script
I get this error Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' Here is my hrtml <!DOCTYPE htm l 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> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title> <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
Problem in displaying Google map in jquery tab.
Hi, i am using jquery mobile . i have 4 jquery tabs. In the last tab i am displaying google map. For the first click it is showing correctly and it is taking full width whatever i mentioned,but when i click second time it is showing only a part of the map. Even i used resize() option in google map. so anybody can help me out to get out of this problem. <link href="css/jquery.mobile-1.3.1.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.10.1.js" type="text/javascript"></script>
jquery mobile popup is not working in blackberry z10 device.
Hi , I am using jquery mogile 1.3. i have to display the map in pop up. so i have written the code like.. <link href="css/jquery.mobile-1.3.1.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.10.1.js" type="text/javascript"></script> <script src="js/jquery.mobile-1.3.1.js" type="text/javascript"></script> <div data-role="page" id="booknowpage" data-theme="a"> <div data-role="header"> <div data-role="content" style="padding: 0 15px;"> <div data-role="popup" id="popupMap"
Droppable & Sortable
Hello, I want do something like that : http://jqueryui.com/droppable/#photo-manager And in same time do something like that : http://jqueryui.com/sortable/#display-grid It's possible ? How ? Thank you !
Is Jquery / Ajax secure?
Is Jquery / Ajax secure? If i need to validate a password using Ajax. Will anyone be able toe read the sql using firebug. I need to find a way to do it secure. Thanks
Back & Forward buttons
Hi Everyone, I've a question on the Browser "Back" & "Front" button Description: I'm making an Ajax call and on success i'm updating the query string using pushstate - Before Ajax call the url is like this for eg: http://abc.com?params1=abc - After the Ajax call, the query string is updated as follows using "pushstate" http://abc.com?params1=def - Now when the user hits on "Back" button, its not doing anything. It remains as it is. I wanted to reload the page with the previous history state whihc
Looking for popup
I'm looking for a jQuery popup that looks like this: I've googled around and found a lot of popups but none like this. Before I go off and re-invent the wheel, anyone know of any code out there that does something like this?
is there a way to align the icon to the left in a listview?
is there a way to align the icon to the left in a listview? I have tried data-iconpos="left" but it does not work. would appreciate any assistance.
Hiding page elements based on form "select"
Lets say I have a select in a form... <select name="selector" id="selector"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> I want to show and hide some table rows based on the option selected so that the following table... <tr id="row1">Some Content</tr> <tr id="row2">Some Content</tr> <tr id="row3">Some Content</tr> will only show the row corresponding to the selected option. I know I can use $("#selector").val() to get the
.result and next()
what function jquery below : 1. $("#search-settingpayrollreport").result(log).next().click(function() { data = $(this).prev().search(); }); 2. $("#search-settingpayrollreport").result(function(event, data, formatted) { if(data) { $("#settingpayrollreport-id").val(data[1]); $('#btnCreate').attr('disabled','disabled'); $('#btnUpdate').removeAttr('disabled');
help show dialog return true false
some of my page content I cannot change as its generated by the server , for example my server generates this code <a href="#" id="deleteLink54" onclick="if(!confirm('Are you sure you want to delete?')) return false;var wcall=wicketAjaxGet('?x=z12gKfTAS1nMK-rWQvvTcgIWpk3l8d8hmfKCNYTSVUiA-t2d2o9eau0xd1*zS*exbWtaUKv-pe7zMozBPBI0FGcDSyZ3O7FJeZ6y1k0FlgEsF6MvnfsXPXOWplSlW9LK',function() { }.bind(this),function() { }.bind(this), function() {return Wicket.$('deleteLink54') != null;}.bind(this));return
Detecting files on computer
Is it possible with JQuery to detect the files in a specified folder on the computer and then do something with it? Like filling an arraylist with all the names of the files.
changing href attribute of a link with an input radio button
Hi guys, I'm trying to change a href value of a button, but it's not working. I'm using jquery-1.8.0 and created a function like this: $('input[name=radio-group-1]:radio').change(function() { if ($(this).val() == 'no') { $('.btn[href=http://www.google.com]').attr("href","http://www.yahoo.com"); } }); HTML: <label for="yes">Yes</label> <input type="radio" name="radio-group-1" value="yes" /> <label for="no">No</label> <input type="radio" name="radio-group-1" value="no" /> <a
queueing functions with animations
hi guys! what an original site you have! refreshing change from vbulleton and phpbb my new website uses jquery! but its buggy and i need help! http://patrickallard.net63.net/ here is the part of the code with the error, its denoted by // error here when i try to append the openHopin function it doesn't work, if i try to run it strait up with $(this).openHopin it does work. but i have to append it because i have to queue it, i cant queue it unless i append it right? not that this is just a code snippet
Formwizard submit_step navigation
Ive got my form to work as I want it to (Next/Previous) But when it reaches the end <div id="confirmation" class="step submit_step"> it still shows the navigation buttons. how do I stop it from doing this? <div id="demoNavigation"> <input class="navigation_button" id="back" value="Reset" type="reset" /> <input class="navigation_button" id="next" value="Submit" type="submit" /> </div> My jquery code is : var remoteAjax = {}; // empty options object $("#demoForm
Datepicker doesn't work with greybox
Hi, I am trying to replace very odd datepicker control on my web site with nice jQuery control and just hit a brick wall as jQuery widget doesn't work within greybox. Just nothing happens when you click on the textbox which linked to the calendar. I saw an old post about this problem and just wonder if anyone has figured out how to implement a datepicker within greybox? Many Thanks.
Form Wizard Progress bar
Ive implemented the Form Wizard using Ajax. In the example it displays the posted data in a div. How can I display a progress bar there instead? If I know how many Steps there and I know the id of the current step, can I call a simple piece of ASP using a table to create a progress bar OR is there one built in to the FormWizard? Thanks Darryl
need to cut down load time of a booking system with JQM and ajax disabled
Hi, I'm trying to mobilise a hotels web booking site. I've got everything working although i had to disable the mobile ajax to do so. I had to do this as our site keeps a session id within the url bar and uses it every time you navigate to a new page to retrieve relevant information, whether a member logged in or just the current details. However with this disabled the load time between pages is about 20 seconds longer than if I wasn't using JQM at all. From what I've read, with the ajax disabled,
Simple DIV slideshow
Okay, so I'm pretty much the definition of newbie here.. Sorry if I've chosen the wrong forum to post in. This is meant to be a simple slideshow, so I can show off some customer testimonials. A couple of paragraphs of text and an image, all of which are formatted and positioned in CSS. The changing of the slides works as intended, but during the transition, the text from both divs are visible. The 'old' one appears below the 'new' one for the duration of the fade. This doesn't affect the image inside
CDN servering wrong SSL certificate
When I pull up https://code.jquery.com/jquery-1.8.3.min.js or jQuery UI or anything else, all browsers report a certificate error. Upon closer inspection, the certificate being served is for gp1.wac.edgecastcdn.net. This may be a localized issue--myself and two other developers all in the Seattle area. We're all connecting via Comcast pipes.
Question about jquery ui drag n drop
Hi, I need an urgent solution because i am facing a problem.. My problem is, I have some controls image like button, listbox, selectbox, textbox, texearea, radio, checkbox and so on. Whenever i will drag, it's check its type and display the clone of it, and dropped it where i want..
jQuery and UI reference in chm format, always latest
I dump the raw xml API and parse it into html with DISQUS comments integration. If some one know how to dump the xml API of UI reference, please let me know. I'll pack it with jQuery API reference. Thanks Edit: I have added the UI api reference and fixed some minus bug, user experience enhances! The latest compiled chm would be here https://github.com/Yahasana/jqdoc-parser
JQuery with Ajax
Hi , I am trying to call a ajax action on button click. But the ajax call is happening multiple times which is expected to happen only once. This issue is happening only when list of tables (whose data to be exported in excel) is more then 30 tables. The ajax call is called again approx every 3 minutes repeatedly. Please help me to solve this issue code template is as below :- $("#btn").click(function(){ var selectedValues = $('#tableNameList').val(); // list of tables of which data have to export
Fadin and out on images
Hi, I have 6 images, 5 of them is not displayed, the first one has a fadein effect, when the first image fades out i wanted the next image to fade in then fade out again and so as for the next image, how do i do this? Thank you...
Issue with onbeforeunload event to popup DOM window while closing browser
Hi, I am having issue in onbeforeunload event while loading div below is the detail of my issue. 1. Create aspx page. 2. write below code jQuery(document).ready(function() { alert("I am ready"); window.onbeforeunload = function() { alert("before"); $('.defaultDOMWindow').openDOMWindow({ height:175, width:300, windowSourceID:'#divBISSurveynew' }); } }); <div id="divBISSurveynew" style="display: none;" class="defaultDOMWindow" >Hello Survey!</div> on closing page survey div should popup. I am using
jQuery UI Draggable Slider touchsreen issue
Hi all, I am trying using draggable jquery from here and develop it working properly on any browser but not on touchsreen like Ipad, i have tried using jQuery UI Touch Punch from here, but still not work. Here the sample, Thanks in advance for help here my script: //draggable $('#magnify-glass').draggable({ axis: "x", containment: "parent", snap: '.snap', snapMode : 'inner',
select parent followed by a different child
I am trying to make a script which when an object is clicked on highlights a specific child of that objects pearent here is my code HTML <div id="sam"> <p>This be a paragraph block</p> <p>This be a paragraph block</p> <p>This be a paragraph block</p> <p>This be a paragraph block</p> </div> CSS .highlight{ background:yellow; } Jquery $('p').click (function() { $(this).parent(nth-child(1)).toggleClass('highlight'); }); }); This is a learning exercise for me so i cant just take some
Themeroller issue
I came across serious issue with themeroller for JQM 1.3.0. I started new theme and added my swatches, created one by one swatched form A to J (total 10 swatches). When I tried to download or share via link it lookslike it's broke completly, I can see my swatched plus 10 more blank swatched with missing attributes. Any attempt to delete newly self created swatches breaks entire themeroller and produces all blank swatches. Here is an example. This theme should have 10 A-J swatches. What is wrong
constraining a resizable doesn't work in 1.10.2 but works in 1.9.2
http://jsfiddle.net/9MTpq/ I wanted to use this code to stop the div from sizing beyond it's initial dimension: $('#rs1').resizable({ resize: function(event, ui) { console.log("ui.size.width " + ui.size.width + " ui.originalSize.width " + ui.originalSize.width); return ui.size.height = ui.originalSize.height; }}) Got it working in jsfiddle but just could not get it to work in my app. Finally, after much fiddling, turns out this code works in 1.9.2 but
Accordion heightStyle
Hi I am trying to implement the accordion in jquery-ui-1.10.3 and I require the height of each panel to match its respective content. However, using the heightStyle option, as seen below, has no effect on the height of the panels. In fact, substituting either of the others possible values ('auto', 'fill') to the heightStyle option has no effect either - all panels appear to take their height from the first panel. Can anyone help me? Peter <style> $(document).ready(function() { $('#accordion').accordion({header:
Using .load() in Chrome Greasemonkey script causes “Cannot call method 'call' of undefined”
I am using .load() in my Greasemonkey script in Chrome and it is producing the following error: Uncaught TypeError: Cannot call method 'call' of undefined (anonymous function) jQuery.extend.globalEval jQuery.fn.extend.domManip jQuery.fn.extend.append This error stops the alert() function in my code from occurring. My script can be seen here: http://www.metalmetalland.com/scripts/tumblr.js After installing it, simply browse to http://www.tumblr.com/tagged/dogs and view the console. An alert box
If conditions with jQuery objects
Hello, im new to jQuery and i am trying to use an if condition to not set back the styles from the html element with the class of selected. So im trying to compare the selected element with the element that is selected on hover. But it doesnt works. Here ist the code: $(document).ready(function(){ var selected = $('.selected'); $('a').mouseenter(function(){ $(this).animate({ backgroundColor: '#47F5FE', boxShadow: '0 0 5px #47F5FE', borderTopRightRadius: '5px', borderTopLeftRadius: '5px'
Waiting for the page to load
I am wondering if there is a way to stop the flashing of my image carousal. When the page loads there is a flash of the entire carousal then it goes back to the correct size after a half of a second. Is there anyway to stop the flashing? It is on this page among some of the others http://travisjterry.com/SBCorp/addon.php Any help would be great! Thanks,
Next Page