jQuery tablesorter exclude table row.
I need to exclude a table row from the sorting with tablesorter. Is it possible? Kind regards Massimo
Selector question
I don't understand why I'm getting: uncaught exception: Syntax error, unrecognized expression: Syntax error, unrecognized expression: j_id1\\ // {!$Component.bla.bal} comes from the platform I'm working with, not a jquery thing. var elmId = "#{!$Component.theComponent.theForm.theValue}"; // elmId now holds a string of: j_id0:j_id1:theComponent:theForm:theValue // do a replace to escape all colons in the id. elmId = elmId.replace(/:/g,"\\\\:"); // elmId now holds a string of: j_id0\\:j_id1\\:theComponent\\:theForm\\:theValue
Turning off the themes.
Hi guys, Does anyone know if it is possible to quickly turn off the mobile ui theming entirely? ib.
Speed up things with application cache/offline resources?
Hi, I wonder if anyone tried putting jquerymobile into the application cache? Read more about it here: https://developer.mozilla.org/En/Offline_resources_in_Firefox#The_cache_manifest I imagine using a cdn-provided jquery is probably already faster than using your own copy (since the requests can be in parallel to your files on your server and the jquery files on the cdn) But, on every page load, the browser will anyway make a request to see if any of the linked resources (js files, css files) have
jQueryUI dialog closes immediately
I'm using jQuery 1.4.2 and UI 1.8.4 and having an issue with the dialog widget where it immediately closes itself as soon as it finishes opening. This occurs on both IE and FF. I've got my code sample at http://pastebin.com/KnSETLrD The content of the DIV doesn't seem to matter, I've replaced it with just "testing" and it still does the same thing. The page doesn't appear to be posting back after the dialog opens, either...just closing the dialog. Any ideas?
New Table Based jQuery Autocomplete Plugin (Based on jquery.autocomplete)
Hey all, I recently had a project that called for this and I was surprised it didn't already exist. My need was for a way to present auto suggest results in a table layout (with or without a header row) instead of the standard "list" (UL elements). My solution was to use the existing jQuery Autocomplete plugin 1.1 by Jörn Zaefferer. My version of that plugin is designed to get the data back from the server as an array of hashtables - or an array of associative arrays if you will. Would love for
Help with styles of listview items
I am trying to use a list to layout key value pairs very similar to the iPhones contact app I want the Key right justified and only use 20% of the width I want the Value to be left justified and use 80% of the width. I didn't see any ui-grid that met my needs as they all are left justified and split the width evenly I am a newbie to web development so I'm sure I am making this much harder than it is. .ui-grid-keyvalue { overflow: hidden; } .ui-block-key .ui-block-value{ margin: 0; padding: 0; border:
Firefox seems to mis-handle $.ajax POST to REST-style url web service
I am successfully using $.ajax to POST data to a REST-style web service but Firefox 3.6 and Chrome 7 return to my error:fn() while IE 8 returns to my success:fn(). The jQuery in all three browsers puts the user-supplied data in the database where it should be. Here is the $.ajax part of my code: $.ajax({ type:"POST", url:'http://localhost:52775/Service1.svc/myPost?x=' + $('input#boxInput').val(), contentType: "text/plain", success:function(xml) { alert('returned
Only icons in tabs, no text
Hello, I would like to have only icons in my tabs? How would I achieve this? It seems that letting the <a> element empty will create wrongly sized tabs. Thanks, Phil
[solved] searching for certain text
Hey Guys, I have a new problem: I have some elements (table, div, ...) which contains content. Now I want to search an certain text and do something if one element contains this text: Example: searching for 'schnitzel' Code 1 <div> <p>some text</p> </div> <div> <p>other text</p> </div> <table> <tr> <td> <p>some text again</p> </td> </tr> </table>-> do nothing Code 2 <div> <p>some text</p> </div> <div> <p>other text</p>
How to attach window resize event
Hello there. Im using the plugin template found in the plugin authoring tutorial in the plugin page. I need to reposition the element plugin is attached after window resize event. Like this: (function($){ var methods = { init : function( options ) { return this.each(function(){ // Do something with the element(s) plugin is attached. // Call the reposition method $(window).bind('resize.tooltip',
Nested ordered lists
When using nested lists, if the very last nested list is an ordered list then the numerals for the list items will not display. Anyone notice this and find a workaround? In the below example, I want the "third tier" items to have their numerals since its declared as an ordered list but it doesn't display them at all: <ul data-role="listview"> <li>First Tier - Item One <ol> <li>Second Tier - Item One <ol><li>Third Tier
help with jQuery and MySQL
Hello, I apologize in advance for my bad English I'm new with java script and jQuery . so please forgive my ignorance I found this jQuery code watch I really like and hope to add it to my site http://jqueryfordesigners.com/demo/infinite-carousel.html ( see the source code) what i want is to add this code to my php file so the images will be from mysql <?php if (!$yy || $yy["admin"]=="no") { // do nothing } else { if ($tr) $sql = "SELECT image,filename FROM {$TABLE_PREFIX}images
Change TABS link and auto load TAB page
Please help: I am trying to change the link based on select list choices. Then auto select the correct tab. This seems to work except it won't load the tab page I want: <!--The form fields: --> <select name="SelectBy" id="SelectBy"> <option value="Customer_Number">Customer Number</option> <option value="Branch">Branch</option> </select> <input name="SearchBy" type="text" id="SearchBy" value="70060850" /> <input type="button" name="GetData" id="GetData" value="GO" /> <!--The
Label text for slider not picking up cascaded styles?
Environment: jQuery Mobile 1.0a2. Can replicate this both in Windows Chrome and iPad Safari. Scenario: If I use a select element on a form as a normal select, then the label element pointing to that select using the for attribute is styled correctly, esp. font size, using the same style as the other labels on the form - the computed styles in Chrome dev tools shows it is picking up it's font size from jquery.mobile-1.0a2.css line 764 (unminimized), which has a selector of label.ui-select. All well
Another questions about links
I've got a simple listview with a link in it. <ul data-role="listview" data-theme="a" data-inset="true"> <li><a href="m17.html">17-21</a></li> </ul> m17.html contains two page divs. Clicking that link will load the last div on m17.html and leave the page unstyled, no css applied, default elements. If I go the m17.html directly in my browser it displays and works as expected, but something breaks it when it's loaded through the link above. What's the trick to making it work? I know this linking stuff
A few style questions...
I'm loving working with JqueryMobile framework, but I'm having an issue trying to style a form. I do not want to use the "built in" style for the forms. I would like to customize it, but after looking through all the css and tinkering I can find the gradients, rounded corners, box shadow, etc. Could someone point me in the right direction? Also I am designing for the ipad, do I need to do anything specific to change any styles away from iphone instead of ipad in the code?
Droppable img without closing tag
Hi, http://mytube.blogial.net/ I set up the drag and drop adding a class (dragme) to the img than I get rid of the class and append all the box to the droppable div it works finel but the img tag isn't closed properly like <img alt=""NORA: Practice Makes Purr-fect" - Check the sequel too." title=""NORA: Practice Makes Purr-fect" - Check the sequel too." src="http://i.ytimg.com/vi/TZ860P4iTaM/2.jpg"> Could you help me, please ? Bye.
Update a list dynamically with database values
i'm trying to create a list using jquery mobile where the data is dynamically loaded from a database. i tried to echo out each list item, but the formatting completely breaks when i do this. here's my js code: $.get('file.php', function(data) { $("#quest").html(data); $('ul').listview('refresh'); }); here's the php: echo "<li class='poll_item' id='poll_".$id."'> <h3><a href='#'>".$question."</a></h3> <p><strong>blababl</strong></p>
show loading screen/spinner
Guys, I am using jquery to hide few elements on a page. When the server is slow, the page loads and shows all the elements and it take few seconds to unhide the elements on the page. The users kind of get a view of the hidden elements. I was wondering if I could show a splash screen or loading spinner and after the elements get hidden show the actual page. Can someone provide me with sample code or examples... thanks in advance.
Modify URL before sent ajax request
Hi, i have a problem with ajax URL, i need to change and append "/" before the reale URL. Below the example ajax request: $get("mypage.php"...... i need to append "/" before mypage.php, and so modify the ajax url request. I tried with ajaxSetup beforesend without success... Thanks ps don't response $get("/mypage.php"....
autocomplete escape html tag in version 1.8.3
Hi, I'm using the google jquery ui files 1.8.3 and since last week the suggestions doesn't seems to accept anymore html tag as it was doing with 1.8.2 ex: ["<b>dell</b> ordinateur","<b>dell</b> computer","<b>dell</b> ordi"] Thanks marc
event is not defined => keyup not working properly
Hi friends, for some reason I'm getting the error event is not defined if (event.keyCode == 13) { for this $("#check").keyup(function() { if (event.keyCode == 13) { return; } any ideas?
bind specific columns of a table row
Dear all! How to I bind a click function to specific columns of a table row? Btw, this is a (yet not answered) crosspost of http://datatables.net/forums/comments.php?DiscussionID=3185 I currently have this piece of code: $('#example tr').click( function() { // selection stuff here, $(this) is the row }); However, this binds the whole row. As there are checkboxes in the row, I don't want to have the cells containing them bound, too. But, there is a problem: I need to know what row has been clicked
Having a problem with two plugins Coda Slider and prettyPhoto
When using both of these plugins in the following set up, i an only get prettyphoto to launch the flash movie in a full window not in a overlay. Has anyone had similar problems? I'm more a designer than programmer but I'm guessing that both are trying to call single parts of the jquery library. Is there a known solution? Thanks in Advance <!-- Begin JavaScript --> <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript" src="/slider/javascripts/jquery.coda-slider-2.0.js"></script>
Selectmenu val() in IE8
There's always a strong chance that I'm approaching this incorrectly. I have a selectmenu which I'm trying to retrieve the current selected value from, and it is giving me the ole "Object doesn't support this property or method" in IE8. This works correctly in all other browsers I've tried (moz and webkit based). 1.) Is there a better select menu plugin I could be using? 2.) Is there a more proper way to accomplish this? The select menu contains a list of domains, so the line of code looks like
Jquery error on checkboxes with Dateinput plugin (jquery tools)
Hello, I'm using following jquery code to create date inputbox whenever user click on checkbox.. First time click is always works fine but second or other clicks makes nothing, shows inputbox but whenever I click on inputbox it doesn't show the date.. <script type="text/javascript"> jQuery(document).ready(function() { jQuery(":checkbox").click(function() { isChecked = jQuery(this).is(":checked");
Manipulate javascript range object with jQuery
Hi, i'm trying to find out if a javascript range object can be manipulated with JQuery. For instance if i wanted to retreive the current selection and then wrap it into a strong tag this is what i would do in javascript : var t = document.getSelection(); // i only put here the method for Firefox to keep the ex clean var newNode = document.createElement("strong"); var range = t.getRangeAt(0); range.surroundContents(newNode);Now, ideally i would like to work on the range object with jQuery so that
not getting success message, even though form submitting
Hi, I am using JQuery along with PHP/Mysql to submit a form. The form submits fine, but I am not getting the success message. I am using an animated gif with id loader in the CSS and that just spins around without stopping. The form does submit successfully, I just need to debug in the JQuery why the success msg isn't appearing. Any debugging tips? Here is the JQuery $(document).ready(function() { contact.initEventHandlers(); }); var contact = { initEventHandlers : function() {
Developing jQuery Mobile applications on a PC
I wish to develop a jQuery Mobile application on my PC which runs Windows 7. My question is: What is the best tool to test a jQuery Mobile application on Windows 7? A specific browser? or a specific mobile emulator? Looking forward to your replies. Many thanks. Bruce.
clone(true) probel on IE
Hi, I have an issue on IE not appearing on FF and Opera : I have a script copying some DIV content in another DIV, using clone(true) : $('.itemSponsor').click(function(){ $('.itemSponsor').removeClass('selected'); $(this).addClass('selected'); $('#rightPane').html($(this).find('.rightContent').clone(true)); }); This works well. Now I would like to initialize the script : when the page is loaded, the #rightPane must be populated with the '.rightContent' element, so I call this
Can this carousel effect be created with jQuery?
Hi folks, I've had a request to produce this (http://www.spin.co.uk/) kind of effect for a website. I have used jQuery plugins in the past but have yet to code anything myself. Basically all I want is for several images to appear in a row. A mouseover would cause any image (except the currently selected/centered one) to move slightly. A mouse click would cause all of the images to slide along so that the desired pic is centred. It does not need to loop. It seems as though something like this should
:visible and :hidden mixup
I get a result I don't expect here. Can anyone shed light on this. I figured if the next element has display none on it then it won't slide up and then down again. But when I put a console.log message in there to get the css display property it says "none" but still animates the element. What is going on here? Maybe I a misunderstanding the :visible and :hidden selectors but they seem pretty straight forward. Thanks, Jeff $(function() { var clicker = $('#test-list').find('dt');
cascading classes and on-click functionality issues
Hi there, I have an issue with using jQuery for a pop-up window. I have a class called "clicker". If you click it the "showHideBox()" function is being called: $(".clicker").click(function(){ showHideBox(); }); showHideBox function is showing box - $(".box").fadeIn(700) or hiding it when clicked again - $(".box").css("display","none"). .box div is positioned fixed with high z-index to provide sort of light-box effect. The .box div contains some clickable - interactive bits. The .box div
malsup - ajax form
This ia really handy plugin for me especially because it allows for file uploads via ajax. Thanks for this malsup. The problem I am having now is that I can't get access to the form once the submit process starts (see code) So I don't know if I'm doing something wrong or if the plugin isn't providing information that I'm expecting it to. Any help? Thanks! :) $("form[name^=delete_person_]").ajaxForm({ dataType: 'json', beforeSubmit: function(data){ console.log( $(this).attr("name")
need guides/tips about jquery?
Hi guys!! Are you a Jquery user? I just want to share something. I found a website that might help you on using jquery and here are some of the website's links: [url]http://www.jquery4u.com/basic-syntax/5-[/url] ... ry-syntax/ The link is about 5 Useful Basic jQuery Syntax like: • Hide/Show • Fade in/Fade out • Stop • Animate • Slide Toggle [url]http://www.jquery4u.com/animation-and-e[/url] ... ge-slider/ The link is about the 10 Amazing jQuery Image Slider [url]http://www.jquery4u.com/articles/benefits-jquery/[/url]
animation isn't smooth in ie
Hi I am new to jQuery - and I am stuck. I have made a simple slide show - you can see it here http://www.en2krew.com/clothing.html In just about everything it looks nice and smooth. However, in IE 7 and 8 (but not 9 apparently) it kind of jitters as the photos move. Maybe this is as good as I can expect - but I doubt it! I wohndered if it was sometihng to do with margins/padding. I tried removing them all, but the transitions still didn't look smooth to me. I wouldn't normally post all the
A replacement for \u00xx?
Hello, if I want to assign a text to an html element with JS, I'm used to write for instance (backslash)u00F3 if there is an "ó" character. Is there a way to avoid having to type the unicode using jQuery? So i could type the character directly, or at least in an easier way? I'm using Dreamweaver and in a PHP documente if you type an "&" it opens a small window with all the special characters and you just have to chose it, but not so in a JS document. Thank you.
How to use jQuery 1.4 without affecting ExtJS 2.1
Hi Friends, I want to use jQuery 1.4 with ExtJS 2.1 in my project. How can I do that? I read some thing about noConflict() method but I want to make sure that if the latest jQuery I downloaded will work with the adapter comes with ExtJS 2.1 which I believe is for jQuery 1.2.3. Any clarification on this would really be appreciated. Thanks
Is jquery considered as language?
Hi guys I just wondering if jQuery can be called as a language because it has its own syntax. I cant say its a library because most of other language is made through a library of an other language. Just like PHP, PHP is written in C which its function calls functions made in C. Just wanna hear ideas and insights from all of you.
Next Page