jQuery altering my template
I'm using jQuery and Mustache Js in a project. I have the template in a script tag. The template requires some dynamic/variable html based on some data. Hence I load the template using jQuery, manipulate it, and then write it back into the script tag. However, loading the template into a div(for manipulation), using jquery seems to alter the structure of the template (it moves things around), which invalidates the template. How do i update the template dynamically and avoid this issue? (Any help
Panel widget not working when using footer
I followed every detailed instruction for the panel widget, but it doesn't work correctly or it doesn't work at all when using a footer. While experimenting with the panel code, everything works when there's no footer. But as soon as I put the footer back in, I cannot open the panel when clicking. I tried rearranging the order of the header, content, footer, and panel code per instructions on the panel page of the site. Something is not right here, or it's buggy, or the demo code isn't correct. Can
does jQueryUI support accessibility?
i want to make a choice to use Dojo/dijit or jQueryUI. One important factor is the accessibility. Dojo/Dijits are accessible. how about jQueryUI?
beforeclosing event for browsers in i phone and android
In desktop, beforeunload event is working when I try to close or reload my web page. But It is not detecting when I close the browser in ipod or android phone. Is there any other way to detecting the browser[ chrome,safari,firefox] during closing by clicking the exit button or by swiping the browser on background ?
Removing all listeners on delegated events
I have container with some elements. They have some delegated event listeners. Like this $('body').on('click', '.container .button', function() { ... }); I want to remove all listeners from all elements in the container (whatever event type and selector). Like this $( "body" ).off("*", ".container *"); But it doesn't work. My jsfiddle: jsfiddle.net/KT42n/4 Can anyone help? Thanks for your help in advance.
Work out the difference between two values and displaying result in a textbox
Im trying to work out the difference between two values in a textbox and display the result on a label or textbox as soon as the second number is entered. This is what i tried so far. This is in the <script> element $('#BeginSN').on(function () { var diff = Number($("#EndSN").text()) - Number($("#BeginSN").text()); $('#Form-amount').val(diff); });This is my control <label>Number of Forms to be allocated:</label> <input id="Form-amount" type="number"
Problem loading page and JavaScript
Disculpe mi Inglés, yo uso el traductor de google. Tengo 2 problemas. 1. Tengo el siguiente código para cargar páginas internas con el móvil jQuery. <a href="page2.html" data-transition="slidedown" style="padding:3px 30px 0px 70px;"> cuando pruebo en la página informática get error de carga, pero este problema no se produce en la célula. ¿por qué? 2. cuando la célula de carga a la URL de la página anterior, aparentemente ignora el JavaScript que está en esa página. ejemplo página index.html Tengo
Content behind header, after create dinamically a page (.trigger('create').)
Hi guys, I have problems when i create a page using .trigger("create"). well, When i change the page, i do a loading data, and i do a refresh in page. But the problem is, sometimes the content stay behind the fixed header. What is the correct way to use page.trigger("create")? look my code: app.pages.to("#info_establishment"); $("#info_establishment").html(EstablishmentView.info_template({establishment: establishment, backParams: backParams})); // using handlebars to render the things app.renderPanels();
Value not coming (showing object).
Hi, i have written a code and want post happen within a loop but the values are not coming i suppose. $("#save").click(function () { var i=1; while(i<=29) { var val_s=$("#slno_"+i); var val_a=$("#album_name_"+i); var val_p=$("#paper_used_"+i); var val_f=$("#finishing_"+i); var val_pr=$("#price_"+i); var val_v=$("#vat_"+i); var val_t=$("#total_amt_"+i); $.post("save_customer_price.php",{val_s:val_s,val_a:val_a,val_p:val_p,val_f:val_f,val_pr:val_pr,val_v:val_v,val_t:val_t}, function(data) { if(data=='Thanks
Columns hide after button click.
Hi, I have a code in which when i click button all my previous data removed automatically, <script> $(document).ready(function() { //$("tr:even").css("background-color","green"); ////$("input:even").css("background-color","green"); ////$("td:even").css("background-color","green"); //$("tr:odd").css("background-color","red"); $("#save").click(function () { var i=1; while(i<=29) { var val_s=$("#slno_"+i); var val_a=$("#album_name_"+i); var val_p=$("#paper_used_"+i); var val_f=$("#finishing_"+i); var
How to take values of html rows using jquery?
Hi, I want to fetch all data of these 29 rows (screenshot attached) out of which 25 rows coming form database and 4 rows for extra use, here is my code please suggest , how i can take these values and send in other page. <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>REGISTRATION FORM</title> <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script> </head> <body > <div> <form id="registration" name="registration"
Making 'jquery.tr' Client Side Language Switching with Hyper Link, not Select Option
To-date, I've been using the following to provide a Client-Side text content translation functionality without any problems: jquery.tr.js jQuery Cookie Plugin v1.4.0 I'm aiming to amalgamate this into a new Responsive landing page I've been working on. But, by default - jquery.tr.js uses Select Option to allow language switching - I've been trying to figure out how I should replace the Select Option with Text Hyperlinks. I wonder if anyone could please help me narrow down possible options. I've considered:
SlideShow with Images and Titles from Database
Hi, Can anyone recommend a good slidshow component / plugin which can be used in a PHP project and will be bale to grab images and its titles from MySQL database? Thanks, Jassim
how to get NaN to number in jQurey?
I am trying this code, but getting the result as NaN. Please give solutions for this. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="Scripts/jquery-1.11.0.min.js " type="text/javascript"></script> <script type="text/javascript">
In Jquery tabs i used sliders
I used jquery tabs, in content section i used sliders in each tab. slider is displaying content for first tab by default, if i click on second tab the slider content is not displaying however if i do inspect element it displays the content and previous slider content is hiding slider which i used is BOX SLIDER responsive http://bxslider.com/ link: http://amrockytechnologies.com/2/ index page code <!DOCTYPE html> <head> <title>Indicated Tabs Tutorial</title> <meta charset="utf-8" /> <!-- stylesheets
Dynamicly created element not using dropable attributes
Hi All, I am fairly new to JQuery UI and I am currently building a little project (based of the JQuery Demos) where the user can select products and drag them into a shopping cart. They can also make additional shopping carts. So far, I have the dragging and dropping working, as well as the creation of the additional carts, however I am unable to drop items in the additional carts. Any help would be greatly appreciated. Code: JSFiddle - It looks terrible in fiddle, but it still has the functionally
How can I append a table row with jquery to the "parent table"?
For example if I have a table with an inner table: <table id="table_1"> <tr> <td><table id="table_2"> <tr> <td></td> </tr> </table></td> </tr> </table> If I use this code: $.get("../php/new_row.php", {id: id}).done(function(data) { $('#table_1 tr:last').after(data); });It applies the new row to the table_2 and not the table_1... And if I apply this code: $.get("../php/new_row.php", {id: id}).done(function(data) { ('#table_1 > tr:last').after(data); }); Nothing happens
popup works, then doesn't work when navigating...
I'm using a popup with a different id for each page. When the first page loads, the popup works fine. When navigating to the other pages, the popup works fine. But when I go back to the original page (the first page), the popup no longer works on that page, but still works on the other pages. Why??? Very buggy...
how to show negative currency in bracket ?
I have variable which is negative numbers after $ sign (actually it shows currency with currency sign). Please tell me how to show minus currency in brackets with currency sign. I mean to say how to change var val=($125,220,328.00) if this is $-$125,220,328.00 My code is looks like this function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx,
show elements
<div class="toggler">teste</div> <div class="toggler2"><b>testes</div> </div> <div class="toggler">teste</div> <div class="toggler2"><b>testes</div> </div> <br> <script> $( document ).ready(function() { $("div.toggler").click(function() { $(this).closest('center').next('center').children('div').slideToggle('slow'); }); }); </script> but don't work!
JQuery Tab widget and deferred content loading
How do you use the current stable tabs widget to load ajax content? I'm looking to insert an asp.net ASCX usercontrol. I'm retrieving the string via an WCF call. I won't be referencing a file with my anchor tag, but rather want the item selectable to load the content. I'm not sure what needs to be done to retrieve the correct index so that the content can get loaded into the associated DIV element. HTML Page snippet <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab Two</a></li>
Problem using append in audioplayer
Hi everybody! I'm trying to put sources in a audio playlist with append() but doesen't work. I can put the audios, but then the script of audioplayer not affect them Script to add songs to the track div <script> $( document ).ready(function() { $("#addsong").click(function(){ $("#tracks").append("<li><a href='Kalimba.mp3'>Ravel Bolero</a></li>"); $("#tracks").height(); }); }); </script> Audio player <audio id="audio" tabindex="0" controls="" type="audio/mpeg"> <source type="audio/mp3" src="">
Displaying spinner Jquery Tabs while Ajax is loading
Hello, I am trying to display a spinner gif inside the area where my tabs display while the AJAX content is loading. However my Ajax call doesn't happen inside the tabs code. It happens via an external ajax call shown below and then during the .done() method of the ajax call I place json data within that div located inside the tabs. I would like to display a spinner inside the tab while the ajax call is happening. I've looked at several tutorials online but nothing is working for my needs. Any help
How to Center Inline Buttons
Hello, I have a list of 11 cities I'm linking / displaying with inline mini buttons. When I view this page live the buttons are aligning left on each row. How can I have all the buttons centered on each row? Thanks. -------- <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
how to change menu color according to scroll
I developed one page website, onscroll menu items also should change according to scroll
Loading image with css transform + PhoneGap problem
Hey guys! I'm currently working on a android loading image, this one: Well, i'm going to use this in my phonegap app and i ran into a problem. In browser it works great! but when i load it in my phonegapp app it doesn't move. Well i hope you guys have a solution for me! Here is the code: HTML: <div class="loadingDivHolder" id="eventPage" align="center"> <div class="loading"> <div class="outer"></div> <div class="inner"></div>
Tabs: Removing leftover 'uiTabs' data after removing a tab
Hi, Overview: I am experiencing performance issues using jQuery UI Tabs that seem to be related to uiTabs data that is not deleted once a tab is removed. I believe this data is keeping other objects from being garbage collected, as once this data is removed the performance issues stop. This leftover data is can be seen in the example provided on jQuery UI's site. Details: In the uiTabs data, the 'bindings', 'focusable', and 'hoverable' objects continuously increase in size after adding and removing
JQuery Online Marketing Software
Hello. I am new to web programming but I want to create a jquery online web marketing program and was wondering how I can go about doing that. See The Details Below: 1. I want to create a web extraction tool that i can put on my hosting with host gator to use online. I want to have an admin page so that registered users can sign on and use the program through my website. 2. I am looking to get software from someone who already produced a software that can do this. I want to convert his software
Strange happenings with footer
I apologize... I realized I posted this in the wrong forum. Should be in Using jQuery. I am having issues with the footer of my dataTable. On the initial load it looks as desired... BUT... if a do a reset and then another load the footer looks like this... Note the blank area gets filled with 6.00 and the Total: with 3.00. These are actually adjacent cells from the tbody. Here is the initialization code... oTable = $('#timesheet').dataTable( { 'bAutoWidth': false, 'bDestroy': true, 'bFilter':
Delegation with * selector
I had an odd situation in jQuery Mobile (but JQM is incidental, so posting here). I bound to a vmousedown event on a page. The purpose is to dismiss any menu shown when the user touches any part of the page. I also have my own "fast button" implementation that uses jQuery Mobile vclick event. It delegates vmousedown, vmouseup, vclick and click to the page. From the latter, I call event.stopPropagation(); The problem is, this prevents the bound vmousedown from being triggered. It's not absolutely
Unable to jQuery-UI zip files from Download Builder
A search of the forum show some old threads on this, but I do not see anything current. I've tried several of the themes. Cannot open file: it does not appear to be a valid archive. Windows 7 32 & 64 bit.
Animated Canvas as a background image of a website
Hi, Since I sligthly improve my knowledge in canvas I was wondering if it is possible to define a background canvas in my <body> like we can do with back-ground image. The idea is to have an animated canvas that would run. Of course I prefer to test my ideas before begining to try to code. So firstly my question is does some one knows if it is possible and would have an example of coding,please. Great thanks. David David ( @webtecgeek www.thecacaocafe.com )
[jQuery] Thickbox 3 disabling input boxes in Internet Explorer
Hello, this is happening in both IE6 and IE7: after opening a thickbox with some input boxes, writing something on any of them and closing it, input boxes are disabled on the whole page. If I open the thickbox again I can't write in the input boxes. If I have input boxes outside the thickbox, on the parent page, I can't write on them. I've noticed I can press the Tab key to get out of the problem and I was wondering if there's some way that jQuery could simulate this so the input boxes are 'unstuck'.
How to run javascript functions after replacing code
Hi, I need to add several times a chunk of code that's hidden after being changed. I created some functions to hide part of the code, remove it all and sort those chunks, combining Connect lists with tabs with Hide and Accordion. Initailly that function was working but when i added the part to replace existing code with the chunks that i want to show, that function stop working. The code that repalce the exixting one is this: var template = '<ul id="sortable-' + j + '" class="connectedSortable ui-helper-reset"
Popup window Problem
Hi, I have a Scenario.: If I Open a Page twice in diffrent tabs. The page have 'Add Item' button. When clicks, It will open a popup window. Which adds Items from Popup window to respective Parent Windows. But when I open same url twice and click on Add Item button on respective pages, Items are getting added only in first window. and not in second window. Thanks and Regars, Gauri Rane
jQuery custom content scroller - not working in a Wrapper like "Highslide Thumbnail Viewer"... how can i do?
Hello jquery Family, i try to use the "jQuery custom content scroller" from "Manos Malihu" in the "Highslide Thumbnail Viewer". The nice Scrollbar i can see but it will not scroll the Content inside my DIV. I use the document ready function for that like this one: (function($){ $(document).ready(function(){ $(“.hs_kate”).mCustomScrollbar({ scrollButtons:{ enable:true }, theme:”light-thin” }); }); })(jQuery); How can i bring the Scrollbar to life? Chabatta
how to load canvas in jquery not from image but background-image?
Hi, So here is my problem: I want to load canvas from the background image of a div and not direct from an image and I fail. Does some one know how to do that? Here I give a link on a test page in my website in order you see the question better build canvas from image src or background-image you can see the first 10 images where it is OK (METHOD 1 classic canvas from img src) at the bottom you see the 4 sprites background-image I fail to transform in CANVAS I show the code I us'e for the first method
How to add two values using jQuery ?
can somebody help me in this , i want use two two text boxes . i will enter values in each. i will have a button control to add those values . when i click on add button the resultant value should be displayed in the third text box. Thanks in advance !
how to add two numbers in jQuery ?
can somebody help me in this , i want use two two text boxes . i will enter values in each. i will have a button control to add those values . when i click on add button the resultant value should be displayed in the third text box. Thanks in advance !
dragging first table single rows to second table any one cell
hi, Im doing drag and drop between table row and cell.In Internet explorer (ie 8,10) no problem on firefox.Im getting scroll bars due my droppable table size is big.if i try to drag rows the problem is dragged row content away from mosue pointer. Clearly dragged content away from mouse pointer(cursor). i think horizontal scroll bar position size is applying between mouse pointer (cursor) and content. Please view the attachment image. How to rectify this and any solution available for this scenario.?
Next Page