Drag and Drop table columns using JQUERY
Hi, Is there a way to drag and drop the table columns, i.e to reorder the table columns using JQuery. A sample code would be very helpful Thanks.
ajaxStart / activeElement problem in Chrome win/mac
I'm using the ajaxStart/Stop functions to add a basic throbber next to certain elements and I'm relying on the activeElement value to determine which element to place it next to. In Firefox this works properly but in Safari/Chrome the activeElement shows as the entire body, not the element that was clicked. $(document).ajaxStart(function(a){ if($(a.currentTarget.activeElement).hasClass('throb-sm')){ $(a.currentTarget.activeElement).after('<span class="loading"></span>'); } ...
Superfish IE error
my site is at http://new.magauto.com and in firefox there are no errors but when viewed in IE, there is an error: Message: 'superfish(...)' is null or not an object Line Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; MS-RTC LM 8; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Thu, 11 Nov 2010 18:15:52 UTC Message: 'superfish(...)' is null or not an object Line: 40 Char: 21 Code: 0 Help!
Fullscreen positioning doesn't work properly
In the latests Alpha 2 the Fullscreen positioning doesn't work properly. Whe you open a page this is the behavior: iPhone: When you open the page the header/footer are hidden. When you tap nothing happens. When you tap again (2nd try) header/footer are displayed. At this point, everything works properly. Android: Exactly the same as the iPhone. Desktop: When you open the page the header/footer are hidden. When you click again header/footer are displayed. Also, if you move the scroll bar, header/footer
How to use Jquery Validators for Controls in ASP.NET Formview or GridView
Is it possible to use Jquery Validation on Textboxes inside a ASP.NET formview in editmode... I do have a 20 text boxes inside the formview...I just want to check for the Special characters for these textboxes...I do now how to do with normal server controls or input controls...but we can't use formview controls directly...we need to specify which formview and which control...is it possible setup a validation for formview and its textboxes.... Thanks You...
Show and Hide State
Hey, I have just followed the following tutorial to great a image rotator with description http://designm.ag/tutorials/image-rotator-css-jquery/ I've got it to work fine however cant get the hide/show description button. How do I go about creating this button and putting in? (I've added the code within the CSS for the button) Adam
jQuery Validation fails on several fields
Hi, the last couple of hours I tried to figure out why my JS-Code isn't running correctly and now you are my last chance... I have several fields inside an ASP.NET-Form... <fieldset> <label>Stadt<span class="errortext"> *</span></label> <input id="city" type="text" class="required" title="Bitte gib Deine Stadt an" /> </fieldset> <fieldset> <label>EMail-Adresse<span class="errortext"> *</span></label> <input id="mailaddress" type="text" class="required email" title="Bitte gib eine gültige zentrale Mail-Adresse an" />
List starting under fixed header.
Using alpha 1 of jquery mobile I have a page with a fixed header and footer and a list in the content. The list is starting at the top of the page under neath the header. Is there a way to have the list start after the header? My work around so far has been to create a hidden list item, but this isn't a long term solution as the header size could change. thanks
jQuery bind handler vs 'click' event
What would be the difference between setting up a click handler using .click() or binding the click handler: $('.cancelButton').click(function() { $('.dialog1').dialog('close'); }); VS $('.cancelButton').bind('click', function(){ $('.dialog1').dialog('close'); }); Obviously they both do the same thing, but is one better (in terms of speed or practice) or does it not matter at all which one you use? I usually use .click() to avoid the extra typing but I want to make sure I'm not
Superfish dropdown menumodule for joomla
i wanted to create multiple instances of vertical menus..i copied module but i dont know how change css for other module. Can you help me please???
Quick bit of help on drop down animation
Hi, I've got a drop-down animation working on my website, simply by hovering over the link and clicking to toggle it. How do I change the code so it already shows the drop down on the webpage rather than clicking the link to reveal it? Code: <script type="text/javascript"> /* Tab2 */ $(document).ready(function () { $('.active_tab').fadeIn(); $('#dropdown1').click( function () { //change the background of parent menu $('#dropdown1 li a.parent').toggle(''); //display the submenu $('#dropdown1
click even have two connected movements
I met a very strange question, click even have two connected movements I use jquery js code to load the dynamic features required to load the appropriate procedures js The work load is usually regarded as normal, but sometimes abnormal Reload the page, the location of newly hatched problem will not necessarily be a problem In short very random For example the following code When you click on the corresponding object, it will trigger to load the js file, and perform the functions file $('#project').click(function(){
Firefox crashes constantly
Hi guys, http://www.flexin.be is still in beta test with a select number of customers. For some reason though, my firefox continues crashing randomly when visiting the site, and 90% of the time when I use my back button on the site. I can't pinpoint the issue, and I can't think of anything that may have changed. The site is full of jQuery code, as we use it heavily to instantiate widgets, etc, but I don't know what changed which might be causing this? I have searched these forums, and searched through
click > send string to xml > get specific node from xml > parse it > load it on modal window
I'm taking way too long to solve this. I'm about to give up, but I figured I'd give you sorcerers a try. I have a xml file. I want to click a link with a string, use that string to match and select a specific xml node [name], parse it to html, and load it on a modal window (fancybox): click > send string to xml > get specific node from xml > parse it > load it on modal window This is how my xml file looks like: <speakers> <speaker> <name>Cátia Miriam Costa</name> <bio>Es Licenciada
onkeydown() and val() does not work together...
Hello, I quickly wrote a little script that hide a label that is under an input if its val() is not blank, checking it with an onkeydown. Here it is : $(".field-container .field").css("value", ""); $(".field-container .label-text").show(); if ($(".field-container .field").val() != "") $(".field-container .label-text").hide(); checkEmpty = function() { if ($(".field-container .field").val() != "") { $(".field-container .label-text").hide(); } else {
Page Load ($(document).ready) events
Hi I'm starting to build an app using jQuery mobile and ASP.Net MVC, and was wondering how to call methods on when then DOM was ready? As jQuery hijacks linked pages using AJAX, then diregards the <head> elements before injecting them into the DOM - this means that page load-type js calls in the head are only executed on the first page. I can see that the DOM will already be 'ready' for subsequent calls, however, where should put page load js calls so that they are excuted on every page load for
Jquery cycle plugins
Hi all, I have a problem with Jquery cycle plugins. I had create a new script with 3 pictures but when the cycle go to end, the next picture go back the last picture. You can see my script here : http://ultra-annuaire.fr/help/index.html Please help me My code : --------------------------- $('#s1').cycle({ fx: 'custom', cssBefore: { top: 0, left: 0, width: 0, height: 0, zIndex: 1 }, animIn: { width: 300, height: 400 }, animOut: { top: 0, left: 332, width: 300, height: 400 }, cssAfter: { top: 0, left:
[jQuery] Cluetip bug in IE7 - browsers title displays
I'm trying to use the Cluetip plugin to display data on mouseover of the tr tag. The data displayed is stored in the title attribute. It works great in FireFox, but in IE7 the browsers default title displays along with the Cluetip. Am I missing an option that would allow Cluetip to override the browsers default title display? $('tr.toolTipTitle').cluetip({ cluetipClass: 'jtip', clickThrough: true, /* Set to true for allowing click to go through */ width: 360, arrows: true, dropShadow:
Using Scale on an absolutely positioned div
Hi there. I have a Div element (id=Div1) that is absolutely positioned on the page. Inside it I have another Div (id=Div2) that is absolutely sized so that it fills the whole of Dvi1. Looking at the UI/Effects/Scale page in the API docs I see the example code: $("div").click(function () { $(this).hide("scale", {}, 1000); }); Translating this I am trying to make Div2 shrink until it vanishes, as shown in the example, so I am using $("#Div2") to get this done, however, it does not work. Is this
bugfix for jquery-1.4.2, internet explorer 8, jquery.fx.step()
Hi. I'm developing a free web component, http://mediabeez.ws/lah, which runs into a startup problem when viewed in IE, caused by jquery. The thing crashes due to a "invalid argument" error. I hereby propose the following fix; jquery-1.4.2.source.js: line 5892 and further: old code: step: { opacity: function( fx ) { jQuery.style(fx.elem, "opacity", fx.now); }, _default: function( fx ) { if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
hide function from ie6
I've got a need to hide a function from ie6 (long story). Does anyone know how I can target that browser and stop the rest of the script from processing? I looked at using jQuery.support but am not able to find a test that returns false for ie6 only. I want to wrap my function in some type of conditional that stops ie6 in it's tracks but all other browsers can process. Something like this: if($.browser.msie && $.browser.version=="6.0") // DO NOTHING else // PROCESS THE FUNCTION AS NORMAL
jQuery UI Slider conflict with Fancybox?
Did anybody have this problem before? After I add jQuery UI's slider, Fancybox does not work anymore... I was able to use Tab, Accordion etc. without any problem. jQuery 1.3.2, UI 1.7.3 Appreciate your help!!!
Load Div with External Page
I'm using the following JQuery Popup code to make smooth popups: (http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/) I was wondering how I can use use this to load external pages into the popup? So instead of having a hidden <div> in the page, there would be some sort of empty <div (<div id='this'></div>). The when I click a link, an external page would be loaded into this empty. So it would function just as it does in the above tutorial, expect the popup content
Autocomplete - exact match from start of string ?
Hello, Is there way to only match on strings starting with the first characters input? For instance, if I have a list as such: [ 'Tamara','Amy'] when I start to type 'Am', I only want to see "Amy" in the drop down list, not "Tamara". I feel like this should be an easy configuration option or easy mod, but alas, I could not find it. Thanks in advance!
Validation plugin, remote validation misuse or bug?
Hi. I'm trying to do an ajax verification on the email field. The problem appears when the email field (on error, "email@example.com is already in use") is re-focused: the error message becomes malformed ("http://w/index.php?dispatch=auth.check_email is already in use"). Screenshots: - input focused, email checked, the error message appears as expected: - input refocused, without changing it's value, the error message is now malformed: ...after few research with firebug I've found that [object
kwicks: change opacity to a inactive image on a accordion image menu
Hello everyone. I'm building a website with a image menu like accordion, using jquery+easing+kwicks (http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html option 2). With CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image). I tried to do it with css, or hacking kwicks plugin, but I couldn't make it. Somebody
1.8rc1: Autocomplete - Search Options
Hi, had a look at the new Autocomplete Widget in jQueryUI 1.8rc1 and compared it to Joern's Autocomplete jQuery plug-in which I'm currently using. Are there any plans to support some of the more advanced options like matchCase matchContains multiple (and multipleSeparator) mustMatch autoFill selectFirst Or is there another way to change the search behavior for example to case sensitive and strict? Or do I have to implement my own source implementation? multiple would be really cool for fields which
[jQuery] input type text toUpperCase() jquery question
As a user types in content to this this text field I would like tho force the text to uppercase to as keys are pressed. How would this be done? and is toUpperCase a real jquery function? if not wbhat would be a simple way to hndle this with either CSS or someother method... Here is what I have and obviously I am stuck... <script type="text/javascript"> $(document).ready(function() { $('.highball').keypress( function() { $('.highball').toUpperCase()
IE6 ajax request problem
Hi, lately I encountered a very strange problem while making ajax get requests to my server. The ajax request is being processed on the PHP backend as usual and I can see it in the access.log on the server side. I also checked the parameters of the get request and they are correct. All works perfect in IE7 - 8, FF 3.5, Chrome. Checked also with JQuery 1.3.2 and 1.4, both responses are the same. Debugging in IE6 is very difficult, but when I alert the data in the callback function of $.get, I only
[jQuery] Event Bubbling
Hi, trying to organise some code on a large project i'm doing which changes alot of code around the page with submit forms. As jQuery doesn't have a live support for submit elements i thought i'd try my hand at event bubbling. It works nicely in firefox but isn't working at all in ie so i thought someone could give me a pointers. [code] $('#data').submit( function(e) { /* When a edit form is selected */ if (e.target.className == 'edit_link') { //ajax request } }); [/code]
Bug with jQuery UI checkbox .button() Style does not change when script changes checked value
<input type="checkbox" id="check" /><label for="check">Toggle</label> <input type="button" id="button1" value="Turn it off" /> <script> // make the checkbox a jquery ui button $('#check').button(); // make the button turn off the Toggle checkbox $('#button1').addListener('click', function(e){ alert($('#check').attr('checked')); $('#check').attr('checked', false); alert($('#check').attr('checked')); }); </script> The style of the toggle button will not change, even though the attribute
Sortable <ol> elements don't display numbers properly.
I have an <ol> that I've made sortable, and when I drag elements around, the numbers go all out of whack. So initially I have a list appropriately numbered 1, 2, 3. When I start dragging an element, it shows 1, 3, 4. Then when I drop it, I get 1, 3, 3. This problem is in Firefox 3. In Chrome, I get the wrong numbers when moving elements, but it seems to always be correct after I drop them. If anyone would like some example code, I could probably make something fairly quickly. Thanks!
JqDock Active State
Does anyone know how to make the jqdock have an active state where the button you click stays big until you click another button in the dock.
Problem jqDock integration in AeroWindow
Hello all, I hope someone can help me with this problem, struggled a few hours on this problem and it seems I will not find a solution on my own . I want to integrate jqDock in AeroWindow, so that I have a dock in the bottom of the page instead of the icons on the desktop. Implementing and styling the dock was not that difficult with the documentation on the site of jqDock. But I have no clue how to link the icons in the dock to the corresponding window. Inside the dock code you can link the images
use script on HTML obtained with .load()
Hello! I'm trying to make a beautifull ajax-based fom like javascript galleries. With this I get HTML form, generated by PHP script, depending on passed parameters: $("#info").load('./handler.php', {object: 'course', action: 'add'}); It works cool, but obtained HTML isn't affected by the script and can't handle any events, for example: $("form").click(function () { alert('click is made'); }); doesn't work anyway:'(( I supposed to send data from this form using ajax, e.g. '.load()', but as
Can you use QUnit to test event triggering?
Hi, I'm new to QUnit and I'm doing a quick look through whether QUnit is the right unit testing API for me. I want something to test JavaScript code by triggering an event, i.e. a mouse click or a key stroke. Can somebody be kind enough to let me know if this is possible via QUnit? I've tried to follow the jQuery QUnit documentation, but there are a lot of broken links and I'm lost. If possible please let me know where can I read more about it. Many thanks. Warmest Regards, Alexander
dispose
Hello, Do the elements that are declared as draggable/droppable need to be disposed or unregistered when they are not used anymore? Thanks
Parsing HTML without retrieving external resources
Hi, thanks for reading this, hope you can help. I am putting together a site that uses screen scraping to extract results from a number of search engines. The HTML is downloading fine and I am able to extract search engines results relatively easily using the JQuery .find() function. My problem is that when the HTML is parsed the browser is firing requests for external resources (i.e. image & video files) that are referenced within the parsed HTML. These resources are not required by my site (I
Fade in doesn't work in IE
I tried to use fade in the code below, it works in firefox but not ie7. Does anyone know why? Thank you very much. <!DOCTYPE html 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="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="jquery-1.4.2.min.js" type="application/javascript"></script> <style type="text/css"> #layover{ background-color:#000;
Flip!
I am using flip! but want to amend it so it looks like a book page turning (like bottom example of this page). Can anyone help, I am not sure how to start! Thanks Becky
Next Page