listviewbeforefilter / asynchronous AJAX request / update
I use the following code for a listviewbeforeupdate with external data. Some changes from the examples on this site: - no page ID is identified as the javascript is only inserted dynamically with PHP subject to the page loaded). - no reload if >3 letters The latter adjustment should be a performance booster as the data-filter is quicker than multiple Ajax requests (at least in my case) Everything works fine with a synchronous Ajax request. However with an asynchronous Ajax request (which I prefer
Accordion + bxslider
I'm trying to use the accordion effect within a portfolio but I'm having trouble getting it to work. What I'd like to happen, is that when you click on one of the images or links in a portfolio row, the accordion kicks in revealing a div with relevant information. I'm using bxslider to slide between content divs for that portfolio row. The same holds true for subsequent portfolio rows. Hope that makes sense. Below is some code to help illustrate. I'm pretty new to both jquery and javascript. Any
jQuery UI integration
Hi All, I'll put my hand up now and say I am a javascript n00b so I don't even know if my question is possible. The long and the short of it is that my client wants to have to enter a password whenever they open a file from a Telerik RadFileExplorer control (they are a little paranoid about security). Now I've managed to figure out how to do this using a mixture of page methods and javascript but the problem is the password dialog that is displayed is just a javascript prompt box and as such the
Dropdown list in Tabs
Hi, I am using UI Tabs to display data entry elements. I have a couple of dropdown lists in tabs. In the first tab I have one dropdown list, and the second tab another dropdown list. When the tabs gets initiated in FF it works perfectly, but (always a when I guess) when the tabs get initiated in IE 6, the first dropdown list shows (in the first tab), but when clicking on the dropdown list, the options does not appear, even though there are options available. The second dropdownlist (in the second
JQM Data, Closing & Re-Opening App.
Hi, I am not sure if this is the right place to post but here goes. Can anyone tell me that if you close an app to use another one then re-open the original do you open on the same page and any settings that are in use remain? For example, if a user enters there name and age in an app - close it whilst for example using the calculator - then re-open it, would it still open in the same page with both the names and age that the user had entered still in tact?
checking whether any asp:textbox has some text or any checkbox,radio,or dropdown selected index>0 in a div
I want a jquery function that will find whether any text box has some text or any checkbox is selected ,or radiobutton, or dropdown has seleted index >0 in a div..the fact I want any thing is selected any input type or asp type in div that shd return 1(true) else false
enable and disable it scrollstar in jquery mobile
Hello I am new to the forum I did not find solution in google for my problem, my last resort was to go here, well I commented my problem, I disable the scroll when opening a panel jquery mobile and enable the close but unsuccessful, alone with desabillitarlo to open the panel, I did something asin: $(document).on('pageinit',function(){ $("#my_panel").panel({ beforeopen: function(event,ui){ $(document).on( "scrollstart", function(event){ event.preventDefault();
Rggg. What script is this website using????
About to stroke out trying to figure out what JQuery script this site is using for the before / after widget: http://cloudcastlegroup.com/ (move the cursor over the image). Pretty cool way to show a before / after image. Any idea where I can find this script or is this custom? THANKS!!!!!!!!
How to update lists?
I am extremely new to jquery and really don't know JavaScript at all so forgive the simple question. I am using PHP to dynamically create jquery pages based on database info. when I create a list I have found that it doesn't always update when I revisit a page. After searching around for a bit I found someone say to use .trigger('create'); to refresh the contents of the page each time it's opened. however I have no idea how to add this to my page can someone help me out. Please start extremely basic
is advised keep records of shops and services in a DATABASE
Developing a mobile App being an Index for my Town, is advised keep records of shops and services in a DATABASE??? like web sql... how initially the App come with database populated?
Chrome Problems
Working on the basics here. Page load works fine in Safari and fine on Iphone simulator (also Safari), but all asynchronous links fail in Chrome. I am loading them locally, not sure if this matters. Click the link for the About page and you get a page load error. I saw something similar with nested lists earlier. Thoughts? Simple test page: HOME: <!DOCTYPE html> <html> <head> <title>Page Loading</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,
Ajax Same orgin policy
I am using AJAX to pass a variable to a aspx file on another domain on the same pc. In my test environment this works great. On my production machine it doesn't nothing happens. I don't have anyerror trapping in the AJAX statement. This is a custom webpage speaking to homeseer homeautomation software, so if it all worked a light would come on or off. The both websites are on different port numbers I believe that this is an issue with same orgin policy. My developement machine is win7 xampp(for
Applying css to html snippet
Hi, I written some learning resources for my students for use on mobiles and have some accessibilty settings in my single page resources that allows the user to change the font size and background colour. I have separated all the relevant stuff into this example page to demonstrate my working model. <!DOCTYPE html> <html> <head> <meta charset="UTF-8" name="viewport" content="width=device-width"> <style type="text/css"> .txtwrapper { font-size: 16px; } .bgcolour { background-color: rgb(250,250,250);
jQuery 1.9.1 | DnD and img load for FileReader / Canvas?
Is there a way to combine both HTML5 native Drag & Drop and image file append (local) for FileReader / Canvas manipulation? Basically I want to either: Drag (native drag & drop) an image thumbnail (PNG Base64) located in a source div and drop it in a destination div where upon the dropevent FileReader and Canvas do their stuff, or: Append the same image thumbnail located in the same source div into the same destination div where upon an append or load event FileReader and Canvas do the same stuff.
problem with ubind and hover
Hi all, i have just updated my jquery version from 1.8.3.js to current. the code below used to work on last version but not on current. Is it normal ? :s <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </head> <body> <div id="dv1" style="float:left;width:50px;height:50px;background-color:blue;"></div> <div id="dv2" style="float:left;width:50px;height:50px;background-color:orange;"></div> <div id="dv3" style="float:left;background-color:grey;height:50px;width:50px">
Remove Dialog's Close Button's title attribute
I cannot seem to figure out how to get the browser to stop showing 'close' as the tooltip on the close button on a modal Dialog. I see the title="close" on the button element auto-generated when the Dialog is built. In Chrome's javascript debugger, I can edit this value at runtime and see the effect in the browser... so I know that this is the correct element to remove the title attribute from. Since the button does not have anything unique about it, I need to select it as a descendant: $('div[aria-describedby="myDivName"]
Cannot get crumble.js to work
Hi, I am trying to integrate https://github.com/tommoor/crumble/blob/master/README.md to my website but cannot seem to get it to work. Here is the page i have tried to make it work on. http://callummundine.com.au/photo/login.php. I have attempted to make the bubble appear next to the email input. If anyone could shed some light on what i am doing wrong it would be great. Thanks Cal
in jquery How to trigger seletable click event on li tag id????
Hello sir, i am not able to trigger the selectable click event on li tag id, i have number if devices while shift selecting i am trying to trigger select click event. please help me.
AJAX URL IS DUPLICATES
I want to create multiple jqgrid in the side loop.jqgrids create as expected with different div ids I create common funtion to create grid and pass necessay paramiters to create jqgrids as follows <s:iterator id="formNodeId" status="formNode" value="formDTO.formNodes"> <s:set name="metaNodeId" value="#formNodeId.metaNodeId" /> <s:set name="displayLegend" value="#formNodeId.displayLegend" /> <s:set name="cardMax" value="#formNodeId.cardMax" /> <s:set name="result" value="#formNodeId.tableColumnView"
jQuery Mobile loading accordion dynamically not functioning
I am loading the jQuery Mobile accordion dynamically via JavaScript and having it create the elements and inject the HTML into the page. Now when I do this, I don't get the styles, I don't get the theme and I don't get the functionally. It basically does not work. Does anyone know why it is doing this? let me know if you need anymore info. $('#film').attr({'data-role': 'collapsible-set', 'data-theme': 'c', 'data-content-theme': 'd'}); var sort_by = function(field, reverse, primer){ var key = function(x)
help needed removing "class" from dropdown menu
Hi all, I am extremely new to jquery, something I will eventually need to look into and would like to learn but unfortunately just not enough hours in the day..... Anyway, I have scratched around on the web and cobbled together a simple accordion dropdown whereby when you click on a "title-bar" a text area drops down beneath, the title-bar is assigned the class "selected" and changes colour and border style using CSS. When another title-bar is selected, every thing happens as it should first text
How To Initiate a Function inside another Function
I'm new to JQuery, but I feel I can grasp it pretty quick with the help of a few boosters. I'm using this script that creates a dialog box on my site for my form field. Now I want to load some value into the form after the form loads in the dialog box. I feel that I have the correct code to do so, but I'm having issues kicking off the function. With the part highlighted in bold, Firefox reads that "readyFields" is indeed a function but for some reason it doesn't initiate. Any suggestions? jQuery(function
Target Rollover Image with jQuery Fade Script
I'm trying to get the fade effect with the rollover images but I can't seem to get the script to target it. http://jsbin.com/oxahed/1/edit I'd like the words to have this effect: http://jqueryfordesigners.com/demo/fade-method1.html Any help would be amazing! Warm regards, Dar
Dialog box, Stripping CSS, and 508 Compliance
Greetings! I have been tasked with making our product 508 Compliant. One of the Standards that our pages have to comply with is that a web page has to be able to work correctly if all CSS has been stripped. Our Dialog boxes are very simple. They are opened by clicking a hyperlink labeled 'Expand'. They have the label, the X to close the box, and the body of the box simply displays the full text of a field found on the main page. I have discovered that when you strip out the CSS from the page, the
How to save counter time when jumping between tabs?
Hi I am using the runner plugin http://plugins.jquery.com/runner/ It is working perfectly. However, I have it to auto start counting as soon as the user load the page. However, the problem that I am having is that I have 4 tabs in my main page and I want to keep the timer running even if i switch the tabs. I am assuming that I would have to store the value of timer in cookies some how and set the times to start counting from the cookies time. but how can I store a value in cookies? and keep the
blockUI - Object does not support this property or method
I am using jQuery in my jsp for AJAX hits. However, when I use blockUI the page displays an object not supported exception. My jsp has the following and the jQueries work fine. <head> <script type="text/javascript" src="<c:url value="/scripts/jquery-1.4.min.js" />"></script> <script type="text/javascript" src="<c:url value="/scripts/json.min.js" /> "></script> <script type="text/javascript" src="<c:url value="/scripts/jquery.blockUI.js" /> "></script> <script language="javascript" type="text/javascript">
Highslide JS ajax navigation, loosing editable java script on next or previous page
hi guys,... can anyone help please,... I am using highslide htmlexpand on a site. I expand the ajax page when you click on a link. I am trying to run a jeditable script that definitely works because I'm using it on regular view. When I click on a link for the first time, jeditable script works as expected. However, in every subsequent html expand pages, the script will not work. What could be the problem here? Thanks in advance,... here is my Highslide config: <script type="text/javascript">
Setting global option to require data() to persist changes to dom-elements
From the jquery docs: The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated (all data values are then stored internally in jQuery). Is there a way to make sure all setting through data() results in an actual update of the dom-element instead ? Use case: I'm building a framework in which extensions (beyond my control) may use jquery data(). However the framework core itself doesn't use Jquery at all. Still the core needs to be able
Any alternative to useFastClick?
In 1.0b1 there was the useFastClick global option. Then in 1.1.1 and subsequent releases it's gone. I'm just wondering if there's a popular alternative to get that 300ms response improvement back on iOS?
$.AJAX not always working
I have a AJAX call that works great in firefox but not in IE9. I am thinking it could be down to same origin policy but why does it work in firefox? the error message I get back in IE just says undefined. what more can I do to understand the error better? here is the code $.ajax({ type: 'GET', url: "http://192.168.0.34:81/tenHsServer/tenHsServer.aspx", data: { t: "ab", f: "ToggleDevice" , d:$x10Device }, error: function (request, status, error)
Nested list alternative now that it's deprecated
Hi all, I use the nested list functionality a lot, and I see that it is deprecated in jQM 1.3.0 (according to the docs) and will be unsupported in future releases. I'm not sure why it is being left behind, and I'm wondering if there is now a better way to achieve that functionality. What I hope isn't the answer is that they want us to switch to making ajax calls for every click. The nested list does a nice job of allowing a certain level of navigation without new web calls, and then rely on ajax
1.10.0 HTML in dialog title
Hello, I used to put custom HTML in dialog titles. Used to work in 1.9.x and documentation for 1.10 states "Any valid HTML may be set as the title.". Instead, HTML is rendered as text. In the following example, the title of the dialog contains the text "<h3>Title</h3>": Am I doing something wrong? <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script
Recommendation for a page scroller
Hi, I'm relatively new using jQuery and I'm getting ready to design a new site in which I want a page scroller to be integral to the design. The only real requirement is that it is easy to incorporate the code. — I looked at this pagescroll plugin — http://pagescroller.com/ - I would willingly pay for the Pro edition, but I downloaded the free edition and it fails to activate in WordPress. That, plus no communication from the author, doesn't inspire a lot of confidence. I've also looked at this
problem with changing collapsible icons
I'm using jquery 1.8.3 and jquery Mobile 1.3.0 and i have a problem changing icons of collapsible button. i can do it only once :-/ after it's stuck to the second set of icons i assigned. For example i have a collapsible set. <div id="ui_form_pa" data-role="collapsible-set" data-inset="false"> <div data-role="collapsible" id="grp_newpa_cat" data-collapsed="false" data-collapsed-icon="circle-blank" data-expanded-icon="circle"> some wall of text.... </div> </div> <a data-role="button"
Using two versions of jquery in same page
Hi, I need to load 2 versions of jQuery in one page. So I did some research and found that it is possible and this is what I did: <script type="text/javascript" src="js/jquery.1.9.1.js"></script> <script type="text/javascript"> //create this naming for Jquery 1.9.1 version var jQuery_1_9_1 = $.noConflict(true); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> I created a variable jQuery_1_9_1
Draggable disturbs absolute positionning
Hello, I have a very disturbing problem with the jqueryui Draggable interaction. Basically I'm writing a scheduling web application using jquery 1.9.1 jqueryui 1.10.2 modernizr 2.6.2 The application displays a grid with schedule cells that CAN be movable. These cells are div elements with absolute positioning. If the cell is movable I simply issue the statement: $cell.draggable(); (I've tried with different option sets but this does not impact the issue) I was developing this application with Firefox
.keypress vs .keydown Description on the jQuery API Documentation
I built a textarea length monitor a while back, and when I was doing it, I used the API documentation which said, and still says, that .keydown only fires once if a key is pressed and held down. If I want my monitor to update as the key is held down (every time a character is added), I'd need to use .keypress. I was testing this in IE10 today and found that .keypress only works for inserting characters on IE. Pressing backspace or delete doesn't fire the event. (Those keys do fire it in FF/Chrome).
Asp.Net CheckBoxList Selected checkbox id's getting using Jquery
Hi, I am using .Net Framework 4.0 with Asp.Net C# along with Jquery v1.4.4 My problem is that how can i get no. of selected checkbox id's using jquery in comma seperated values? Below code runs successfully but on alert window i got undefined,undefined Here's my Asp.Net Code: <div> <fieldset> <legend>Multiple selection from CheckBoxList and show the selected checkbox id's</legend> <asp:CheckBoxList ID="CheckBoxList" runat="server" ClientIDMode="Static" DataSourceID="sdsCheckBoxList"
how to increase selection criteria??
I have this statement: $(function() { $('em:contains("$0.00")').each(function() { $(this).html("Call for Shipping"); }); }); It's not specific enough, it won't work if it's $20.00 for example... How can I put a wildcard to catch characters between the $ and 0?? OR This is the way it gets rendered on the html if it's not $0.00 <em class="ProductPrice">$20.00</em> Otherwise if it's $0.00 jQ changes it to <em class="ProductPrice">Call for Shipping</em> and before
Problem CSS when using Jquery
Hi, I have a really strange error. When I use some Jquery function, the css doesn't works. I give you an exemple : The first list looks good (l.16), but the second using Jquery doesn't works (l.36). Thanks ! <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
Next Page