Save content of div for paging back without loading the content again
Hi together, I’m trying to save the content from a div to a javascript variable before loading new content to the div. The goal is that I get the whole content of a previous page with all user entries and several jquery UI Widgets to the div without loading the data from the server again. I’m trying to solve the problem with jQuery clone, but I have several problems with the jquery UI Widgets und jqGrid. Here is my first try: test.html <script type="text/javascript"> var currentPage = 0; var url
Keith Wood Countdown Timer
Hi all, I am completely new to jQuery so I don't know how to read the codes. I got this countdown timer from Keith Wood. And I would like to change the end date. Not sure how to go about doing it. I had searched in other forums such as stackoverflow and within this forum but I cannot find the exact code to change. I found these links thus far: http://stackoverflow.com/questions/7887516/how-to-target-certain-time-using-jquery-countdown-http-keith-wood-name-count https://forum.jquery.com/topic/need-help-to-change-keith-wood-countdown-timer
jquery plugin invoke callback not properly
I write a simple jq plugin, it main function is : popup a window, on the window I have a button, suppose this button's name is btn. click that button btn, then hide window and invoke the callback function. My code is here : jquery plugin callback function invoke error Here, I found the callBack function can not be invoked properly. For example, if I click #show first, the callback function show me 111111. then, I click #more, the callback function still show me 111111 if I click #more first, got
toggle side menu
hi! I want to toggle 5 side menus with the same class, but this code doesn't work really good. If I open and close each one after the next, its fine, but if I want to open the next during one is open, i have to click two times. (i know it's because of the variable-counter) The problem is, that i have no clue if there is a better solution. Thanks for your support! $(document).ready(function() { var number = 0; $('.side_lash').click(function(){ if(number == 0){ $(this).parent('.side_menu').animate({
jQuery code does not execute when page runs
Hi all, I am working on a responsive CMS site and partly utilizing jQuery to re-position elements depending on the browser size. I am using media queries to detect the browser size and add a class to the body depending on that result. I then use jQuery to move elements depending on what class is on the body tag. The below code is my attempt at doing so, but it will not work. I do get "ready" in the console, so I know it is entering the .ready function. Also, I tried to add an else statement at the
Adding div to Panel
I have a panel that I would like to contain some buttons and links. The buttons will act like links taking the user to anchors on the page. The links will act as a tag cloud: click a tag and that text will be highlighted on the page. So I have this code: <div id="pagediv" data-role="page" data-theme="a"> <div id="panel1" data-role="panel" data-position="left" data-display="reveal" data-theme="a"> <div data-role="controlgroup" data-mini="true"> <a href="#1" class="ui-btn
what's wrong with this js?
Hello, I have a js function that loops through and resolves selected cases. I'm trying to allocate 3 seconds for each case to resolve before attempting to resolve the next case. Here's the function I'm using: function ResolveCases(statusCode) { var caseIds = SelectedControlSelectedItemIds; alert('About to Resolve/Close ' + caseIds.length + ' case(s)'); for(var i=0; i<caseIds.length; i++) { var isLast = (i === (caseIds.length - 1)); setTimeout(function() { debugger;
Menu UL LI how to separate opacity from background image and text
Hi, I am working with a menu using background images and ul li. The idea is to build the menu with text in li and a little image in background. For the image I put opacity 0.4 but the problem is that at the same time the opacity of the text becomes 0.4 Can someone tell me how to separate the opacity of the text (1) and of the background-image (0.4) please? I don't know if I must use a jquery function or if I can do that only with CSS you can check the page to http://www.davidinlove.com/ here is the
mastercard.us template
hey guyz . can someone help me i need a template that looks just like this . mastercard.us
JQuery datepicker browser compatibility issue
In IE, Datepicker is accepting dd/mm/yyyy format, but in Chrome is not accepting. How to fix this issue for all browser?
Question about cross-domain ajax
Hello, Im calling an ajax program through the $.ajax method. The ajax program is within the the same domain, but attempts communication with the paypal server. A cross-domain call. Would this be considered a cross-domain call? Should I be calling the same-domain program with the jsonp data-type? Im getting a apache 500 error but cant determine why. Both program are terminating normally. And I can prove it ...
refresh page on button click in child page without closing child page
Dear all, I have a.aspx page which has a tab container (tab container has 6 tabs, and each tab is associated to different user controls which means a.aspx has references of pages 1.ascx,2.ascx,3.ascx, 4.ascx,5.ascx and 6.ascx) 5th tab (i.e 5.ascx) has a grid view and on the grid view I have a link button. On click of the link button, I am opening another .aspx page (i.e b.aspx) as a JQuery Modal popup page b.aspx has a tab container ( this tab container has 3 tabs, and each tab is associated to
jquery ui slider how to set handle color ?
with code below i can set the the color of the slider handle after a document event . but it doesnt set the color at pageload. How to set the color of the slider handle at pageload. $(document).ready(function () { $(function () { $("#slider").slider({ orientation: "horizontal", min: 0, max: 256, value: 127, //slide: refreshSwatch, //change: refreshSwatch }); }); $(".ui-slider-handle ui-state-default ui-corner-all").css("background-color", "#FF0000") });
animate text in a image using jquery
Hi, I have a windows 8 tile like image and in that image iam displaying some title.But i want to animate that title when i mouse hover on that image.Can u please send me the code sample how to do this using jquery. regards, praveen
Can we get the MAC Address of a PC using jQuery or javascript
I'm working on a php application and i need to take the MAC Adress of the client PC. Is there any way to find the MAC Adress of a PC using jQuery or javascript??
Creating an html from jquery
Is it possible for someone to help me create an html from a jquery. I have a jquery script and I would like to incorporate it into an html file. But I'm not sure how to go about it. here is my jquery script var directionVAR = "left"; var timeout = 0; function rotateBanners(eqval){ eqval = Number(eqval); var bannercount = $(".portfolio-single").length; var active_banner = $(".portfolio-active"); if(active_banner.css("left") != "0px") return false; if(eqval > bannercount-1){
Post Back possabilities
My form asks the user to check "I agree: terms and conditions", where t & c links to a page with the full text. At the bottom of the text is a button that says "Agree". I want the user to click "Agree" and be returned to the login page with "I agree" checked. How do I do that in my php environment using jQuery?
Dynamic Contextmenu using JQGRID
Hi Friends, I am working on a task, where I have to create a dynamic contextmenu and dynamic subcontext menu. all I am getting from the back end is a JSON response. I was successful with creating a dynamic context menu, but having troubles with creating dynamic context menu. any one can help me here? I am using JqGrid. here is the JS part function loadDxGrid() { $(gridId.dx).jqGrid({ data : jqGridJsonResponse.dx, colNames : diagnosisColNames, colModel : diagnosisColModel, jsonReader : { id : 'rowId',
Long keypress errors in input text fields
Hello, im working on a mobile app with jquery mobile 1.4.0 and phonegap. The application itself works, but i have a problem with text input fields: Normally you can press a key on the keypad longer, to get the special-letter or number above of the same key. E.g.: - Longpress "q" to get "1" - Longpress "w" to get "2" - Longpress "e" to get "3" ... But on my mobile device such a longpress fires allways both signs, like - "q" AND a few milliseconds later "1" so i get "q1" - "w" AND a few milliseconds
mouse over text chnage.
Hi, having a problem that when I place mouse over Gainer or Losers the text in <ul><li></li></ul> has t change please help I have<div class="plan"> <h3 class="plan-title">NIFTY</h3> <ul class="plan-features"> <li class="plan-feature">12.15</li> <li class="plan-feature">0.20%</li> </ul> <a href="#" class="plan_buttons">Gainers</a><a href="#" class="plan_buttons">Losers</a> </div>
Weird tab height when using side menu.
When using the following html5 structure - and jquery ui tabs -> the tab headers are showing as the same height as the side menu: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title goes here!</title> <link rel="stylesheet" href="style/reset.css" type="text/css" /> <link rel="stylesheet" href="style/main.css" type="text/css" /> <!--[if lt IE 9]> <script src="scripts/html5shiv.min.js"></script> <![endif]--> <script src="scripts/jquery-1.10.2.min.js"></script> <link rel="stylesheet"
JQuery Modal Dialog
Hello All, I am using modal confirmation dialog box as shown in the below link https://jqueryui.com/dialog/#modal-confirmation 1 ) This works fine for me in Firefox and Chrome browser. However, when I test this on Internet explorer 9. The modal dialog come at 'Left Top' position and in other browser By Default it is coming to Center psotion. I have tries using position atrribute. But still result is same. Why this is so ?? 2) When modal dialog box is opened I am ABLE to click other buttons OR
Decorated checkbox does not fire onChange event
After a checkbox has been 'enhanced' with checkboxradio().enhanceWithin(), 'change' events are no longer fired. full example here: http://jsfiddle.net/9mMwN/7/
Javascript/jquery Core Books?
Hi, sorry I know this is not a regular question for this forum. I thought though since most of the people on here use javascript/jQuery you might know of some really good resources for understanding Javascript itself. I've got a few books, but they tend to be more of a developers crash course of what they consider the basics. In that they always seem like they're not talking about the foundation or core components that comprise javascript. I was wondering if anyone knows of some really good, indepth
Dynamic data on Tooltip
Hi, I want to present dynamic data on tooltip ie on mouse hovering of text field I want to represent a table in a tooltip. Please suggest some solution.
Safari crash using Jquery Mobile 1.1.0 checkbox in iOS7
Hi, We are facing an issue with the Jquery checkbox in Safari Browser and iOS7 where by, when we click on any Check Box, it crashes and there are no logs printed as well. The jQuery version used was v1.1.0. We tried upgrading to v 1.4, but the look & feel changes and issue still persists. The code is working fine in iOS6 and iOS5 with Safari Browser, but not with iOS7. Is there any alternate or do any one have a solution for this problem? Please help to resolve this issue. Environment: jQuery Mobile
Getting progress of PHP script called by jQuery post
I want to periodically check the status of a php script and display it on the browser. Here is the jQuery that is used to post. $(document).ready(function() { $("#tempbut").click(function(event){ $('#loader').show(); $('#mainarea').hide('fast'); $.post( "template.php", { guide : $('#guide').val(), title : $('#title').val() }, function(data)
How to getting id of the button in beforeclose in jquery popup
My jsfiddle popup have 2 buttons(text1 and text2). When clicking text1 button, I want to getting this text1 button Id in inside of before close method.Is it possible? Currently it is getting dialog popup id in alert in beforeclose method. My fiddle link : http://jsfiddle.net/eLw5V/4/
Collapse all fields on jQuery accordion?
Hi Everyone, I have a basic jQuery accordion on a website, but I would like to know how to have all the fields collapsed when someone enters the page instead of the first one being open. Can anyone show me the right function or script to do that please. I am very unfamiliar with jQuery language so could you please show me how it would go in my script, which is below. Thank you very much. <script type="text/javascript"> $(document).ready(function() { // Accordion $("#accordion").accordion({ header:
tablesorter demo not working
Hello. I'm having trouble getting the tablesorter demo example to work properly. It's at http://tablesorter.com/docs/example-ajax.html I'm not implementing this in my own application, it's not working on the tablesorter.com web site itself. Here is the table, in the order as it exists in the html: First Name Last Name Age Total Discount Date Peter Parker 28 $9.99 20% Jul 6, 2006 8:14 AM John Hood 33 $19.99 25% Dec 10, 2002 5:14 AM Clark Kent 18 $15.89 44% Jan 12, 2003 11:14 AM Bruce Almighty 45
Please be kind to help me
can anyone change numbers to image from this code, i found it on this site http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/
Multi-page Form with Next Page Dependent on Previous Page Selection
Hi All, I'm just starting to build a mobile forms page for a client, and I have some questions. The client has several (paper) pages worth of questions that the web user will be answering, but the next page is going to be dependent on one of the selections on the previous page. For example, The first page will consist of simply a list of the different types of equipment they can request. That takes them to the next page where there are questions regarding that equipment (i.e. Low Voltage/High Voltage,
ReferenceError: launchWindow is not defined
This is a modified version of a script I found on the web earlier on. It works great up until I try and invoke the use of another HTML file (content.html), at which point it errors as in the title. It also gives the same error if you move the "'content.html ' + " from line 9 to line 34. No such error occurs if you just try and load an element in the same HTML file. No such error occurs when using .load() with essentially the same code. What gives? Help appreicated! --- $(document).ready(function()
How do I assign an change to a hidden field.
Hello, I wish to assign a change event to a hidden field that is being changed through a click event that is 3rd party software. I cant change the 3rd party software. The change event to the hidden field is not firing How can I get it to recognize the change event and fire.
$.extend to merge objects
I have an object like this: config = { options: [['Option1'], ['Option2', 'Option3', 'Option4'], ['Option5', 'Option6']] }; I then have an html element with a data attribute like this: data-extraoptions="[['Option7','Option8','Option9'],['Option10','Option11']" How can I convert data-extraoptions into an object and then merge into my config variable? I've tried just using a comma delimited string in data-extraoptions and using the split function, then using $.extend(true, config, [extraOptions]);,
What is the future of jQuery?
I wrote down my thoughts here: https://tech.bellycard.com/blog/the-future-of-jquery/ What do you guys think is the future of jQuery?
Sho Hide ok sous FF mais pas sous IE
Bonjour, dans un formulaire je test la valeur d'un champs pour afficher/masquer des valeurs dans un select. si je met 0 alors je cache l'option "rouge" dans le select. si different de 0 alors j'affiche "bleue" et "rouge" afin que l'internaute a le choix. mon code fonctionne très bien sous FF et sous chrome mais sous IE.....8O sa ne fonctionne pas. Au lieu d'avoir les lignes qui se cachent elles restent toutes visibles sous IE. Voici mon code : dans mon header je met : <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Using IE10 with scripting Disabled
I am developing a Blogger site using IE10 and am experimenting with "scripting disabled" since some of my readers have it disabled for some odd reason. When scripting is disabled none of my own JavaScript code (of which there is a lot) works, of course, but jQuery DOES WORK everywhere it is used. . I do not understand this since jQuery IS basically JavaScript. Can someone explain this. I have not tried this in Chrome or Firefox yet but intend to. Thanks, V. Ingram
Need to update jQuery. IE 11 causing many problems!
Hello, I am having problems with our GUI, especially now that IE 11 is out. I am running jquery 1.8.0. I remember messing around with newer versions about a year ago but some of the things we were trying to do would not work. In other words, 1.8 seemed to "play" the nicest with what we wanted to do. So, now that IE 11 is out I am having quite a few problems. I'm having problems embedding SWFs with swfObject. Our GUI no longer works locally, none of the content shows up at all. Not sure if this
Navigation Menu Issue with Firefox
I am a very amateur web designer, who is also very new to CSS, so please be gentle… I am having a very frustrating issue with Firefox. My website is designed so that when my main menu navigation bar is too long for the screen, it automatically converts into a drop down menu. Naturally, this function is to better serve mobile and tablet devices. This feature works perfectly on every browser except for Firefox. With Firefox, my main navigation menu bar is converted to a drop down menu, even though
Next Page