problem with css shadow and border on right using wordpress
i have this problem using jquery cycle lite. the border of the slideshow didnt appear and also the shadow instead on the thumbsnail the border and also the css 3 shadow appear normally.. so its not a problem with the css.. i use this code to call : [jj-ngg-jquery-cycle html_id="about-cycle-lite" gallery="4" width="1090" height="425" order="sortorder"] Can anyone help me? http://www.relaiscavalcanti.com/press/?page_id=98
jQuery - Using multiple Input
I am trying to set focus to the first checkbox or text box on the page. Some pages have text boxes at the top, and others have check boxes. The following is the code I am using for the first text box, however it I require the possibility to use checkbox or text. $(function() { $("#divId :input[type='text']:first).focus(); }); Can someone help me please?
$.keyup() and $.change() don't work in chrome
I use this code to create a div element with inside a text and a button, for than adding this div in a cell of the jquery grid. Everything works fine with firefox and IE instead in chrome I found out with alerts that only the click of the button is added, the other handlers like change and keyup NO or are not triggered. myJQGrid.myElemKodi = function (value, option, disabled, lastsel2, id) { var el3 = $('<div></div>'); var textField = $('<input type="text" />'); textField.attr('id', id +
zRSSFeed date format
Is there a way to change the format of the date displayed with zRSSFeed? "Thursday, April 07, 2011 2:03:03 PM" is way more than I want. Thanks.
tablesorter 2.0 error with paging
I'm using the tablesorter 2.0 plugin and having an issue with the paging part of it. When I try to use the paging options I get a javascript error: c is undefined in jquery.tablesorter.js
[SOLVED] Loading problem on ONE link only
I have a page with several links but one is buggy, loading icon is showing forever, and I can't figure out why... And when refreshing the page then it works ! I was trying to add several attributes (data-rel and so on) but none solves the problem. Here is the link : <a class="link3" href="/reservation_request/?home=50" title="Reserve now"><span>RESERVE NOW</span></a> Same problem after upgrading to alpha 4 or deleting the search part (?home=50) ! Any ideas ? Many thanks ! David [SOLVED] On the
Anyone have problems with jqModal and the new version of Firefox 4?
I have been testing a lot of my code in the new version of FireFox and it appears the way I am rendering jqModal dialogs is not correct/right. I basically load the Modal and through an AJAX call get the contents of the dialog box. Contents could be a form, jQueryUI components, images, etc... Problem is, with FireFox 4, the dialog never loads properly. Or if it is a form, the form elements will not focus properly or update when keys are pressed within the form. If anyone else is having this problem,
Problem with noConflict()
Trying to use noConflict() to allow a plugin that uses 1.3+ along with others that require 1.2.6. Here are the calls in my header: <script type="text/javascript" src="js/jquery/jquery.1.4.4.min.js"></script> <script type="text/javascript"> var $jq = jQuery.noConflict(); </script> <script type="text/javascript" src="js/jquery/jquery-1.2.6.pack.js"></script> Here is the call on my page: <script type="text/javascript" src="js/jquery.colorbox.js"></script> <script type="text/javascript"> // <![CDATA[
$().animate IE ignore "bottom" value
Hello, I use this code to animate an image: $( "#myimage") .everyTime ( 10000, function (){ $(document).ready(function(){ $("#myimage").animate({ width: "107px", rotate: '+=0deg', height: "89px", bottom: "-95px" }, 0 ); $("#myimage").animate({ width: "0px", rotate: '+=-58deg', height: "0px", marginLeft: "5.5in", bottom: "200px" }, 3500 ); $("#myimage").animate({ width: "0px", rotate: '+=-302deg', height: "0px", marginLeft: "6.8in",
jquery cookie session time out in seconds?
Does anyone know of a way to get the jquery cookie plugin to dump or reset the session after X amount of seconds? Been trying to mess around with it and I can't seem to get it to work correctly. Didn't know if you can even set it to timeout in seconds anyways. I know you can in days, but I'd rather trash the cookie in X amount of seconds or when the browser closes.
Widgets internal events - separate treatment of handlers and callbacks.
I have a task of creating composite user controls - like an autocomplete bound together with two buttons (namely, "Update" and "Create"), which is bound to a bunch of service methods responsible for selecting, editing and creating entities. It is used for on-the-fly entities management. The problem is - to provide a consistent behaviour I have to use internals of the associated widgets, like triggering internal events (e.g. if we create a new entity, we should select it immediately in autocomplete,
SLOW adding lots of <li> to a listview
I'm trying to load several hundred items to a list and it's taking minutes to display on the android. Here's a snippet of code that show's what I'm doing. What can I do to speed things up? thanks in advance. for(var j in contact.phoneNumbers) { var number = contact.phoneNumbers[j]; if (number.type == "mobile") { list += '<li data-role="fieldcontain">'; list += '<input type="checkbox" name="checkbox-1" class="custom" value="'
Autocomplete question
Is there a way to know when autocomplete does not return any value ? For example, the user is looking for a none existing item in a shop and I want to inform him about this in a "popup" div
How to load image with jquery ajax
I have a webpage with a button and image. I add jquery fade in and out effect to the image when button is clicked. The problem is when button is clicked, the entire page is updated, not the partial update of image only as I want. So I want to know how to get partial update of image only with jQuery ajax. Thanks. The code is, $("#RadioButton2").click(function () { $("#Image1").fadeOut("slow", function () { $("#Image1").attr("src", "images/img3.png");
Jquery Sortable Connect List + PHP/MySQL
Hi everyone! I posted this question on stackoverflow; I've been searching everywhere for a solution without luck. What I'm searching for i a way to merge the example found herehttp://jqueryui.com/demos/sortable/#connect-lists with PHP/MySQL. There are several examples out there that works with just the one list i.e. http://www.wil-linssen.com/musings/entry/extending-the-jquery-sortable-with-ajax-mysql/ But I haven't found a single example with multiple lists. Does anyone have ha solution or a link
Passing function literal via event
Am I able to pass a function literal (at least I think that's what it's called) to a jquery event handler, and retrieved the event details in the function? Like so: function doSomething(ev) { alert(ev); } $(someElement).click(doSomething); I think that's more efficient that the following, when registering events on a large number of elements, or am I wrong?: $(someElement).click(function() { doSomething($(this)); });
Laggy slideDown()
Hello, I'm looking for advices here. I'm using slideDown() to make a list of options with hidden content which appears on mouse click. However, the movement of sliding content feels jerky. Is it possible to optimize this script or should I go for slideDown(0) and slideUp(0)? jQuery(document).ready(function () { jQuery('a.slidecontrol').click(function(){ var $this = jQuery(this); var divID = $this.attr("id").replace("slidecontrol_", "slidedisplay_"); var $div = jQuery('#'+divID);
Strange JQUERY Date Picker not loading when stylesheet is loaded.
Hi guys, this is my first time posting on the fourm. I have a problem with my JQuery UI date picker. I have an input field with a date picker to be attached to it, like so. It has a class of jquerycalendar attached to it. <input type="text" name="txtFollowUpDate" id="txtFollowUpDate" class="jquerycalendar" tabindex="2" readonly="readonly" /> In my Javascript I have an event handler which will attached the input to a method called loadCalendar() $().ready(function() { //loads datepicker
autocomplete: not search if there are no corrispondce
hello, i've using this plugin (with some my personalization) http://blekm.altervista.org/autocomplete.custom.js http://blekm.altervista.org/jquery.autocomplete.js http://blekm.altervista.org/jquery.metadata.js I've just a problem: all works fine, but if there are no result with one (ore more letter) the autocomplete start anyway and my php script return msg error (it's ok). Is there a way to NOT use the php script if there are no corrispondce, and write something like "NO RESULT" into suggestion
datepick() not getting properly styled
in my page i load both a themeroller's css and the datepick css: <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.11.custom.css"> <link rel="stylesheet" type="text/css" href="css/ui-smoothness.datepick.css"> An of course the datepick library: <script type="text/javascript" src="js/jquery.datepick.min.js"></script> <script type="text/javascript" src="js/jquery.datepick.ext.min.js"></script> Then from a method of mine I run the following code: div1.append('<div class="smallerpanel">');
Mobile slider mouseup problem
I would like to use the mobile slider and do something with the value when the user ended the slide movement. I can get it working with the "change" function but then it gives me all the values during the movement of the slider. I need to do something with the value only once. Does anyone have an idea? <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <link rel="stylesheet" href="jquery.mobile-1.0a4.css" /> <script
Setting days off with the Datepicker
I am using the Jquery Datepicker but cannot figure out the code to set Sundays and certain other days (bank holidays) as non-selectable. It's the second part of the code that should be setting these 'days off' but when using the code above all days are available. Any ideas?!?!? <script> $(function() { $('#date1').datepicker({dateFormat: 'dd/mm/yy'}); setMinDate(); // Set it now setInterval(setMinDate, 60000); // And check every minute }); function setMinDate() { var minDate
data-iconpos="right" for checkboxes?
Hi guys, im new to jqm is there a possibility to set the icon position for checkboxes to right?
alpha 4, radio button click event not being triggered
Currently with the release of alpha 4 my previously bound radio button click events are no longer firing. Example html is - [code] <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal" data-drinkid="someid"> <legend>Rate This Drink Recipe:</legend> <input type="radio" name="rating1" id="rating-1" class="rateme" value="1" data-theme="b" /> <label for="rating-1" data-theme="b">1</label>
Change even on fileinput problem wit IE?
Hi! Pleas take a look on this example : http://www.test.figurspel.net/ Try this : Browse the URL with Firefox Set the fileinput with a file When the filedialog is closed a new fileinput will be shown Now, try the same thing with IE (8) You will see that a new fileinput is not shown, not ontill you set the focus on another control (like the url field)In this case I need it to work as it does in Firefox, any suggestions on how to resolve this in a safe way? BestRegards
jQueryMobile framework developers please read this. Blackberry OS 6 fix proposal.
Hi guys, many thanks for your great framework. I'd like to inform you that the character '-' is not accepted by blackberry for filename. Could you please remove this character from the name of the files. I solved the problem using '.' The following works on BB: - images/ajaxloader.png - images/icons18black.png - images/icons18white.png - images/icons36black.png - images/icons36white.png - images/iconsearchblack.png - jquery.mobile.1.0a4.min.css (+ updated references to images) - jquery.mobile.1.0a4.min.js
Customize the error at form validation
I'm using the validation plugin and tries to get the invalid errors to appear like I want to. If the form isn't valid, I would like to change the invalid elements placeholder text to a different color. That's it. I don't want to show any message somewhere. Is this possible? How?
Accordion doesn't work
Allò! I'm just desperated because I'm trying to implement the "easy" accordion widget on my web but It doesn't work. I've read a lot of about it and I can not understand why it doesn't work because the implementation it's very, very easy! I'm new at Jquery so I'm sorry if my mistake it's very fool. I attach my files so I'd appreciate any help. The problem is that the accordion is expanded even though I wrote $(document).ready(function($) { $('#accordion div').hide(); $('#accordion
Tablesorter breaks when removing row and using pager
If I use remove() instead of hide(), or if I use trigger('update'), the pager drops all pages except the current one. I'd like to use remove(), and ideally the a row that is deleted would be replaced by one from the next page. I thought that trigger('update') was supposed to do that for me. Any advice? $(document).ready(function(){ $("#myTable").tablesorter({ widgets: ['zebra'], headers: { 0: { sorter: false } }
jqGrid and editable cell?
Hi, I'm using a jqGrid and I'm trying to have one of my columns be editable. Some of my columns in the "colModel" looks like this: {name:'First_Name',index:'First_Name', width:80,align:"center",editable:true}, {name:'Last_Name',index:'Last_Name', width:100,align:"center",editable:true}For some reason though when I click the cell, it doesn't allow me to edit it. I believe I have all the necessary js files as well, the css, the main jqGrid.min.js, and even the locale file. Any help appreciated. Regards.....
Overlay shifts div when triggered
I appologise in advance as I already posted this a few mins ago and I was unable to edit the post as it was under moderation. However upon further testing this appears to affect Chrome aswell. When an overlay is triggered it is causing the content div to shift apprx 50px to the right. The content div is inside a page container div here is the css code for both. This is not happening in IE 8. #page-container { width: 760px; margin: auto; text-align: left; } #content { line-height: 18px; } #content
Problem resizing manually width with the mouse
I have a div, i want to resize it with the mouse clicking the right-border. I don't want to use jQuery-UI. So i write my plugin but the function doesn't work. The code is: resizeWidth: function(){ var coord=null; $(this).mousedown(function(e){ coord={ x: e.pageX, dw: $(this).parent("#uz").width(), tw: $(this).parent("uz").children("textarea").width() }; e.preventDefault(); }); $(document).mousemove(function(e){
Running jQuery Mobile on WinMo7 renders a blank page
Hi Guys, On http://jquerymobile.com/2011/03/jquery-mobile-alpha-4-released/ jQuery Mobile blogpost... It says.. "We’re thrilled to announce WP7 is now a supported platform and has a solid A- experience..." All that renders is a blank page on winmo7... And I have what seems to be the same exact device they use on the photo. This fiddle is a simple two page layout that works fine on every browser except IE on winmo7. http://jsfiddle.net/QfVsq/
Using $.mobile.changePage to open a dialog on page load
Our web app, http://m.goba.mobi, uses dialogs for various settings screens. In our current situation we're acting upon an option a user clicked in an email. We'd like for a dialog to open when the page loads. We're using $.mobile.changePage to trigger the load, and the page does indeed load. The problem is that the dialog is missing the close button normally found in the top left corner. Is there a trick to opening a window programmatically and still keeping the close button? We're going to try
jQuery Cycle Plugin - Image Count - appearing at start of slideshow
Hi, The image count does not appear on page load, it starts when clicking through to the next slide. I want the Image Count to appear straight away ( so it shows ' 1/8 ' for example) here is my page code: <!DOCTYPE html> <html> <head> <title Cycle</title> <link rel="stylesheet" type="text/css" media="screen" href="../jq.css" /> <link rel="stylesheet" type="text/css" media="screen" href="cycle.css" /> <style type="text/css"> #main { text-align: left; height: 550px; width: 876px; } #slideshow { float:
jQuery Mobile pageLoading Dialog does not move with page scroll
Hi, is there anyway of getting the jQuery Mobile loading dialog to move with the page as the user scrolls down? Currently, we offer a list of clickable items. If an item in the list is clicked, we show the loading dialog to indicate we are retrieving the details for the clicked item i.e. $.mobile.pageLoading() This works very well when the list only takes up a single screen. However, in many cases the item the user wishes to open requires them to scroll down the list and the dialog shown by the
example of direct link from external page to jquery cycle slide
Can anyone point me to an example of a link on one page targeting a slide in the jquery.cycle plug in on another page? I've seen this explained but I can't seem to wrap my head around how it works and seein a working example would really help. Thank you!
$.mobile.changePage
Hi, I am having problems with $.mobile.changePage. After user submits a form and the credentials are verified I want to load another page. I am trying to use $.mobile.changePage like this: $.mobile.changePage("#index"); (this is in a js file). The form is in a php file. I get this error message: TypeError: Result of expression '$.mobile' [undefined] is not an object. I can't figure out what is going on. Can someone help me? Thanks
HELP with jQuery.getJSON method
hello jQuery experts! i am new to jQuery and i need help in getting getJSON method to work. Here is my code: <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $.getJSON("http://api.worldbank.org/countries/PHL/indicators/GDPPCKD?per_page=10&date=2005:2010&jsoncallback=?", {format:'json'},
arbitrary timed effects
Hi Folks, I have some elements that I wish to animate until an external event occurs, as far as I can tell the UI effects all run for a set time. I can set a callback that restarts the effect I suppose like this: $(thing).effect(effectname,options,effectTime,restarteffect); function restarteffect() { $(this).effect(effectname,options,effectTime,restarteffect); } But how would I later remove the callback so as to terminate the effect when it finishes a cycle? Cheers, Robin.
Next Page