Stop dropable for a Particular div
Hi, I have a set of sortable portlets as shown in the diagram Here in this example the portlets move from places to places, but I need a functionality where the Portlet named Feeds should be immoveable and also when other portlets (other than Feeds) are kept over Feeds portlet then that portlet should be moved back to the original position. In other words to say Portlet shopping can be moved to positions of Links or Images or news... , portlets shopping, news, Images cannot be moved to Feeds Location
Working on dropdown list using jquery
Hi All, I have implemented asp.net dropdownlist and upon its selected index change event i am filling other drop down lists. below is my code in which when i am passing value to this.val = '71' or any other integer value data is getting changed however if i retrieve same value from database and passing to it to this.val = '71' data doesn't get changed in other drop down list... Means selection index changed event does not occurr. Why this is so ???? $("#TEMPLATENAME1_dropdownlist_TEMPLATENAME1").combobox({selected:
jQuery Tablesorter header sorter bug
I found a bug in the 'disable header sortable' in the tablesorter: in the following page, a method is given to disable a header to be sortable with a CSS class property. It is not working at all. http://tablesorter.com/docs/example-meta-headers.html
SuperFish Jquery menu control not working properly in IE 9
The superfish menu control is not working in IE 9. on mouse over the menu is visible but the moment we scroll down to access the menu the menus dissappear. If we refresh the page then the menu works properly. The issue comes only when we open the borwser and open the page having the superfish control for the first time. This is owrking in all other browsers as well as previous versions of IE (upto 8) Urgent Help required
Uncaught TypeError: Object [object Object] has no method 'validate'
I am sure I am missing something somewhere, but I can't see where. I am trying to use the jQuery validate script but get this error continually. I am pretty sure all the files are in the right place etc. This is in the head: <script src="scripts/jquery.min.js"></script> <script src="scripts/jquery.validate.min.js"></script> <script> $(document).ready(function() { $('#form1').validate(); }); // end ready </script> then my form is as follows: <form action="contact.php" id="form1" name="form1" method="post">
Id selector not working
I have the following navigation layout: The outer <dl> is rendered in one file, the inner <ol> in another I am using php to determine how many <li>s are in each <ol>. If there are more than 6, I add a class "hidden" to each <li> after the 6th and display a "Show All" Link after the last visible <li>. Hitting this link will run some jQuery to remove the hidden class from the <li>s, displaying the full <ol>. While this is generally working, my problem is, that clicking the "Show All" link in let's
Problem with labels on checkboxes and trying to 'check all'?
Hi - I'm having trouble when using a 'select all' checkbox in a form that includes a label. (ie <input id="test_field3" type="checkbox" name="test_field3" value="test_field3" /><label for="test_field3">Test field 3</label>) The select all code work when there are no labels used (ie <input id="test_field" type="checkbox" name="test_field" value="test_field" />Test field 1) and it also works when I don't include the jquery.mobile-1.0a3.min.js script. I have posted an example here: http://jsfiddle.net/JCCG5/3/
How to test a form submit in QUnit
I would need to test the a form submit but cannot see on how to do this in QUnit. Because a new page will be loaded it most likely involves the use of an "iframe" but I cannot really see on how to do this and any help or example would be very much appreciated. A typical use case would be a submit of a form that will be processed in the backend and returns a new page and the content of the page must be checked against the original form content. Please also note that I'm aware that this can be quite
generate XML document
Hi , I want to know how i can generate , Edit any XML document using Jquery without any aspnet , php server side code. Thank You
Autocomplete UI
I am using JQuery UI 1.8.2. I want to create an auto-complete functionality like the Single City textbox. Once the drop down menu comes, the first list item should be selected. On pressing the enter key, the textfield should be populated. And at the same time, autocomplete feature should be called if the user presses the delete key or the backspace buttons.I tried to use selectFirst: true by including a plugin available on github, developed by Scott González. Code: (function( $ ) { $( ".ui-autocomplete-input"
Ajax rating control
how to get and set value in ajax rating control in jquery . please any one help me
sortable: "apply" revert also to rest of list items
Hi, While using sortable() myself I stumbled across this issue: why not also use a smooth animation (like revert) for the whole rest of the list items? Imho it looks kinda bulky when the items that are not dragged are wildly jumping around while the one item then smoothly floats into its new position. Or am I missing something here? Cheers ~Harry
Error fullscreen List view makes 'click event' double.
I create a very long list view, and when clicked, the list is displayed fullscreen. The problem is, after I select something from the list, my link which has event click, is doubled. I click once, but the event happens twice. Here's the sample: http://jsfiddle.net/Ywq4X/4/ Now, when I remove $(document).bind('pageinit', function() { and place <script>...</script> to the bottom of the page, the problem is gone. What is happening? isn't $(document).bind('pageinit', function() { supposed to be the replacement
how to do two buttons in toggle
i want to double the code for there will be two buttons and every button do the same thing <style> p { background:#dad; font-weight:bold; font-size:17px; } </style> <script src="http://code.jquery.com/jquery-latest.js"> </script> <div align="center"> </div> <div align="center"> </div> <div align="center"> </div> <div align="center"> <button style="width: 651px; height: 42px;"> <div align="center"> <font size="6"> "blablabla </font>
Ajax Rating Control
sir asp.net page adding ajax rating control.. i want style design and value retrieve assign in ajax rating control using j query. please any one help me.
problem in code
how can i make this code for it will work (without change any detail from the code): <style> p { background:#dad; font-weight:bold; font-size:17px; } </style> <script src="http://code.jquery.com/jquery-latest.js"> </script> <div align="center"> </div> <div align="center"> </div> <div align="center"> </div> <div align="center"> <button style="width: 651px; height: 42px;"> <div align="center"> <font size="6"> "blablabla </font>
JQuery( i think ) - is this possible
Sorry not really sure on how to topic this but i'm wanting to do the following. 1.) User clicks link on front page 2.) it takes them to another page and depending on the link clicked on the front page expands the appropriate JQuery accordion control from the corresponding link clicked on the front page? Note: Currently using ASP.NET
Listview slow filtering/searching with the search bar (data-filter=true)
So, I have experienced recently how slow a listview is perfoming on iPads, iPhones, etc, and I thought there was something wrong with my offline web "app" example. But then I tried the lists-performance example (http://jquerymobile.com/test/docs/lists/lists-performance.html), and I was surprised to realize how slow it is as well. The issues is something like the one describe at this topic --> https://forum.jquery.com/topic/possible-causes-of-extremely-slow-keyboard-in-ipad-phonegap-app, but even
click even firing difference between 1.8.0 and 1.8.1/1.8.2
I am having problem with click event. It fires if I use 1.8.0 but does not when 1.8.1 or 1.8.2 is used. I am using jQuery with Backbone and jQuery Mobile framework. I am not sure if the problem is related with these but I was able to narrow it to the following lines: for 1.8.0 it's between lines 3009-3039 for 1.8.1 it's between lines 3013-3043 it (1.8.0) has changed from selMatch[ sel ] = jqcur.is( sel ); (line 3030) to this (1.8.1) selMatch[ sel ] = jQuery( sel, this ).index( cur ) >= 0; (line
Problem using a custom select menu inside a popup
I found a problem using a custom select menu inside a popup. I set the propierty data-native-menu="false" but it works just like it wasn't there. My code: <div data-role="popup" id="editform"> <div data-role="header" data-theme="a" class="ui-corner-top"> <h1>Edit</h1> </div> <div style="padding:10px 20px;"> <label for="producte">Product:</label> <input type="text" name="producte" id="namefield" value="" /> <label for="select-choice-1" class="select">Category:</label> <select name="selectcategory"
iframe scrolling problem
I'm currently developing this PHONEGAP App where I need to include an iframe inside the html page. The "src" attribute is pointing at one of my html file in the file system e.g "file:///android_asset/www/html_page_to_load_iframe.html"<---(the one to load the iframe) the external file is "file:///android_asset/www/folder/folder/im_the_src_target.html". It successfully loaded the external file, but since i set a fixed height for that <iframe> it should allow me to scroll if the content of the iframe
Cycle2 - Get nested images to run
Hi All, I'm trying to get Cycle2 to work. I have a number of extra divs that are between the initialized slideshow wrapper (cycle-slideshow) and the imgs. <div class="cycle-slideshow productpal_slideshow_..." data-cycle-fx="scrollHorz"> <div id="stacks_out..."> <div id="stacks_in..."> <div></div> <img id="productpal_img..." src="resources/testimg.png" width="64px" height="64px" rel="2ndpg.html" alt="Caption1"> </div> </div> ...similar 2nd wrapped img </div> At the moment
:hidden selector
Hi guys, just came across an issue when using $('img').is(':hidden') - it returns true if its the first time I am loading a page with an image. Because it wasn't cached yet. But in documentation it is saying that Elements can be considered hidden for several reasons: They have a CSS display value of none. They are form elements with type="hidden". Their width and height are explicitly set to 0. An ancestor element is hidden, so the element is not shown on the page. the image does not satisfy any
Is it possible to create a Tooltip with formatted text inside?
Hey guys, I'm using a Tooltip to show more details on products in my website so i needed it to display formatted text, like for example a bigger text with the name of the product and then a small one below, describing it. Is it possible to do so? Thanks in advance!
Ode to Jquery
For all nerds who program since before 2006... here it is: Ode do Jquery Before jquery Life was perilous Yea, even less cheery And even now, some may consider you confusing, and others manipulative Yet, despite of how you perform or find anything in my form I will still oath to you my DOM for I am sure it will my web bloom Carlos Casalicchio
make the button in the center
i want to do for the button in the Toggle will be in the center i need do know where i put the <center>
How would i go about creating a header animation like this?
I just saw this sweet Header Animation and was wondering how to implement an effect like this on a site. I am quite fluent in html and css and have dabbled with javascript, but never really got in at the deep end. Maybe this is the place to start. But how would i go about this header?
Superfish (Navbar): second Navbar under parent
Hi there, I used the searchfunction but couldn´t find an answer. I´ve integrated jquery superfish plugin (NAVSTYLE!) in joomla. No Problem so far. I positioned the list items of the first Nav. Row via css with different gaps between the li´s. f.e: .item-103{ margin-right:45px; } .item-104{ margin-right:9px; } What I´m lookin for is a way to position the submenu not on the very left under the first NavRow, but centerd under it´s parent link (Opener from the first navigation row). I thought
validating one textbox only with jquery ui
I have the following textbox: <input id="txtEmailMe" class="required email" type="text" style="width:200px;" name="ctl00$BannerHolder$txtEmailMe"> I then have: $('#emailMeSend').click(function (evt) { //firs need to check if valid email evt.preventDefault(); On my button click which is working fine I want to check to see if this one textbox is valid. I have opened a form up on a jquery ui dialog which has one textbox, the one you see above. How can I validat this textbox only
how can i do for the out put in the button will not show when i open the page
how can i do for the out put in the button will not show when i open the page every code for i open it showing me first the output and then when i click it is disappear i am talking about ToggleSlide like this code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> p { background:#dad; font-weight:bold; font-size:16px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <button>Toggle
jquery pair/not pair tag
Hello, I would like to create xml document using jquery, everything works fine, but I need to use image and track tags and these tags need to pair, however jquery creates them as not pair tags. Is there some workaround for that or it is not possible to do it? Thanks
Data-dimissable attribute not working !!!
Hi I am using JqueryMobile 1.2.0 I am trying to use Data-dismissable ="false" attribute in the div containing data-role="popup". So that my popup doesn't vanishes when user clicks anywhere else on the screen. But somehow its not working. Any clues to what might be the problem.
jquery and jquery easing conflict issue
In brief we have no control over the website we need our jquery code to work on . There website uses an old version of jquery 1.4.2 the jquery ui 1.8.24 ui and a plugin called jquery easing 1.3. We need a higher version of jquery 1.7.1 plus. We have put a our code and plugins in noconflict mode but are still getting an error related to the jquery easing plugin Shouldnt the noconflict on our items stop the jquery versin we are using conflicting with the easing 1.3 plugin?
Content displays, then rearranges on page loads.
Pages in my app seem to load in stages: the content all appears but with the header and footer bars clearly not taken into account, then the padding gets changed and the content shows up in the right place. For context, I'm usually building the content of any given page during pagebeforeshow. If this tweaks any memories, please let me know. It would be difficult to create an accurate jsfiddle for this particular problem. Cheers.
different categories for s3slider-pictures
hi, my name is maria and i am realy sorry for my bad english. i hope i am at the right place for my problem and anybody knows an answer for the following question: i use s3slider for a joomla-based website. my problem is, that i like to have different pictures for every submenu. does anybody know if this is possible? unfortunately i am only a beginner in this whole jquery-stuff. i would be very thanksful if anybody could help me! best regards, maria
Click handler calling other click handlers?
Can someone point out where I'm going wrong with this? I have a set of divs all with headers of class "shrink-on-start shrinkable", and an Expand All link with class "expand-all" I've set up two click events - when a "shrinkable" is clicked, it should next().slideToggle() - which works fine on its own. When "expand-all" is clicked, it should next().slideToggle() on all "shrink-on-start" objects (not all "shrinkable" objects, as elements on the page sidebar also use this class), which also works
Simplify my Code please
Hi Guys, I am new to this forum. And as I am not very experienced in working with jQuery I have a maybe stupid question: So I have multiple checkboxes on my page each one has a unique id. some of them also have a class called show-more if i click a checkbox with class show-more a fieldset with the class name that is equal to the id of checkbox with class show-more is shown (second class of fieldset is "field") so my code looks like that: First I check all the id if they are checked (only the one
Looking for ideal way to persist selected list values across multiple list/AJAX requests
Here's the problem I'm having. I will have a JQM page that will contain a series of lists like this: list 1 (3 items from WS) -> list 2 (2 static items) -> list 3 (many items from WS) -> list 4 (many items from WS) -> dialog list 1 is populated via an AJAX request to an ASP.NET web service. I have this functioning no problem. Each item in list 1 will contain a unique value (id) that I will need, in conjunction with a selected value from list 2 to make an AJAX request and populate list 3. The
jqm ver 1.2.0 hash not added to url on normal link - why?
I am a noob to jqm , i have downloaded ver 1.2.0 and testing it. the docs and videos i have seen show that a normal link should be intercepted by jqm and ajax goodness done on it. It should also add a hash to the url, but for me it does not add the hash to the url when i use separate files. e.g. I have 2 pages index.html audit.html html for index.html <div data-role="page" > <div data-role="header"> <h1>Audit message</h1> </div><!-- /header --> <div data-role="content"> <form action="form.php" id="QS-selectGroup"
Fancybox comunicate with a Gallery
Hello, I've inserted a jquery code in my asp.net application that make a gallery. I wanted to add a fancybox, so I've wrote that piece of code: $(".ad-gallery").on("click", ".ad-image", function () { $.fancybox({ href: $(this).find("img").attr("src"), }) }); I want to add 2 things on the opened fancybox: 1- add a button. 2- add the image description. here's a piece of the aspx for the gallery: <div id="gallery" class="ad-gallery"style="background-color: #D8B66D; width:
Next Page