Separate in paragraphs after every "."?
Hi everyone, If I have: <p>text1.text2.text3.</p> , how can I separate them in three different paragraphs? for any name text. I tried around this $( "p:contains('.')" ).insertAfter("p") or var element = jQuery(".class p").text.split("."); but doesn't work, regards, Anna.
swipe event bug
Hi everybody, I've got a problem using the swipe event, I have to swipe around 10 times to fire it. I saw this problem in many topics but I didn't understand how to fix it. Here's my code : $("#article").on("swipeleft", function(){ $(":mobile-pagecontainer").pagecontainer("change", "#pAccueil", { transition: "slide" }); } ); Thank you !
simulating click event in jQuery mobile
I have two pages on the same html document and I would like to log from the first to get to second one internally.
jQuery autocomplete personalization select problem
Hello, For presentation purpose, I need to tweak and extend jquery-ui. I need this presentation : For doing this, I must change the <UL> in <DIV> with a little tweak (last part of the code). I rewrote the autocomplete refresh method for targeting the good .ui-menu-item I rewrote the _renderItem and _renderMenu methods to insert the correct html and to highlight the search string. I also need to implement the select callback to highlight the search string. But when I click on a result the menu is
UI.Sortable: Default position/index when receiving a UI.Draggable
Description: I have two Infragistics DataGrids, one is UI.Sortable and accepts rows from the second Grid which is UI.Draggable. I use the receive Event to get the dropped, new rows position/index inside of the grid to perform a server-request to re-order the rows in the database accordingly. It all works great, as long as I drop rows between the existing rows in the first grid. When I drop a row further down in the grid (the grid itself consists of multiple HTML table elements and a containing div
how to pass and get parameters between pages
i have two pages in one page . and i want to navigate between them and i want to pass id to the second page .what is the best way to do this ?
Problem in Jquery UI Menu on hover
Hello I am using Jquery UI Menu plugin in my app. I got one issue. In sub-menu (2nd level) If I hover mouse repetitively on single Sub menu item then sometime Hover action not happened. Explaining the scenario here : I copied demo example from here http://api.jqueryui.com/menu/#entry-examples and added one more sub menu level under Item 3-2 . Now hover the mouse on Item 3-2 next level come up but If I do hover repetitively then at certain point on hover the next level not came up. To reproduce
Datepicker wrong format
Hi there I used this datepicker: http://jqueryui.com/datepicker/ but after selecting the date, the input field shows MM / DD / YYYY How can I change this please? We want to show DD / MM / YYYY to our visitors after they select the date. Thanks in advance.
Login internaly with Jquery mobile.
<!-- Here is my html document and I woulkd like to login from "#login" to "#page2" internaly(on my local host). Thanks in advance. --> <!DOCTYPE html> <html> <head> <title>My portfolio</title> <meta name="viewport" content="width = deivice-width, initial-scale =1"> <link rel="stylesheet" href="themes/MyThemes.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
disable previews button in jquery
I have button that auto-fill column from the month of Jan-Dec. Now I need a code that previous month are unable to click while current and future button are able to click Demo: http://jsfiddle.net/CFv4M/116/
How to disable a series of buttons using jQuery
How do you disable the prev button when the previous month is less than the current month? For instance, if the current month is June, then I want to disable the prev month button so that they cant edit the month of May and the rest of it for(x=1;x<=12;x++){ contents += '<td> <input type="button" name="x" id="'+x+'" class="reupload btn btn-primary '+ disabled_class + '" value="Add" ></td>'; }
Valid Date routine
I have a current set of javascript that validates to see if a date selected is valid. My dates are picked from 3 different select boxes; one for month, day, and year. I'm running into an issue where if someone picks 2/31/2014, it sees it as 3/2/2014 when I really want it to just return invalid. Presumably this is happening because February only has 28 days so it's just adding a few more onto it. I was hoping someone could help me update my code to make it work correctly! Any help would be much
Change variable passed to plugin
Hi, Is it possible to change value of passed variable to a jquery plugin at the chrome inspect element or firebug? Suppose i see a page contain this script: $(document).ready(function() { $('#nivo-slider').nivoSlider({ slices: 15 });What i am trying to do is e.g. change 15 to 20 and see what's happening.
Need Datepicker in order to return date, days, etc in spanish
Hello, This is my first post on the forum. I am working on a blog that needs to return the date in spanish. I have already tried to change the name of the days and months in the jquery file (attached). Does anybody have an idea of how I might get this code to return the date in spanish? Thanks ahead of time
carouFredSel firefox bug
I'm using the carouFredSel image carousel and it works perfect in safari and chrome, but the main/feature image appears outside of the carousel wrapper in firefox. Can anyone tell me where my issue lies? Test site: http://gbetza.mydomain.com/webservice2/test/KathrynFee/2014/bridgehamptonResidence.html CSS: http://gbetza.mydomain.com/webservice2/test/KathrynFee/2014/css/style.css thank you!
Display checkboxes as a dropdownlist?
Hi, I have some checkboxes that I need to display them in a drop down list. I was searching on internet but I didn't find the solution for my case. Here is the code: <div class="amenities"> <ul> <li class="junio"> <input id="amenity553a208be5c793" type="checkbox" value="5" name="filter_amenities[]"> <label for="amenity553a208be5c793">Junio</label> </li> <li class="julio"> <input id="amenity653a208be5c793" type="checkbox" value="6" name="filter_amenities[]"> <label for="amenity653a208be5c793">Julio</label>
External Page
Hello, I'm using Jquery Mobile 1.4.2. When I use external page, for example (eia.html) and the rel="external" the transition doesn't work. Is important for me that have external page because have an order in the information. Are any method to have transition in external page? Thanks!!! <ul data-role="listview" data-inset="false"> <li><a href="eia.html" rel="external" data-transition="slide"> <img src="img/arbol.png"> <h2>EVALUACIÓN AMBIENTAL</h2> <p>Leyes de protección ambiental.</p></a>
Succession of fadeIn functions
I have a succession of fadeIn functions. I have coded it like so. It works. $(document).ready(function(){ $("#div1"). fadeIn ( 2000, function(){ $("#div2"). fadeIn ( 2000, function(){ $("#div3"). fadeIn ( 2000,
Embed Jquery mobile into non-Jquery Mobile enable page
Hello, I am using an online web design tool to build mobile desktop/mobile enabled pages. I don't have access to the html/javascript code being generated by the the tool but am able to insert my own html snippets within the page. I would like to extend the pages capabilities by allowing me to make it Jquery Mobile capable. Within the snippets I am able to embed both standard HTML and JS, Jquery code to alter elements within the DOM but am not clear on the best direction to do the following: Insert
Is it possible for $ajax to read form fields not in the "data{...}"
Im having to read hidden fields and they will have a different number of fields each time.
how to save data that come from json using ajax
i have script that get from server data using ajax and it's good . but if i try to reuse the data that comfrom json in another script it's not know the variable .My guess because the Anonymous function . can anybody can tel me what i need to do to be able to reuse the data that come from the server.without made calling to the server again . i attach the code that you can see . <!DOCTYPE html> <html> <head> <title>First jQuery Mobile Example</title> <!-- the three things that jQuery Mobile
Refresh content of dialog
Hello, I've been loading an external page into a jquery dialog using the below: $('<div>').dialog({ modal: true, open: function () { $(this).load('viewStop.php'); }, height: 400, width: 400, position: { my: "center", at: "center", of: window }, title: 'Bus Stop - Dynamically Loaded Page ' }); Is it possible to automatically refresh / reload the content say every minute, without closing
Refresh the same form after deleting from List view
Hi, I have one file called index.html and added one page with data-role="page".I've listed some values in that page.After selecting some ids and if i hit the delete button the soap ajax(web service) will form a xml and it will submit to the server and the response will come.The deleted records will not be show in current list.So i need to refresh the same page after getting reply form server.How can i do this ? Here my submit code, $.ajax({ url: wsdlURL, type: "POST",
Percentage position
Hi. I'm new to JQuery UI. I'm using JQuery UI to center my elements, but the elements are centered with an fixed position, in pixels. My site has fluid layout, then I want to position these elements with an percentage position. Is there a way to position my elements with percentage instead of pixels using the position() method? Sorry for my bad english. Thanks in advance.
Onsubmit show success message on div
I have 3 forms on a page which i submit by ajax and onsubmit it show a succesful message in a div. the problem is when i click submit on a particualr fomr, it calls all the sucess messages in all the divs. But i want it a particular div to show based on the form that was submitted <tr> <td colspan="3" bgcolor="#FFFFFF"><div id="comment_div"></div></td> </tr> <tr> <td colspan="3" bgcolor="#FFFFFF"><div id="love_div"></div></td> </tr> <tr> <td colspan="3" bgcolor="#FFFFFF"><div id="favorite_div"></div></td>
How can I disable the div using jquery before button submit ?
I have two divs called "Yes" and "No" <div id="object"> <div class="object-content"> I'd say <div class="confirm" id="btnYes" runat ="server" >Yes</div> </div> <div class="object-content" style="float: right"> I'd say <div class="confirm" style="color: red" id="btnNo" runat="server">No</div> </div> </div> And one Comment button called "Post" <asp:Button ID="btnPostUrComment" OnClick="btnPostUrComment_Click" runat="server" Text="Post Your Comment" Height="33px"
Accordion activate event. How to detect if a tab is opening or closing
I'm using a only one tab collapsible accordion, and I would like to detect the "open" operation and to distinguise it from the "close" operation, in order to load the tab via an ajax query during the opening. Any suggestion in order to detect the open and close operations (in the "activate" event, I suppose)?
jqGrid: Pass currently selected row parameters
Hi, How do I pass the currently selected row values (Group, Key, Time, Position) to the editurl (in bold) as a parameter? I have the following code: $(document).ready(function() { refreshGroups(); } function refreshGroups() { $.ajax({ url: "ajax/refreshGroups", dataType: "json", success: populateGroups, error: handleAjaxError }); } function populateGroups(jobs){ $(function () { var grid = $("#list"); grid.jqGrid({ datatype:
How to add a color to a list without using css
Hi everyone, I have this code: <div class="amenitiesul"> <ul> <li>Junio</li> <li>Setiembre</li> </ul> </div> I need to put two different colors background at "junio" and at "setiembre". And I can not add an "id" neither "class". I don't know how to do it, somebody can help me please? Anna.
How to push FileList to the previous variable
hey guys...! Im implementing jquery drag and drop file upload using ajax call to php I have implemented it successfully but i need a little modification and for me it is big When user drag and drop the multiple files im showing them up in a div containing id total . Once the user drag and drop the multiple files for the second time im clearing them up, instead of clearing i need to merge the FileList to the previous files which are stored in a variable upfiles Here is the basic code which i need
How to read injected Data from DOM-Object?
Hi, I store data to an DOM objekt in JavaScript like this: td["dayDate"] = day_date; Now, every cell in my generated calendar have it´s right Date in it´s DOM-Inspector: Now i´m using a jQuery plugin: http://medialize.github.io/jQuery-contextMenu/demo.html If i start a callback over this plugin on a clicked cell-object with: console.log($(this)); ...i get the right object. Example: jQuery(td#calendar_screen_cw2_d3_pjFPK_oemAU.calendar_screen_body_cell✉) And when i click on that in the console,
HELP: Can't pass value to hidden fields
Hi!, jQuery newbie here. As you can see the codes bellow, I'm trying to pass a value after such event, basically returning the date and age to hidden fields. // Compute age (fld_age) according DOB fields $('#fld_birth_yy, #fld_birth_mm, #fld_birth_dd').on('change', function(e){ e.preventDefault(); if ($('#fld_birth_yy').val() != 0 && $('#fld_birth_mm').val() != 0 && $('#fld_birth_dd').val() != 0) { var str_dob = $('#fld_birth_yy').val() + '/' + $('#fld_birth_mm').val() + '/' + $('#fld_birth_dd').val();
js array tostring
Hello, I like the nifty behavior in js where toString() on an array converts the array into a csv. However, the csv is created without spaces after the commas. For example: var accounts = []; accounts.push(123); accounts.push(456); var myAccounts = accounts.toString() //writes out 123,456 Sometimes I want to display this csv to the user so proper formatting would have a space after the commas. What is the easiest and most elegant way to put a space after the commas in a csv like this?
Translate attr place holder!
Hi all, I'm translating my store element's, everything seems to work fine, but I can't manage to translate the attr 'placeholder' acording to the language. Maybe you can advice a method how to do it. Here is the HTML: <nav> <div class="nav-holder row"> <ul> <li><a href="http://stores.ebay.es/100x100ORYGINAL" class="tr" key="tienda">Tienda</a></li> <li><a href="http://stores.ebay.es/100x100ORYGINAL/PAGO-Y-ENVIO.html" class="tr" key="pagos-envios">Pagos y Envíos</a></li> <li><a href="http://stores.ebay.es/100x100ORYGINAL/DEVOLUCIONES.html"
Accordion not rendering right in IE 8
The Accordion created works in Firefox, safari, chrome, opera but I have to manually click to close the top panel only. The panels all work wonderfully but the IE seems not to render at all. Is there something that needs to be added to check for compatibility. The icons images are all correct. The actual main HTML is this --------------------------------------------------------------- The Jquery-UI is v1.10.3 - 2013-05-03 The Jquery file is: jquery-1.9.1.js ---------------------------------------------------------------
My confirm dialog is not working as I wanted
Hi, Im trying to delete my images using jquery ajax and php. And I already have everything working fine, but now Im trying to do a confirmation message in a dialog, and if user clicks on "yes" I do my delete and if user clicks in "no" I close my dialog. But Im having some difficults with my jQuery, when I click on my delete link Im opening my dialog, its ok, but my when I click in my "no" I dont close my dialog. And also When I click in yes, I want to remove but I also want to close my dialog but
how to refer child elements of an element in jQuery
Hi All JQuery Gurus, I have style code: <style>#RibbonContainer #Ribbon\.List\.CustomViews #Ribbon\.List\.CustomViews-LargeMedium-2-1, #RibbonContainer #Ribbon\.List\.CustomViews #Ribbon\.List\.CustomViews-LargeMedium-2-0 { display : none; } </style> I want to execute it using jQuery. I am looking for equivalent jQuery to the above style tag. Can anybody explains me how to refer child elements of an element? Is this valid jQuery? $("#RibbonContainer #Ribbon\.List\.CustomViews #Ribbon\.List\.CustomViews-LargeMedium-2-1").hide();
Sequential Ajax calls
I've got a validation that requires an ajax call, the validation is done both on the field change event and on the form submit so I've got a named function that does the validation and just call that function from both places. The problem I've got though is that when the form is submitted there is another validation that needs to happen via ajax, this one may or may not be required based on a form value. The validation process I'd like to follow when the form is submitted is make sure all the required
For image find attr "title" and replace with "alt"
I am trying to replace the "title"(not assigned) of each image with the assigned alternative text. For example: Before: <img src="imagesYolloSwag.jpg" alt="swag" width="136" height="143" > // title not defined After: <img src="imagesYolloSwag.jpg" alt="swag" width="136" height="143" > // title added, and value picked from alt text What am i doing wrong here? Please help. <script> $(document).ready(function() { $('img').each(function() { var altX = $(this).attr('alt'); $(this).attr('title').replaceWith(altX);
Collapsible.js, how to close when submit form happened ?
Hi, I am using jquery.collapsible.js : when I click in one of the triangles : My question is how to close the opened one when the form is submitted ? Thanks.
Next Page