Disable click on table rows
I'm trying to disable the onclick event on a ASP.NET gridview that generates following HTML markup: <table id="GridViewPP" > <tr > <th scope="col">PP</th> </tr> <tr class="SelectedRow" onclick="javascript:__doPostBack('GridViewPP','Select$0')"> <td align="center">N</td> </tr> </table>I used the following code, but the mouse click would still postback, triggering the SelectedIndexChanged event on the server-side: $("table#GridViewPP tr").click(function(event) {
jquery interactive slideshow
Hello, I've a question about a thing I'd like to to realize with jquery. Below you can see the attached picture which shows you the thing i would like to realize with jquery.It is a interactive slider which should allow you to hover over a tab at the left side (after that the tab will expand and show some content maybe some links..)This expanded box should push the other tabs up (…If you hover over the first tab the box expands to the top --> no pushing of other tabs needed). If you hover over such
Call function only after login, reloading main page; clearing cache?
Our mobile website at http://m.Goba.mobi has a login on the main page. After login I need to call a method which will begin polling for data. I'm not sure of the best way to go about this since jQuery Mobile strips <script> blocks from page calls, and also caches the header and footer. Can someone give me some input on this?
Function with multiple parameters as argument in setTimeout
Hi. I have written the following code (quite meaningless. Just to check why setTimeout is not working in a similar real-life code) to enable the user to input a given time interval (hh:mm:ss) when a p is clicked, and then alerting the user with the time entered in the seconds portion one second after the div is clicked. But it is not working. I think the setTimeout is the culprit, the way I am passing parameters to the function inside it, but don't know where exactly am I erring. Can anyone help?
Adding preload to existing code
I have a plugin running that seems to have problems starting before images are loaded (this is my best guess). I just need to preload an array of images before the script starts. I do not need to pull the image names from the page, since they are static files and will always be the same ones. How do I add a simple preload function to this script? I have tried to no avail! jQuery(document).ready(function () { jQuery("div#makeMeScrollable").smoothDivScroll({ mouseDownSpeedBooster: 2, scrollStep: 2,
Loading Plugin on a DIV
Hi, I'm learnig jquery and really enjoying it. It is very easy to use and I'm developing all I want in a blink. But now, I'm stuck trying to show a load info on a div, while a json request is running on PHP. Here's my code: $("#itemList").loading({onAjax:true, text: 'Waiting...'}); $.getJSON("request.php", function(jsonData){ fnShowItens(jsonData, "xxxx"); }); I'm using the loading plugin http://plugins.jquery.com/node/8776/release, and tried it a low of ways. This last one works
Widget Class Diagram Generator?
Hi, I've been (ab)using the inheritance feature of the Widget Factory, and now I have a really long chain of inheritance that I would like to document. Are there any ways to generate such a documentation, (class diagram) that reflects what is inheriting from what? Thanks, Ignacio
Will jquery-1.5-vsdoc.js work in Visual Studio 2008 or only in VS 2010?
Good morning. Will jquery-1.5-vsdoc.js work in Visual Studio 2008 or only in VS 2010? Is there anything special that needs to be done to use it in VS 2008? Thank you, WheelsGuy
swipeleft/swiperight not working on Fennec, Opera Mobile, IE7.5?
The swipeleft/swiperight events function properly on desktop browsers, android and iphone browsers. But they seem to fail on all my emulators and simulators: Fennec, Opera Mobile, Windows Phone 7, and so on don't do anything when I try to swipe. // swipe $("#slider").live('swipeleft', function () { alert('swipeleft'); rollSlider('-'); }); I am a bit confused, as I could'nt find similar threads for this issue. Are these browsers supported for this events yet?
jQuery a:hover color
Hello, I have an anchor tag, whose css is defined as follows. a:hover { color:#D26833; } So, my question is how can we get hover color of anchor tag using jQuery ?
Styleswitcher and re-assessing the height of a dom element afterwards.... Resolved
Hi, I've got some style switching code for large text / high contrast. After applying this new style sheet, I want to recalculate the height of an object based on it's content. I don't want to fix this content's height as it is managed by cms and changes regularly. The problem is that after the text is enlarged and the element (.column-content) increases in height, I am still returned the old height i.e. although the new css is applied on the screen, my jQuery is not returning the new height. I suppose
Save As dialog box.
I know this is more of a plain old Javascripting question, but I'm going to ask it here as well. What I'm trying to do is have a 'Save As' dialog box pop up when I click an anchor tag. What's hidden in the anchor tag is base64 information, so my anchors look like this: <a href=# src='data:application/octet-stream;base64, (base64 string)'>file name</a> So when I click on this, it gives me the option of downloading my base64 info just fine, but the problem is, the name of it looks to be just the entire
Problem with jQuery Cycle Plugin and z-index
Hi, Im trying to add links to photos that I am displaying in a slideshow through the Cycle Plugin, but because I have the cycle plugin at the back behind a jquery menu the links dont work... does anyone know of a way round this or fix to make it so that the pics will work as links and the cycle plugin still sits behind the drop down menu. Thanks in advance! Em
change a div height with smooth effect
Hello, I have to change a div height, when I click a button. At the moment, I use this code : $('#map-trigger').click(function() { if( $('#map-container').hasClass('closed') ) { $('#map-container').css('height', '581px'); } else { $('#map-container').css('height', '294px'); } });This works. But the height is "instantly" updated. I'd like this effect to be smoother : The height should "slide" from 294px to 581px. Is that possible ?
disabling ajax
Hi Guys, I have just started uing the jquerymobile for a POC and wondering how to disable ajax for a certain form post. It seems that ~/Scripts/jquery.mobile-1.0a2.js is appending ajax to any form. In my case I just need to do a full form post without ajax. This might be pretty obvious but I simply cant figure that out. Any help appreciated. /BB
IE help?
Hi I wrote the following code to check some field values and it works fine in Chrome and Firefox, but doesnt work at all in IE, does anyone have any idea why? Code: <html> <head> <script src="http://www.rasclerhys.com/jquery.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $("p").hide(); $("hiden").hide(); $("help").click(function(){ $("p").slideDown("slow"); $("help").hide(); $("hiden").show(); }); $("hiden").click(function(){ $("p").slideUp("slow"); $("help").show();
jquerymobile form slider
Hello, does anybody know how to disable / dont show the value field on the left of the slider. Help would be very nice Thanks from Germany Thomas
Bug in jQuery / jQuery UI
Hi, first of all, sorry for my bad english, I'm from Germany. I have a problem with jQuery, the first, but it is a big one. But the bigger problem is, that my Firefox and my Chorme developer tools don't throw an error. The situation: I have a site with jqGrid, if click on a row, than it opened a jQuery modal dialog, here I use jQuery UI Tabs and so on, no problems, but there is a "Answer" link in that dialog, if I click on that a second modal dialog opens with two multiselect jQuery controls and
Access Form Content in tab that was submitted to Parent page
Hi Everyone, I have a page that until recently worked as follows: 1. Load product information and display basket options 2. Basket options section, allowed user to specify QTY or apply a template (selecting preset qty for various branches) 3. Upon choosing a template, form submits to itself and loads the relevant template based on the form value passed in. For various reasons (namely page load speed), I now implement the basket section as a separate page, but within a jquery tab on the existing
Cycle Plugin - problem with IE8
Hello I'm using Cycle Plugin ( http://jquery.malsup.com/cycle/ ) to animate background images. The problem is in IE 8. For some reason after the fade transition is finished the picture it's jumps a bit to the left. Any suggestions ? Thank you.
List with Thumbnails documentation - incorrect
In the documentation is written :To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element But what really happens is, that if the list item has at least one image (not just as a first child element) , the first image is used as a thumbnail and get the class "ui-li-thumb", and the list item get the class "ui-li-has-thumb" From the jqueryMobile code: item.find( "li" ).find( "img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() { $( this ).closest(
UI Dialog with JQuery 1.5 only opens once
Is it just me or does the UI Dialog only open once when using jQuery 1.5. It was working fine with jQuery 1.4.2 (UI Version is 1.8.6 though I did try with 1.8.9 and got the same result). Again it could be something I am doing (most likely) but code is: In $(document).ready function printWindow.dialog({ height: 470, width: 400, modal: false, autoOpen: false, autoResize: true, title: 'Print Options', hide: "explode" }); Then to show the dialog (from a button
Sorting does not work when two tables on the same page
I am using table sorter in a .Net User control and resuing it twice on a page to display two tables "My Items" and "Shared Items". On clicking the columns it sorts Asc but on clicking again it does not sort it in descending order.
Ring Tone and Vibration?
How could I trigger the ring tone play or vibration, via jquery mobile api?
Page + Mouse loading animation
I have a webpage that calls a PHP script through AJAX, and the PHP script loops infinitely until it detects a change in the database, polling every second. The front page that uses the AJAX call shows the page forever loading because the PHP script in the background is always running, is there any way to stop the loading / "Waiting for localhost..." from appearing? It's really annoying.
Correct Improper HTML with jQuery
I'm developing a site in Wordpress for clients who have ZERO html skills. One of the problems which has cropped up a couple of times, is that they have somehow managed to insert improper, unlabeled/empty DIV tags into the post content, and it's not surprisingly breaking the site's page formatting. I have searched far and wide, and utilized quite a bit of trial and error to find a way for jQuery to solve this problem for me, but I'm as yet only partially there. Assume this sample HTML: <div id="the_content">
Using select menu to show/hide searchable items? JQMobile
How could you integrate the select menu to render what a user can search? Maybe show/hide groups.. like a "search by location" option and certain location-specific elements would dissapear? Thanks in advance.
No fade on SwitchClass
Thanks for taking the time to read my question. I am using $("#BlueBoxsm").hover(function(){ //Change BlueBox1 $( ".BlueBox1" ).switchClass( "BlueBox1", "BlueBox1Hover"); etc..... to switch a class on a <div>. By default it seems that jquery wants to smooth out this transition. The transition, however is not that great, so I'm wondering, is it possible to turn this off? Thanks, Brad
What exactly is this code doing?
<script type="text/javascript"> $(document).ready(function() { $("*").each(function(e) { this.style.color = this.nodeName; }); }); </script>Basically, when it identifies stuff like <red>Test</red> and the output would be the color red. I am trying to create custom html tags, so that people can type <pink>My test</pink> and their text would come out pink! Its a neat idea, but there are two problems: I don't understand how this code works (it makes no sense to me and i was hoping someone could
Sorting Columns w/jQuery?
Hi, I have a list of records from my database being displayed on this page. I want to be able to sort the columns. Typically, I do this with an HTML table, but was wondering if there is a way I can setup the below code using jQuery to allow for the column headers to be sortable? I have an icon to sort up and an icon to sort down. My goal is to allow the user to sort the data without a page refresh. <div class="header"> <ul> <li style="width: 20%;">Customer Number <img src="images/iconSort.gif"
pageLoading animation never shows on iPad, only once on Android, always in Chrome
I've got a simple app that reloads a list based on whether a value has changed (in another page) So, when the "pageshow" event triggers on the list containing page, I reload the list if needed. When reloading this list I run: $.mobile.pageLoading(); And when done: $.mobile.pageLoading(true); This: never works on the iPad (iOS 4.2.1) works once on my Nexus One (Android 2.2.2). When I reload the entire app it works again, once. No matter how many times the list needs reloading, it always works in Chrome
Tabs breaking when page reload in IE?
I am using one of the tab jquery plugins (sorry can't recall the exact name), which works wonderfully. But occasionally when the page reloads, it loads the tabs in a vertical fashion instead of in my tabs. I've noticed the issue in IE7, IE8, but have not noticed it in FF or chrome. Any ideas? Site can be found at http://mogsrescue.rescuegroups.org/ Many thanks!
Problem with jquery cycle plugin pagerEvent
Somehow my pagerEvent:'mouseover' stopped working. Can anyone suggest a way to get my mouseover to start working again? <div id="slideshowContainer" style="width:247px;"> <div id="slideshow" class="slideshowPics"> <a href="/productcatalog.asp?directoryid=10688"><img src="images/homeProductCategoryBakeryCases.jpg" alt="Acrylic Bakery Cases" width="218" height="190" border="0" /></a> <a href="/productcatalog.asp?directoryid=10697"><img src="images/homeProductCategoryFoodBins.jpg"
Download a file, but fill out a form first
Hello, I am looking for a way to do this: A user visits a website and wants to download a file, but must first fill out a form. Does jquery have a plugin that will allow me to set this up on my website? thank u.
using datepicker
hi I got 3 combo boxes (day, month, year). How can you i format the date picker to meet the requirement. this is what i want to do day should go in day, month in month box and year in year box. thanks for help
jQuery Deferreds for server-side use
Hi all, A few days ago I made a bare-minimum fork of jQuery so that I could use $.Deferred in node js (basically the $.is_blank utilities, $.extend, and $.each). It's located here: https://github.com/kirbysayshi/jquery-jqd/blob/master/jquery-jqd.js (I had to rename my fork because I had a name conflict with Cloud9IDE). A super quick test for node is located here: https://github.com/kirbysayshi/jquery-jqd/blob/master/app.js. When I have some time later today, I'm going to try and use this with the
[unexpected event occurring] Swipe Event Occurs When I Scroll Vertically
(jQuery Mobile alpha3) Swipe event occurs unexpectedly when I scroll vertically. This is the code, which handle swipe event(line 660): if ( stop.time - start.time < 1000 && Math.abs( start.coords[0] - stop.coords[0]) > 30 && Math.abs( start.coords[1] - stop.coords[1]) < 75 ) {* 1. distance between start.x and stop.x should be more than 30 * 2. distance between start.y and stop.y should be less than 75 This is the condition of swipe event occurring. It looks like proper, but the condition
the first day i saw the jquery!
hello guys,i fall in love in the fist time,thank you, i come from China.
jquery mask query . . .
I am trying to use the jQuery mask to allow hyphenated names in the string . . . for example : smith-jones can anyone help ? cheers mick
Image resize issue in Safari
I have the following code which I've changed a million times trying to find the "right" trick but it still doesn't work in Safari. All attempts have worked in Firefox. All I'm trying to do is dynamically build a div from a query to display a series of images. My header has zoom in/out buttons which should resize each image in the div. Safari works only AFTER I resize the browser window just a nudge. Once I do that one time, the zoom function works great. Why does Safari need this browser resize
Next Page