Creating body of Table creates error
Hi, Getting error trying to create table. Don't know what it is or how to fix it. Hope someone can help. //////// CREATE HEADERS for Table /////////// // pData from Ajax Call table_str="<table class='center' border='3' cellpadding='5' bgcolor='#fff99d' >"; table_str+="<thead><tr>"; $.each(pData, function(index, value) { if (index>0) return false; // just to get the headers $.each(value, function(i, val) { table_str+="<th>"+i+"</th>"; }); }); /////////// CREATE Body
attached j query not working
Hi, I am trying to make the attached work (it is working online from some site) but when i try it locally on my visual studio 2010 express, the dialogue will come out but the buttons (yes, no) not clickable! please help as it has been 4 days i am trying to solve this out! Thanks, Rami
Date comparison not working as expected
HI, Currently working on jQuery datepicker and i am trying to compare the dates and adding the years of exp currently with my code where i am trying to compare the from date and to date if the to date is greater than from date it should say kindly enter the to date should be greater than from date http://jsfiddle.net/karthic2914/bqgjro6d/54/
JQuery center a div in the middle of the page
I working on a Lightbox (tutorial) , a div container wich open on click. This div container isn´t displayed and is located under the click element. Now i tried to center it vertical but withouth success. $(window).resize(function() { $(".modal-box").css({ top: (($(window).height() - $(".modal-box").outerHeight() / 2) + $(window).scrollTop() + "px") }); }); The problem is: At the beginning the div is almost out of the bottem screen and divs below gone out of top screen. I would have each
Passing extraParameters in trigger method not working for checkbox
I have pass extra parameters for button and checkbox while trigger click using trigger method. But it's not working for checkbox. Please check the below example. http://jsfiddle.net/abtraju1/sz4d3ag0/7/ This issue happened due to below code(Line no: 4870-4875) only for checkbox. trigger: function() { if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) { this.click(); return false; } }
Need a plugin for creating a dropdown button/menu/submenu
I'm a long-time JavaScript user but am fairly new to jQuery. I am trying to create a dropdown menu that behaves the following way: I have a button ('Meta') that, when clicked, will display some submenus. When the cursor hovers (not clicked) over a submenu item, another submenu is displayed. I've searched for hours and could only find examples that were either all buttons, or all auto-expanding (hover) items. Could someone recommend a plugin that can do what I'm looking for?
rangeslider Custom Download - not enough?
It appears the Custom Download tool for jquery mobile doesn't quite give you enough if you check the Range Slider Widget and hit download. Obviously your goal with the resulting files would be to get an example like this: https://api.jquerymobile.com/rangeslider/#entry-examples Working as-is with your custom slice of jquery mobile. But, you get this: http://jsfiddle.net/b9chris/uhz2ffke/ If you initialize it directly to make up for the lack of the Init code, you get: http://jsfiddle.net/b9chris/uhz2ffke/1/
animationend does't work with transit.js ??
suppose i have the following animation: var delay = 0; $('svg polygon').each(function(i , e){ $(this).transition({ x : 0 , y : 0 , delay : (delay = delay > 1000 ? 0 : delay += 100) }); }); now suppose i have the following event handler $('svg')[0].addEventListener('webkitAnimationEnd animationend' , function(){ console.log('animation over'); }); The event listener never fires , WHY ?? does animationend event not work with transit.js ? Thank you.
jquery $.ajax problem
i have html form like this. <form action="xyxz/reguser.asp" method="post" enctype="multipart/form-data"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form> I like to use Action , method and enctype in $.ajax method instead of using it in html form. Action = url , method = get/post How to specify enctype in $.ajax ? is that enctype = contentype ? $.ajax({ type: "post", url: "xyxz/reguser.asp", data: postData,
Upload Cropped Image to PHP
Hi, I am using below plugin to crop image: http://foliotek.github.io/Croppie/ I wanted to know how to pass POST the image in order to process it in my PHP: here is my code: <?php include('../includes/php_header.php'); include('../includes/connect2db.php'); $item_guid = $_GET["id"]; ?> <!doctype html> <html> <head> <meta charset="utf-8"> <title>New Item</title> <link href="../css/admin_style.css" rel="stylesheet"> <!-- jQuery--> <script src="../jQueryAssets/jquery-1.11.2.js"></script> <script
subtract dates using jquery date picker
Currently working on jquery clone and datepicker where it will calulate the dates and it will check the overlaping dates. But if the click the less button the code works perfectly it was removing the row but it was not detecting the dates which was there in the cloned div. For example when the user select the date 10-01-1990 & 10-01-1995 for this the total was Total work experience 5 years 0 Months & in the cloned div if the user gave 10-01-1996 & 10-01-2015 so the total was Total work
Preveny Non-Numbers on Paste
Hi, I am sing below pluging to allow numbers only and it's working fine when typing the number but not when pasting! it accepts any character pasted including alphabets. How can Prevent this? http://transtatic.com/plugin/numericInput.htm Thanks, Jassim
Triggering an ajax call from a newly added row using jquery to the existing table
I'm trying to view student details in a table. Initially, my table has only one row, where 3 columns University, Department and Names are present. When I select a university from the university drop down, an ajax call is triggered and it populates the corresponding departments available in that university in the department drop down. when I choose the department, a second ajax call is triggered which populates the names drop down based on the value in the university and department dropdowns. When
refresh.selectmenu doesn't work
Hello, on my site wksinfo.peter.bplaced.de the select box refresh doesn't work. I have on the login screen a select box. As default it is Deutsch when you change it to Englisch it should refresh the content to English and not to Englisch. When you open the select box you can see that the two languages are translatet to english but in the select box you find Englisch. This is only on the first call. When you chnage the language twice between german and english it works.
Validation decides dynamically on next page
The idea is that during validation on form submit, it is dynamically decided what the next page should be It should be possible to go back to the same page again In reality, the pages are generated by code behind, so going to the same page again does not mean the page actually has the same content - this should also be possible. Currently in the implementation I have switched of ajax transitions, and I do the redirect in code behind. That works. But I would like to get the JQM page transitions.
jquery ui date picker with clone when delete row the total was not reducing as expected
Hi all, Currently working on jquery datepicker and clone where initially when the user select from date and to date it was showing the result for example 01/12/2000 in to date 12/12/2000 it has to show 11 months when i click add row button there when i am adding some years the result was working perfectly fine but when i click delete button delete works fine it was deleting the row but not the year for the corresponding here is the fiddle link http://jsfiddle.net/karthic2914/bqgjro6d/51/ Kindly
How do you target child <img> inside <a> using :gt()?
Hello everyone This is my first post in this forum concerning a bug which I would like a solid solution for. I have HTML and JS code as below for a slideshow script and I would like to hide all of the images except for example1.jpg, but the JS code currently exposes all of the images: <script type="text/javascript"> $(function(){ $('.slideshow > :gt(0)').hide();}) </script> <dev class="slideshow"> <a href="#"><img src="example1.jpg"></a> <a href="#"><img src="example2.jpg"></a>
Using off() on elements registered inside each()
So the issue I'm having here seems like it shouldn't be an issue in the first place, but after doing some research it seems jquery's off() method will not off events that are registered dynamically inside an each() statement. Since the selector of the this statement for some reason doesn't match the original selector when the on() method is used. Here is my scenario: $elements.each(function(index, el) { var $this = $(this); $this.off("." + name); if(...) { $this.on("scroll." + name, function(e, scroll)
audio onclick playback issues, sound stuck in IE and Chromium
Hi, I added a jquery menu onclick event to play an audio file each time a menu link is clicked, it works flawlessly in firefox but as you can see under dev[dot]lightserver[dot]at the sound gets stuck with IE11 or Chromium browser. Curiously for only one button "Lösungen" playback works as thought. The firebug console doesn't give me a hint what's wrong with the playback. I'm not that experienced using jquery, but I guess there's some scripts incompatible? kind regards
¿Cómo puedo hacer zoom a una imagen al clickearla?
Me gustaría saber ¿Cómo puedo hacer zoom a una imagen al clickearla? Soy un poco novato y me gustaría un poco de ayuda.
Click through series of images
hello everyone I have recently encountered a problem with jquery while trying to use the click function. Below is my code. http://plnkr.co/edit/kT03fd2iMnWsIcnkdDTh?p=catalogue What I am trying to do is start with an image ("closed"), click on it and have the image change to a different image ("open.png"), then click on it again and have it go back to "closed". Ideally, I would be able to add multiple "click" steps before returning to the initial image. However, this is not working and I was wondering
datepicker shows a div at the bottom of a page on loading
I have just noticed that every page with datepicker shows a thin bar at the bottom. Firebug shows it is the following div <div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"></div> Since the div has borders so it looks like a bar. Could anyone tell me how to get rid of it? Thanks in advance!
Draggable feature
Hi guys I have a timelines in my project with a lot of <li>. In the timeline we can add new stuff, so I don't know exacly how much <li> there will be so to use draggable I'm going through class and not by ID. The thing is, when I do a drag to change positions between two listed items, I want to know which ones changed so next time when I reload the timeline the change will be already available in database and it will load in the correct order. Basicly, I want to use draggable to rearrange my listed
How to get link in variable
One link is defined of "et_pb_more_button et_pb_button et_pb_button_one" class, I want to use this link in my script. Can you please tell me what should i write to extract the link <a href="http://www.facebook.com" class="et_pb_more_button et_pb_button et_pb_button_one">fl</a> <script> var href = ?? </script>
Using 'ignore' in jQuery validate stopping submit
Hi - here is my validation code: $('.myForm').validate({ ignore: [], rules: { overallRating: { required:true }, wouldRecommend: { required:true } }, submitHandler: function(form, event) { event.preventDefault(); var formValues = getFormValues(); submitForm(formValues); } }); Pretty striaghtforward. But - the ignore: [] line stops the form from submitting. So - the submitHandler never gets hit. I need the ignore: [] line in there as I'm validating some hidden fields. I know these fields are being
Add buttons dynamically to a table element
I am trying to add buttons to a table dynamically. The purpose is to allow the user to get more info about the person indicated by 'name'. How do I get the button to be next to the name? The following is almost there but the button is on a new line due to the div. var register_tr = $('<tr></tr>'); var radioid = 'radios'+id; var register_name_td = $('<td style="vertical-align: middle;" id="' + id + '" name="studentname"> ' + name + '<div align="right" data-inline="true"><button class="ui-shadow ui-btn
URL being updated on preventdefault
Have a problem that is driving me insane! I suspect I am doing something wrong... I am using jQuery mobile 1.4.5 with multiple pages in the same HTML file. jQuery version: 1.11.3 I have a page #mainregister on which I check for any user changes. If they try to navigate away, I stop the navigation using this code (using info I found on SO): $(document).on("pageinit", '#mainregister', function(){ $(document).on('pagebeforechange', function(e, data){ ResetTimeOutTimer();
Send additional data on normal ajax link
Hey guys, Iam searching for a solution to send data through a normal link. Follwing system (Multiple Page site): <div data-role="page" id="site1"> <div data-role="header"> <h1>Bankgeflüster</h1> </div> <div class="ui-content"> </div> </div> <div data-role="page" id="site2"> <div data-role="header"> <h1>Bankgeflüster</h1> </div> <div class="ui-content"> </div>
Setting the context for a search
I have set up a query like: $('.formFieldContainer', formElement).each(function(index) { var element = $([id^='gofr_']. <???>).html() console.log(element); }); But I am not sure what to put in the <???>. The id's will be unique
Getting a typeerror whilst trying to create a currency exchange selector
Hi, I'm trying to create a currency exchange selector like the one on the below site: http://www.personalisedgifts.org/ I've written the below jquery which is runs when the currecy drop down is changed and is supposed to loop through and convert all the currencies: $('.currencySelector').change(function() { var currency = self.val(); $( ".curreny" ).each(function( index ) { var total = self.attr('euro-total'); switch(currency) { case 'eur': self.html(total); break; case
Unexpected page change
I have a cordova/jQuery Mobile app which has a single HTML page, many jQuery-Mobile page divs and, amongst other things, page switches of the type: someDiv.unbind('tap').on('tap', function(){ $('body').pagecontainer('change', $('#someotherpage')); }); (The whole code is quite large now, so I can't upload the whole thing). Broadly, this is working fine. But I'm getting spurious page changes. For example: I tap on a div in Page A ...the page changes correctly to Page B I tap on the back button
Popup positionTo not scrolling the page
I have a generated page with questions.When one or more questions is not answered, I want to position a popup just above the first non-answered question. In this jsfiddle: http://jsfiddle.net/petitbarzun/ytjbn3kd/ you can see it. It works with a positionTo up to about '#uc5_UC'. When you set the target to a value that would require to scroll to get in to view after loading the page, the popup comes on the lowest element still visible without scrolling. I tried to first force scroll the page with:
How to reverse a function
Working on a point system that assigns points for every element with matching content in a group of search results. It works well when I compare the contents from .per-results to .myself, but it doesn't work when I do the comparison from .myself to .per-result. When reversed, it still assigns points but it assigns the same amount of points for all .per-resultwhen it should differ. My code looks like below. $(function() { $('.per-result').each(function() { var $matches = $('span', this).filter(function()
Android browser (4.n.n) and popup image does not work with styled glyph icon
The <a> tag is a styled FontAwesome glyph : <a href="#pu-li0" data-rel="popup" data-position-to="window" data-transition="slidedown" class="pix"></a> <div data-role="popup" data-theme="b" data-overlay-theme="b" data-shadow="false" id="pu-li0"> <!-- Nothing to see here. Please move along. --> <img class="pu-img" src="../images/image0.jpg" alt="pu-li0"> </div> .pix:after {padding-left:1.5em; content:"\e800"; font-family:fontawesome; line-height:.75em; color:dimgrey;}iOS, Chrome/Android and all desktops
JQuery autocomplete can't get data from response in IE8
I have autocomplete on one textbox. it's working in IE9, firefox, chrome. but not working in IE8. error msg is :SCRIPT5007: Unable to get value of the property 'question': object is null or undefined. please read the following code and comments inside. Thanks. $ (function () { $newTFQ.find( "input[id$=tbQuestion]" ).autocomplete({ source: function (request, response) { $.ajax({ url: "Services/Questions.ashx" , dataType: "jsonp" , async: false , data: { featureClass: "P" , style: "full" , type:
jquery mobile add large space below footer.
Hello all. First time trying query mobile, using it on my wp theme. After enabling jquery mobile i now have a large blank space with the text "loading" below the footer. I have already google for this issue and the solution of adding data-position="fixed" data-fullscreen="true" to the header and footer did not work. the site is at http://agileart.us/ Could i please have some advice on how to solve this? addendum: it seems to me that possibly one of the issues is that jqm is preventing this Failed
on "pageshow" softkeyboard not showing up the first time with Cordova
Hi, I'm trying to get the keyboard to show up on Android inside the "pageshow" function using cordova. It is suppose to focus into a input field (text) and the keyboard is suppose to show up. It only focus into the input field but the keyboard didn't show up. When I go back and then go into the same page again, The keyboard shows up. Does anyone have any idea as to why it doesn't show up the first time, or know any work around to it? Here is my code: var foundInput = null;
is it possible (ajax)
hey guys i have a function like so: function ajax(type, url, data){ return $.ajax({ type: type, url: url, data: data, cache: false, processData: false, contentType: false, dataType: "text" }); } i'm able to call for success and error function like so: var upload = ajax('POST', 'save.php', data); upload.success(function (src) { });
animated repositioning of elements on resize
In the past I have come across Jquery libraries which animate the repositioning of elements which occurs on resize in responsive sites. However I cant seam to find any now Can I have some suggestions
Why jQuery Mobile Why not jQuery UI ?
I hope this question does not rub folk up the wrong way however I have been developing an application that has both desktop and tablet audience - until now I have developed using jQuery and jQueryUI. The tablet dependancy has until now utilised Dialog and Buttons and for the most part, delivered what I want. My concern is as my dependancy increases (meaning I use features beyond Dialog and Buttons) that I will find myself applying band-aids to my tablet target code which might not otherwise be required
Next Page