Validate
With the jQuery Plugin, Validate / Validation - I have a question about the URL validation logic... I can enter in a partial URL and it comes back as Valid: Using the test screen: http://jqueryvalidation.org/url-method/ entering: http://www.t comes back as a valid URL. Will there be logic added to make sure the URL is fully coded? Thanks
toggle checkbox and remove value
Hello and thank you to all who have previously helped me. I thought I had this working but not any more. I have a form with a checkbox array. If the "Other" checkbox is checked, then a textfield appears (in div #fieldOther). If "Other" is unchecked, then the textfield as well as the value in it disappears. That is all working fine. However, the action on this form takes the user to a page where they can review/edit their form data. The code below, used to work, so that on this review page, if
Change images at different (an array) times
I am creating a site where it has a slide show (presentation) but I want to slides to change at different seconds. So Image1.jpg runs for 5 seconds Image2.jpg runs for 10 seconds Image3.jpg runs for 7 seconds I know how to do it at a set interval but not multiple intervals. An example of an array of time would be great
Problem finding previous class
Hello, I have a table that has headings that have classes to identify which group Im working in. Im trying to get the class of the group(a previous tr). var $classes = $(this).prev(".itemno").prop("class"); But it's not returning the class. It's returning undefined. What shouldl I be using? <table> <tr class="itemno itemno1"><td></td><td></td><td></td></tr> <tr ><td></td><td></td><td></td><td>button</td></tr> <tr ><td></td><td></td><td></td><td>button</td></tr> <tr class="itemno itemno2"><td></td><td></td><td></td></tr>
save jquery ui slider value in cookie
Using the UI Slider to set background opacity in a theme switcher. I can see in the consolde the cookie value updates but doesn't save when i refresh the page. $(function() { if ($.cookie('headOp')==null){ $.cookie('headOp',0.5); } $( "#op-slider-header" ).slider({ max: 1, min: 0, value: 0.5, step:0.1, slide: function(e,ui) { $.cookie('headOp',ui.value); $('#headerOpVal').html(ui.value); } });
Script does not reach the end
JavaScript (JQuery) <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="jquery.cookie.js"></script> <script> if ($.cookie('cookietopshapes')) { $("#formulario666").submit(function() { var login = $.cookie('cookietopshape'); var senha = $.cookie('cookietopshapes'); $("#buscarinput").prop('disabled', true); $("div#status").html("Logando..."); $.post('logar.php', { login: login, senha: senha }, function(resposta) { if (resposta != false) { $("#painel").toggle();
Display autocomplete results by most accurate, not alphabetical
Hi The source for the Autocomplete is a PHP file that grabs the data from the database. The list is of business names. The client needs the search to look for the users word/s any where within the business name. For instance the source could be "Wishing Well Care Home, Wellbeing Care Homes, Day Care Wellbeing, Wellbeing Clinic...". If the user starts typing in "well" it will find the all results containing "well". The problem I have is if the user types in "Wellbeing", the results are alphabetical.
Replace using multiple selectors
I've got a TD with a class (ms-vb2) - within that, I have an anchor tag (a) the Text within the anchor tag is a file name with underscores everywhere you would normally use a space (My_Official_File_Name). I want to replace the underscores with a space. I've tried: var val=$(".ms-vb2 a").html(); var val2=val.replace("_"," "); $(".ms-vb2 a").html(val2); But it only replaces the first underscore in the text - not all of them. What am I doing wrong?
Remove filename from string?
Does anyone know if it is possible to remove filenames with different lengths from a Url? The Url could be anythng http://server/site/somepage/anotherpage/filename.any Thanks, Dan
JQM and php, page internal
Hello, I have a question. I use php, jqm and external page. When i need use link i use : <?php while ($fila = mysql_fetch_array($peticion)) { echo '<li><a href="detalles.php?id='.$fila["term_taxonomy_id"].'" data-transition="none"></li>'; } ?> But, how can I do it only with internal pages?
After navigating from single page to multiple page, Multiple page internal navigation is not working.
Hi, I am using jquery-2.1.0.js and jquery.mobile-1.4.2. I have singlePage.html. On a button click handler, I navigate it to multiplePage.html using following code: $( "body" ).pagecontainer( "change", "multiplePage.html", {dataUrl: "http://localhost:8080/SomeProject/index.html"}); Now In my multiplePage.html when I click on a link having internal references, it does not navigate. Nothing happens. multiplePage.html: <body> <!-- Start of first page: #one --> <div data-role="page" id="one"> <div data-role="header">
How do I get Ajax working with Phonegap?
Hi, I am a designer/front-end developer building a PhoneGap app as my thesis project. I want to use JQM swipe page navigation http://view.jquerymobile.com/master/demos/swipe-page/ but can't get it to work as I get the following error (only showing one example but I get the same for every Ajax-based link on the page): XMLHttpRequest cannot load file:///Users/.../Sites/map-compass/www/tools.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore
how to replace onChange="this.form.submit(); for ajax page load
Hello I'm trying to replace onChange="this.form.submit(); with a script to get it to work with ajax page load. <form id="manufacturers_catalog" action="http://localhost/oscommerce-2.3.3.4_updated/catalog/mobile/catalog_mb.php" method="get"> <select name="manufacturers_id" id="manufacturers_id" data-native-menu="false" size="1" data-theme="a"> <option value="">Please Select Manufacturer</option> <option value="6">Canon</option> <option value="4">Fox</option>
jquery ui slider image width
I'm trying to make an image appear as the slider moves. So for example I have 2 images and the one images has overflow:hidden and width:0%. So when I move the slider the 1st image must increase its width over the 2nd image. Here is my HTML <body> <div class="puppy"><img src="images/dog.jpg" /></div> <div class="kitten"><img src="images/cat.jpg" /></div> <div id="slider"></div> </body> Here is my JS $(function() { $( "#slider" ).slider(); }); And here is my css .puppy { overflow: hidden; position:
Unhandled exception at line 6953, column 7 in .../Scripts/jquery-ui-1.10.0.js, 0x800a138f - Microsoft JScript runtime error: Object expected
I am getting a bug in this function; _search: function( value ) { this.pending++; this.element.addClass( "ui-autocomplete-loading" ); this.cancelSearch = false; this.source( { term: value }, this._response() ); }, I find that this.source == null, which causes an unhandled exception; 0x800a138f - Microsoft JScript runtime error: Object expected. I am not sure how I can find out the problem so I can fix it. I am using VS 2012 and an ASP-MVC application.
How to copy text from Text area to Clipboard using jquery?
Hi, I want to copy text from Textarea to Clipboard using jquery, Not required Zero Clipboard, zClip,Zero Clipboard, I need it using jquery. Thanks, Madan
setting Character set
I'm not even sure if I'm in the right place here, but here goes anyway... We found a little game, which according to the author was designed to show the power of JQuery. The game is an ideal tool to teach young children (7-10) proper keyboard skills. This is what we want to use it for, and the author does tell us in his blurb that we are free to modify and use it as we wish. Here's the problem: the young children in question are Greek, and we cannot get the game to produce Greek, lower case characters.
How to handle click() event to expanding width for each element
Hello, Im new in jQuery. I write 1 small JS to change DIV width after click for each DIV in LIST ORDER. But I want when I click on another DIV, prev DIV will return default width, and the new one I clicked apply the new width. Here is my code.http://jsfiddle.net/gaoshun92/a3bdt/
Working example of jQuery UI dialog in a BookMarklet?
Hello all, I was trying to create a simple dialog in jQuery UI in a bookmarklet script. Thanks to stackoverflow.com I could make a script work but it doesn't work on certain websites, like for example on Wikipedia. This is the script that I got: http://stackoverflow.com/questions/22494508/jquery-ui-dialog-in-bookmarklet-and-greasemonkey Can you help me to find a better script that works on Wikipedia? I tried other ways to load jQuery UI but it didn't work for me. Thanks
Is .button() efficient?
My top level page has a tabs-widget (implemented using .tabs()); and each of the panel in the tab-set is a separate page (html or php). I want to keep the same appearance in the top level page, as well as content inside the tab panels. So in those separate pages, I am not doing any styling or anything, just creating content in there. Now let's say I want to theme all the buttons. So in .ready() function, I do a $("button").button(); which will apply UI theme to all buttons. I also want to theme all
What is wrong with this code? (it scrolls a div)?
Here is the code, the idea is that you have a div on your page with id of "content6", and it takes up only a part of your page. The div has a scrollbar because it has enough text content so that many scrolls are needed to get to the bottom. Given a "fraction" like .3, you want to scroll it down to 30%. Or a fraction of .5, you want it to go to 50%. The following does not work. function tp_setScrollFraction(fraction) { var bod = document.getElementById("content6"); var iNewHeight = bod.scrollHeight;
How do I find the "scrollable" height of a div
Suppose I have a Div that fills only part of my screen, but it has a vertical scrollbar because it has lots of text contents. When the user clicks a button, I want to know where the thumb of the scrollbar is - is it at the beginning, the end, or maybe 30% through the content? I thought I could use "scrollHeight" in my calculations, but that seems wrong - in my tests I find its a huge number. How can the task be accomplished?
jQuery Plugin
Hi I use jquery library in my website and recently I added a plugin which crop an image and it uses jquery library too, when I config this plugin with my website when I remove plugin jquery lib I can't crop an image and when I remove my web jquery lib my scripts don't work. I use version 1.10 and plugin's jquery version is 1.6 What I Do...? thank you
how to get the middle element to be hovered automatically in thumnile slider?
hello, pls see this fiddle...http://jsfiddle.net/N8Uzc/ in this slider there are 4 thumbniles, everytime when we press the 'prev' or 'next' button 2nd thumbnile border should be in red color.
jquery.ruler
Does the jquery.ruler plugin not exist anymore?
I need help please.
Hello, What I want to do: - Save a div (+ everything in it) to a javascript variable. - Be able to turn that js var into a php var. - Put that php var into a database. - New to jQuery -
The dialog buttons do not show the text.
The dialog buttons do not showing the texts: Submit, Cancel. $(function () { $("#dialog").dialog({ resizable: false, height: 350,width: 500, modal: true, buttons: { Submit: { text: "Submit", "id": "submitBtn", click: function () { $(this).dialog("close"); $("#SubmitBtn").click(); } }, Cancel: { text: "Cancel", "id": "cancelBtn", click: function () { $(this).dialog("close"); } } } }); });
how do i append the div (id="this") into table?
<script src="jquery.js"></script> <script> $(document).ready(function() { $("#tbl_add").click(function(){ $("table").append("#thi"); }); }); </script> <table border="1"> <tr> <td>Label</td> <td>Find By</td> <td>Event</td> <td>Data</td> </tr> <div id="this" <tr > <td><input type="text"
i want to append the tr row in the table..the code doesnot works well!
<script> $(document).ready(function() { $("#tbl_add").click(function(){ $("table").append("#thi"); }); }); </script> </head> <body> <div id="Case"> <div id="CaseTable"> <form> <table border="1"> <tr> <td>Label</td> <td>Find By</td> <td>Event</td> <td>Data</td> </tr> <tr id="thi">
Ajax tab not executing script
I am using JQuery UI tabs to load content through Ajax. I have two tabs that is loading the remote page. Remote page contains html content and script. When tabs are clicked remote content are loaded correctly in the tab content. Script in the remote content executed correctly on document ready function. Second tab is also loading same remote page correctly. But the script in second remote content not executing. Script also register click event on a button that was also not firing. In first tab remote
List item and MVC4 styling
I have a set of list items that I am using that need to be a link and http post back to the controller. I had to do some custom styling on them, just not sure the best way to handle it. This is what I have: <ul data-role="listview" class="listItems"> @foreach (var item in Model.shares) { <li class="outerListItem"> <div class="accountLI">@item.description</div> <div class="currentLI">@item.Num1</div> <div class="availableLI">@item.num2</div>
Jquery mobile and asp.net button not firing
Sorry guys i've tried looking through the previous post and non seem to be helping me with this issue. simple jquery mobile page with a asp.net button on it that i want to fire to update the database with a one textbox field then redirect to another page. using a master page and a child page with my content in it. in header of master page: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
Simple toggle question
Using this simple code - <script> $(document).ready(function(){ $(".header").click(function(){ $(".listholder").toggle(); }); }); </script> By default I would like the .listholder div to be minimized and only show when the .header is clicked. At the moment it shows when the page loads. How can I achieve that? Thanks, Mart
Converting .live() to .on() with complex selector
How can this be converted from .live() to .on()? $('[id^=generic1_id_]', '[id^=generic2_id_]').live('click', function(){ To convert to .on(), I could create two working examples seen below, but then I have to re-use code in both, whereas with the .live() example, I am able to reference both selectors and the code will be executed on a click event for either selector. Also, I am using .live() because the click handler needs to apply to new elements added/created after the DOM is loaded. I know the
Accordion questions
Totally new to jQuery, and trying to slightly customize my implementation of the Accordion widget. Have looked on the Accordion API page but I'm not finding what I'm looking for. 1. How can I make all panels start in the collapsed state. At present, the first panel is expanded on page load. 2. Using CSS, how can I customize the main accordion eg. removing lined border and padding etc. Thanks, Martin
sEcho along with all jQueryDataTableParamModel parameters is null after 1st execution.
I have a jsp page with serverside processing having a form having some options(selection criteria for data to be displayed)and a button used to display a list data using datatable. For the first time, is display the list data on the page, but when i click for 2nd time changing date, then it gets stuck and the console says the all my params for datatable are null. the params are : import javax.servlet.http.HttpServletRequest; import com.healthslate.common.util.ObjectUtils;
.addClass not updating page, but does through debugger!
I have this simple section of code: if (field != null) { var data = snapshot[key]; var value = data['name'] ? data['name'] : data; var prevValue = field.val(); field.val(value); if (prevValue != value) { field.addClass('lvd-value-changed'); } else { field.removeClass('lvd-value-changed'); } } I am using a socket technology that sends the data directly to the browser. I get a snapshot of data as JSON. I am able to see the values
Need to remove .00 in the gridview cells
Hi All, I have values in gridview as "123.00", "124.23". I want to truncate every thing after decimal. i.e., 123.00 should be 123 124.56 should be 124 Can anyone help me here. Thanks Vikram
Choosing appropriate technologies for mobile app development
You already have developed a mobile app or you plan to develop one in the future? You wish you had a guide for choosing appropriate technologies? With the participation of the following survey you can help to evaluate the spread of different technologies and support the implementation of an interactive guide for mobile app development. Filling out this survey will only take 5 minutes of your time and it would really support the writing of my bachelor thesis. Link: http://survey.pilhar.net/index.php/survey/index?sid=861867&lang=en
Back button Chrome and IE
Hi, why if I press TEST button (TEST button now is disabled) and then press GO button, when I press the back button of chrome or ie TEST button is enabled but was disabled....with firefox works. test page Thanks
Next Page