Sorting divs based on the value of a child div
I have a table of links, except it doesn't use a <table> tag, its all divs: <div class="matchrow"><div class="channelname">Link 1</div><div class="app">Red</div><div class="language">en</div><div class="kbps">320</div><div class="link"><a href="link1.html" target="_blank">Watch</a></div><div class="clearb"></div></div> <div class="matchrow"><div class="channelname">Link 2</div><div class="app">Red</div><div class="language">en</div><div class="kbps">375</div><div class="link"><a href="link2.html"
some observations on ajax navigation and help appreciated
for the past two months, i have been trying to get a mobile version of my site. so all my stuff are for jquery mobile 1.3.2. here are some things that i have figured out by myself, so please comment on what i have to say and tell me if i am doing something wrong. first as watusiware pointed out that multi-page way of doing things is not very useful unless you have a very small site involving only very few pages because you cannot navigate to a multi-page with ajax. (1) i am not sure sure if i am
Show larger photos
I'm a retired programmer trying to keep up with technology. I have a travel blog with photos on which the viewer can click on to view a larger version. Right now I use an old-fashioned anchor tag that creates a new page. I've noticed a new way to show larger images where the large photo is on top of the original page while the original page is darkened and in the background. The large photo can be dismissed and the original page "undarkened" by clicking on a button or hitting the ESC key. Can
Jquery Mobile autocomplete plug in
hello guys i'm a newbie to jquery mobile and am developing a mobile application. Am having a problem with making one of my lists autocomplete when typing into the search box using a remote data source. I have done a bit of research and found out about the jqm autocomplete plugin it seems to be working but the problem is that i cant see the actual values from my remote data source all i get is "undefined" values on my list. Please help see code below <title> Data</title> <meta name="viewport"
Enable <table> (and <tr>) to be sortable.
Hello everyone, and best whishes for the incoming new year. I'm a new jquery user, and i want to use "sortable". By default, the "sortable" function only works with lists (<ul> and <li>), but i want to use it in a table, to rearrange my rows. I thought it would work with any <tag> as it has the right "class" or "id" but it won't. (sorry for my english) Here is my actuel code...(with <ul> and <li> tags) (it calls a ajax file to save the change in a database, but i've moved this part of the code, 'cause
How can you divide the .duration in html5 audio and video player by mins and sec??
.duration on html5 is being display by seconds. the problem is what if the lenght of the video is 4:31 that will be 271 seconds right? how can divide it like 4:31?? this is the sample code alert(song.duration / 60) the result is 4.516666
manupulating table value
Hi, I am new to jquery. I have a table generated on fly <table id="rowclick1" class="rowclick"> <thead> <tr> <th> Delete</th> <th>ISBN</th> <th>Price</th> <th>Quantity</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" id="1" value="yes"></td> <td>row 1</td> <td><input name="price" type="text" id="price" value="15" size="6" /></td> <td><input name="qty" type="text" id="qty" value="15" size="6"></td> <td>1</td> </tr> <tr> <td><input type="checkbox"
jQuery UI Tab via Ajax
The following JavaScript codes cased an Ajax error. What would be wrong with this codes? <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css">
$.ajax returns 0 as HTTP error code instead of 404
Below is my ajax call from the HTML page. Its actually a ajax call from an interation block. In this I am expecting that a couple URLs will fail with HTTP code as 404. From FireFox Net console i could see that the HTTP status as 404. But the jqXHR.status is 0 (zero). Could somebody please explain why its return 0 when the actual HTTP response is 404? $.ajax({ url: serviceURL, type: "POST", async: true, crossDomain: true, contentType: "text/xml", context:
delete image from database
Hi, i'm trying to delete images under jquery or ajax, i do know how to delete from php. Is because i'm rookie and still learning ajax and jquery, I kind of need help with sample of basic code of jquery or ajax to delete image file name (not row) from database.. Does anyone can help me how to write that code to delete image file name from database when press button after retrieve image from database please! Pretty please... thanks. AM
getAttribute vs attr()
Just a quick technical question about why I couldn't use getAttribute() inside a jQuery function? I would get an error message, getAttribute is not a function. So I went and used attr() instead but what gives?
The same ID in multiple pages?
I have a strange problem, but after reading a few posts here I think I may have an idea what is causing it. I have a panel with a form in it containing some radio options, two popups to pick a "to" and "from" date and some JavaScript to do some form validation. All those elements are in a PHP page that I include in several pages of the app. When you pick dates in the form, you submit them and it reloads the current page, which reloads a new recordset from the database based on those dates, then the
xml output in lists with progressbar
OK, I almost have everything I need for this silly little xml read and output. The last thing I am trying to do is associate a progress bar with a probability. I ended up modifying the xml so i could read each probability so it looks like this: <?xml version="1.0" encoding="UTF-8"?> <bn> <node> <name>Stability</name> <state prob="0.15">Low - </state> <state prob="0.25">Moderate - </state> <state prob="0.60">High - </state>
Retrieving and updating data
Hello All, I'm using Jquery Ui datepicker with ZendFramework version 1. When I enter new data on date fields the datapicker component works fine. When I try to retrieve data from the database and fill the date fields on the page I'm sending to the user, the date fields aren't filled with the database informaton. Could u please explain to me what should I do before showing the field to the user? Kind regards JDC
jquery table sorter
Hi How can I maintain the pages State after postback or redirect happens in jquery tablesorter. thank you, Kulasekar
removing scrollbar from textarea
I am trying to remove the scrollbars from a textfield. textfield has a class "textbox" Is this the right way to do it? $(".textbox").css("overflow", "hidden");
how to go to next tabs using keyboard
I am new to jquery ui. How to createKeyboard navigation using tabkey/right arrow key/left arrow key (like for moving to next tab) feature for jQury Tabs on keyboardleft/right> changeback/forwardcontent ofactivenested ajax tabs tab <div class="tabs"> <ul class="tabNavigation"> <li><a href="#first">tab-1</a></li> <li><a href="#second">tab-2</a></li> <li><a href="#third">tab-3</a></li> </ul> <div id="first"> First name: <input type="text" name="fname"><br><br> Last name: <input
I just can't believe I cannot validate a single textbox
Guys, I need help, otherwise gonna go back to JavaScript pure and simple. I can't validate a number in a text box. See the code: <script src="Scripts/jquery-1.9.1.js"></script> <script src="Scripts/jquery.validate.js"></script> <script src="Scripts/additional-methods.js"></script> <script type="text/javascript"> $(function () { // i have tried without this function () also $("FormDBORC").validate({ rules: { TextBoxValor: {
The definitive ID experiment
I copied this from a response of mine. I think it deserves it's own post. Here's a little experiment you can to do to understand why using IDs is a problem in jQuery Mobile. I haven't put this in a jsFiddle, etc, because I want to keep it as dead-simple as possible. I want people to create a file locally and experiment with their browser console. (Or, if you prefer, add console.log statements.) ------ Try the following simple example. You only need a simple page, and jQuery (don't need jQuery Mobile)
jQuery mobile a "changePage" message problem
when in version 1.3.2，I can use this way to chage other page，and show the "changing" message $.mobile.changePage('index.html', ..... $.mobile.loadingMessage = "reading..."; $.mobile.loadingMessageTextVisible = true; but in version 1.4.0，the "changePage" method will deprecated as 1.4.0 and removed in 1.5.0 by future http://api.jquerymobile.com/jQuery.mobile.changePage/ so I use pagecontainer widget's change() method instead，now I use this way $(':mobile-pagecontainer').pagecontainer('change', 'index.html',
Multiple div around textbox
I am using jquery mobile 1.3.2 version. I have a html table (With data-mode=reflow), which is bound to an observable array using knockout. Whenever an element is added to array, a new row is added dynamically to the table, which is working fine. The problem is there are two divs around textbox (As shown) . Please let me know how to avoid one div around textbox. <table> <tr> <td> <input data-mini="true" data-bind="value: UnitsReceived, attr: { name: 'UnitsReceived_' + $index()
Issues with Header and Footer background color in jQuery Mobile 1.4
Hi, Until jQM 1.3, customized background color where working using the jQM CSS class ui-header & ui-footer. But after upgrading to jQM 1.4, effects of these class has been negative. The 1.4 framework uses active/default theme background color for header and footer. Let me know if this is jQM 1.4 release bug. If not how to apply the customized background color for header and footer in jQM 1.4 Thanks!!
multi-page navigation
i am trying to implement a multi-page site. but the problem is that JQM uses ajax which only loads the first page of a multi-page document. Is there a way for me to simply force JQM to load a document completely and replace whatever in the dom with the newly loaded pages? My situation is that I want a user to be able to sign in to my site, and also sign in with a different user name. so upon sign in, i just do a reload which should get everything right for the newly signed in user. This is the way
Gary Seckendorf - Use jQuery in ASP.Net
Hello, My name is Gary Seckendorf. I am beginner in jQuery. I want to know how jQuery use in ASP.Net.? Regards Gary Seckendorf
Javascript and ajax not displaying autmatic filled values (only on IE8)
Hello everyone, I have 2 fields (representing iban account and bic code). When I fill the iban, I want the bic to be filled automatically. I use a small scrip doing it and it works well. Unfortunately, it doesn't work for IE8 (it works for Chrome, Firefox, IE11). Here is my script : <label for="test">BIC</label><input id="whatever" type="text" name="testWhatever" value="" class="ajax up" maxlength="11" onchange="getAjaxLabel(this,'updtComp','warning',null,true);" size="20" /><span class="mandatory"> </span></p>...
TextBox Value on one tab passed to a label on another tab
I have been banging my head trying to figure out how to get this to work. I am creating a form with jQuery UI Tabs. I have 3 tabs: Basic Information, Payment Information, Confirmation. The first two tabs have textbox's for user to fill out, and the confirmation is just a blank label that should pull the value from the corresponding textbox on tab-1. Here is some of my code: I have tried multiple variations below in changing lblConfirmFirst and tbFirstName as well as the .val and .html <script> $("#btnContinue").click(function
Numbered list problem with dots
Hey, i have problem with numbered listview. JQuery Mobile version <script src="../../Scripts/jquery.mobile-1.3.2.js"></script> HTML <div class="ui-body ui-body-c" style="padding-top: 15px;"> <ol id="playerList" data-role="listview" data-split-icon="delete" data-split-theme="a" data-filter="true"> </ol> </div> PROBLEM DESCRIPTION Names are not longer then others. When i will add new name, it will shows like ... (dots) after new loading from DB and
jQuery Knob issue
Hi, I am using touchable jquery knob - mouse click and wheel mouse but it is not working properly in ipad and iphone Refer this link http://screencast.com/t/TuCGvHBY8T kindly help us Thank you
jQuery button with 3 possible values - multiple clicks
Hello, I would like to create a button that can be clicked several times and whose value will change at each click. 1) Original stage : button with text "Maybe", button color = grey -click- 2) button with text "Yes", button color = Green -click- 3) button with text "No", button color = Red -click- 4) back to Original stage : button with text "Maybe", button color = grey etc... How to do this? Thanks
upload images...
Hi, I have project that allow me to retrieve five images from mysql (using image file name) and I be able to see images. And please see this bottom code.... function readURL_3(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#images_3') .attr('src', e.target.result) .width(170) .height(170); $(this).css('padding',
Slider range with fixed maximum, text as value
Hi, I'm working on a jQuery Slider for my website. I'm using this slider http://jqueryui.com/slider/#rangemax. I want to replace the minimum and maximum by text values. So that if you scroll to the next value (text) it will redirect you to another page. My question is if this is possible, and if it is, how can I apply this to the code. I'd really appreciate your help. Thanks in advance!
jQuery dialog form submission failure
I'm loading some dynamic contents using jQUERY load as: $('#modal-container').load($(this).attr('href')). dialog({ maxWidth:550, maxHeight: 300, width: 400, height: 250, modal: true, title: 'Dialog', buttons: { "Update": function() { alert('submitted ('+$(this).attr('href')+')'); $(this).find('form:first').ajaxForm({ success: function(data, status) { if(data.status == 'success') { notify('Success'); } else { notify('Error'); } }, error: function() { alert('failed'); notify('Error'); }, }); $(this).dialog("close");
How to prevent the user from repeating a character more than three times in the same word using jquery
good morning everybody,,, How to prevent the user from repeating a character more than three times in the same word like this : "hiii" its possible, but "hiiii" not possible type in textbox,indicator is stopped. I wnat like this site to add advertising look the textbox : الإعلان * I tried this code : <input name="text1" type="text" class="mult"> var mult = false,prev = 0; $('.mult').keydown(function(e) { if (!mult) { mult = true; prev = e.which; setTimeout(function() { mult = false; }, 10000) } else
$.getJSON is not working in Chrome. But working if we use a web server.
Hi Guys, I have a simple HTML file which is actually making some bunch of ajax calls after it reads the URLs from a json file. So to read the JSON file, i am using the method $.getJSON as below. This working fine, if I run the HTML file as a application via Apache web server. $.getJSON("WebServices.json", function( response ) { But if I run the HTML file as a simple html file directly on Chrome browser, I am getting the error below. However the same code is working fine with IE and FF. The json
Problem with a collapsible listview
Hi guys, I had a problem while trying to port an app from 1.3 to 1.4 and I can't find the way to fix it, I hope you can help me. The problem is about trying to put a collapsible listview like this one http://demos.jquerymobile.com/1.4.0/listview/#Collapsiblelistview dynamically. I read the data from a json file, then generate an unordered list and then refresh the listview, it worked fine in 1.3, but now the search filter just doesn't appear at the top of the list like it used to do (it does if I
In what order are css files prioritized
For instance: If I have two css files and both have some of the same classes, in which order does the browser attach priority.
How to bypass checkboxes when checking for change event
Hello, Im trying to to bypass a checkbox selected when checking for a change event. My code is as follows but is not working: $("#detail").not("input:checkbox:checked").change(function () { changeflg="true"; });
Drag and Drop listbox elements up an Down
I am new to jquery and want to move elements in listbox up and down with drag and drop. Is it possible. Thanks in advance
how to call a function
Hello guys, Im using jquery mobile now for a while, but i can't solve this problem. i would really appreciate if someone could help me. I found a code online (a real countdown, so it can show how many hours left till ".." event will begin). My question is now, how can i display this function? The code i found, i placed it in the head with <script> and </script>. How can i call the function itself in the html so it displays the countdown on my browser when i do preview in safari. I really could
meaning of using + operator after += operator
Hi, in 1 of the code, i found the following: sum += +new_price; What is the meaning of using the +operator in front of new_price variable after using += operator? Thanks PhpDev
Next Page