passing external variables (php) into divs with ajax
hello all- I have a very simple accordion style form system. Fill in the form in the first section, then go to the next section of the accordion, etc... What I have: Right now when the submit button on each form is clicked (one form per section, or div), the code calls the .lasso (similar to php) page, does any processing (add to DB, set variables form field info, etc...) and then replaces the div with the output from the external page. What I need: Similar to above except when the form submit button
Allow new value in autocomplete combobox
Is there a simple comobobox or autocomplete function that will allow user to enter a value that is not in the list and allow it to stick.
Memory leak with JQuery and Chrome
Hi, Started with JQuery a few weeks ago, and I'm having a bit of a problem with my code. I'm writing a page that uses Ajax to load up images. The user types in tags in an INPUT box, and then I use JQuery/Ajax to call php which queries a MySQL DB and returns the images matched. I noticed that if I kept on doing this for a bit, that my browser would use more and more memory, until it either froze, crashed or Windows complained about lack of memory. So I started to look into it, and I've got down to
Focus on PDF(Viewer) in iFrame
Hi, i am very new in using jQuery. I've got a problem with the focus-function. I have a iFrame with an PDF(Viewer) inside. To scroll the document it is necessary to click in it. So i tried to set the focus by using jQuery on mouseover. <iframe id="iframeDocumentViewer" src="about:blank" width="100%" height="100%" onmouseover="SetFocus();"></iframe> function SetFocus() { $('#iframeDocumentViewer').focus(); } This doesn't work. I have no idea... Hope someone can help me. Thanks.
Facing problem with Jcrop with camera iamge with phonegap and Javascript
Hello, I have developed a small mobile application using Phonegap,angular,Javascript,Jcrop. which takes image from phone camera and start Cropping ( with Jcrop) Once i start applications and go to my employee list to select employee where mobile camera starts. after cropping it saves image to server and redirects to the employee lilst. if i choose again any employee from list, it starts camera capture image but image doesnt appear on canvas. it Jcrop-holder wraps canvas element inside. Please help
Remove button activeState from collapsible set menu buttons
I have an accordian/collapsible menu in my jquerymobile project and I'm really not liking the default activeState that JqueryMobile applies to it. Is there a way to target certain buttons, accordian titles and other active elements within a jquerymobile page? I tried looking on stackoverflow but only the totalitarian method of removing active state on everything worked, and that's definitely not what I want. The thread can be found here: http://stackoverflow.com/questions/7507099/how-do-you-remove-a-buttons-active-state-with-jquery-mobile
Menu not working in the mobile view
I am helping maintain this site but I didn't build it. The menu option in the smaller width, mobile view supposedly used to work but is not working anymore. Maybe some query got broken, I am having a hard time figuring it out. Any thoughts and suggestions welcome Thanks! http://hushmagazine.ca
TubePlayer loading problem
Hello, I do have an installment of TubePlayer plugin and it loads up a YouTube Player in a container thats hidden. Right after fading in the container I am not able to load up a video, I have to wait a little bit of time and I am to stupid to set up a wait command, so the load function is triggered later --> I tried setTimeout() and the callback of the fadeIn() called "always". None of these work. Greetings, Paul
Pop out box beside text box
I'm working on a website with a sign-up form. I'm trying to implement an interface i've seen on a couple of websites (such as this particular one), where a user is guided to fill certain fields (like password or email) that come with restrictions via a pop out box. The pop-out box shows up when the field receives focus and gives some additional information about that field, as shown in the attached image. How is this implemented? I admire this feature and i'd love it on my website. Thanks
creating prev and next button for datepicker
Hi, Following is the link of the date picker which I am using http://jsfiddle.net/Banzay/tuG6C/1/ Can you help me by creating prev and next buttons for it , on clicking next the value of eutoday variable should be incremented by one day and accordingly the month (that is ustoday variable in the example) and year, and similarly on clicking prev button the value of eutoday variable should be decremented by one day and accordingly the month (that is ustoday variable in the example) and year, waiting
Issue on Using One Switch Botton to Toggle Functions in jQuery
I am using two buttons to slide up and down the page at this sample as: <div id="map"><button type="button" class="btn btn-default green goinfo">Go Info</button></div> <div id="info"> <button type="button" class="btn btn-default green gomap">Go Map</button></div> can you please let me know how I can reduce the buttons to do do the same job? something like : <button type="button" class="btn btn-default slider">Switch View</button>and this is the jQuery that I have jQuery('body').css('overflow','hidden');
Jquery Accordion
I'm trying to create and accordion, I would like to do it with out the jquery ui version. So far I've managed to do it, but I would like the second option to be open instead of all of them. Here is the JsFiddle: JSFIDDLE Here is my html <div class="tabbed-single-wrapper"> <a href="javascript:void(0);" class="tab-header"> <div class="max-width"> <h2>Tab 1</h2> </div> </a> <div class="tab-content"> <div class="max-width phase2">
Confused on usage of JQuery Selector reference
As stated on SO , I recently implemented JQ 2.1.0, and ran into an issue on a simple object reference acquisition. I remember previous implementations where i only had to do var obj = $("selector"); and this acquisition would get me all references to accessors and such that i need to perform. The biggest problem is now i have do use an indexer of child control in order to get access to the object in question. var wnd = $( "#chat" )[0]; This seems kind of counter intuitive, when i only have one
does reload option (or the deprecated reloadPage) in pagecontainer load method have any significance?
i have tried some experiment on this option, it seems that wether it is true or not, it does not matter because everything depends on the attribute data-dom-cache of the page let's say you do $.mobile.pageContainer.pagecontainer("change", url, {reload:true}) 2 situations (1) the page div of url has data-dom-cache=false in this case, reload = true or false, it will fetch it from the server because the page is not in the dom (2) the page div of url has data-dom-cache=true in this case, if the page
custom build download css js problem
i am trying to download a custom version of jqm to save some file size. i have two questions (1) css files i got 2 css files, structure and theme. the theme file seems to be smaller. what do i need? do i need both or just one of them? the download page says i will have a full and a structure css file. and this sounds like the theme file is the full file, but it is smaller. so far, neither worked for me. (2) js file what do i need to include? i just want to exclude table, tab, panel, flipswitch.
Apply Style on parent acnhor tag for each li
I want to apply style using jQuery on the last anchor tag of each li where there is no item for that anchor so that it's foreground color should be red,here below i've hard coded values so every one can understand the scenario,so for eg:if Cat1 anchor had no item then it's color should be red similarly if Subcat1 anchor had no item then it's foreground color should be red and so on. <ul class="nav"> <li class="mainparent"> <a href="#">Main Category</a> <ul> <li> <a href="#">Cat1</a> <ul> <li><a href="#">Subcat1</a>
Problem using jQuery to add a cloned form dynamically
Hi everyone,i have a form and an add new form link that adds a multiple form like the first one dynamically, and inside the form there is an author text input with also a link to add dynamically multiple author's input. the problem is that when i add multiple forms..only in the first form i can add multiple authors, and not in the other forms. and the author's text inputs are added outside the first form. Can somebody help me identifying the probleme in my code, please. Also can somebody informe
autocomplete type search error
Hi, I m using jquery 1.10.4 js & 1.10.4 ui on my page for autocomplete feature. after writing the code i got the error "Uncaught TypeError: Cannot set property '_renderItem' of undefined ". I searched this error on google and found solution but these solution are not working. Pl tell me how to resolved this error. i used .data('ui-autocomplete')._renderItem .data('ui-autocomplete-item')._renderItem .data('uiAutocomplete')._renderItem but all three are not working.
cannot dynamically create page and change to it and update hash
i tried to dynamically create a page and change to it, but the hash is not updated. here is what i have done. i am on a page called index.php, then i do var id = "display-page"; $("#display-page").remove(); // just in case it is already there var page = $("<div data-role='page' id='" + id + "' data-dom-cache='true'></div>").appendTo(document.body); // here i put some contents into the page by appending to page page.page(); $.mobile.pageContainer.pagecontainer("change", page,
javascript on webpage to run a jQuery ajax loop update a div on web page without event
I need a jQuery ajax loop to test a field in a file for a value = “END” if not equal wait 10 seconds and check again. After each check write to a div updating some variables on the browser page. When condition value = “END” then exit loop. Can that be done and it there a example of how to do it. James R. Martin J. Martin Associates
Programmatically Fire jQuery AutoComplete on Webpage with Excel VBA
I'm trying to invoke a search on a website to navigate to a specific page using VBA in Excel. The search is being completed using jQuery auto-complete which submits a form that navigates to a page after an item from the auto-complete box has been selected. I'm able to populate the input box connected to the auto-complete box with the text I want it to find, but the webpage lacks a submit button to submit the results to a form. Instead, it requires you to select an item in the auto-complete box which
Autocomplete Mapping JSON data
I have successfully mapped some XML data to my auto completes. I used XML because it is more familiar to me, but i think i should be using JSON to be consistent with the way my shop develops. Here is my function using XML: function (xmlResponse, callback) { var data = $("STORE", xmlResponse).map(function () { return { label: $("STORE_NO", this).text() + " - " + $("STORE_NAME", this).text(), value: $("STORE_NO", this).text()
Creating Infinite Scroll?
Hi, I'm fairly new to jQuery and need to create an infinite scroll, similar to the one on the below site: http://www.3dsoup.com/ Im not sure how to do this, would I need to use .ajax() to load a page with the HTML of the new articles? Any help would be greatly apreciated...
jquery Moble + google maps does not render as a mobile page
Hi, I'm attempting at creating a new mobile site using jquery mobile and google maps. I have a map loading with the directions services in what I think should be a jquery mobile site but when I view it on a mobile device it looks like a desktop version and is extremely small. The display is small and the buttons aren't rendering as a jquery mobile view. I'm fairly new at jquery and jquery mobile so I maybe missing something simple. Here is a code sample: http://jsfiddle.net/Nemesiss/J82UJ/ below
Getting the .attr of only the selected items
I need to get the .singleSelector itemID of only selected items: $("#selectable").selectable({ filter: ".singleSelector", selected: function( event, ui ) { //Get the attribute of .singleSelector and show var itemSelectedID = $('.singleSelector').attr('itemID'); $('#here').text(itemSelectedID); });
problem using jQuery to fire transform.
Hi all, I'm currently using jQuery 2.1.1 min and running Windows 7. For some reason the following works with IE11 and the latest Google Chrome but not for the latest Opera, Safari or Firefox. $sel.css({ transition:'all 1s', transform:'scale(3)', color:'red' }); Can anyone see why this would not work in all of the latest browsers? Thanks. TC
jquery not loading on IE
Hi I have a project using jquery 1.7.1 and one of my pages is not working for testing I edited my $(document).ready function with a simple alert in it : $(document).ready(function() { alert('here'); }); but it is not working only in IE ( 9, 10 and 11) with compatibility mode is there any parameter that I can set in pages for this kind of compatibility ? this page works on chrome and firefox my guess is that all jquery fetarues for this page are not working on IE not only document ready one ...
Send datepicker input in an email
Hello, I recently embed Datepicker in one of my websites. I try to get the inputs(Date) and send them through email but when I click on my submit button the page refreshes and in address bar you can see this: http://www.screencast.com/t/jl3Oit4vr8Zl see the html code below: <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $(function()
jQuery & mySQL Database to Excel?
Hi guys, I'm trying to pull my data from mySQL (represented with the image below) to Excel. I have my Column and starting row, sheet name and value but I don't know how to do this by clicking a button as it's trigger. Can this be done?
each() not working as expected
Base on on the height (variable) of the image(s), css property (position/left/top) is being assigned to position it center (vertical & horizontal) within a <div> with in a fixed height. Class assigned to <div> = .imageContainer <script> $( document).ready(function() { $( ".imageContainer img" ).each(function() { $('.imageContainer img').css({ position:'absolute', left: ($('.imageContainer').width() - $('.imageContainer img').outerWidth())/2, top: ($('.imageContainer').height() - $('.imageContainer
adding the values of dynamically created text box
hello, i have form named as form_student. i have three fields as text box : 1) roll no 2) name 3) marks in each semester first two fields are normal text box. the third field has one text box(name=txtSemester) and a hyperlink(add semester) associated with it. when a user clicks on the hyperlink(add semester), it will create a text box below the current text box of semester. i have also a span(id="total") below the third text box which will show the total marks after adding each marks of semester.
refresh a form element
i can't seem to find documentation about the new refresh stuff.. is it supposed to work for form elements too? i tried this: $("#detail_form").html(data); $("#detail_form").fieldcontain('refresh'); but my radio buttons aren't getting styled. anyone know how to do this? html code is: <form action='/~polling/polling/polling.php' method='post'> <div data-role='fieldcontain' id="detail_form"> </div> </form> php is: echo "<fieldset data-role='controlgroup' data-type='horizontal'>
Jquery Concatination ?
$('#gallery a').click(function(evt){ evt.preventDefault(); var imgPath = $(this).attr('href'); var oldImage = $('#photo img'); var newImage = $('<img src="' + imgPath + '">'); newImage.hide(); $('#photo').prepend(newImage); newImage.fadeIn(1000); oldImage.fadeOut(1000,function(){ $(this).remove(); }); //end Fadeout });//end click $('#gallery a:first').click(); }); // end ready
Jquery Ajax working on localhost (xammp) but not working on Server (cpanel)?
Jquery Ajax working fine on localhost (xammp) but not working on Server (cpanel) ! also ajax with Javascript working fine , but throught JQuery it has problem ! (on server) i changed send method to POST but problem same. this is my website : concert20.ir an this is js code: var arr=[]; function func1(id,status){ var str; var a=id.split('-'); // a[0] = chair number // a[1] = singer id // a[2] = place length=arr.length; if(status=='رزور شده')
How to create a wall page in jquery and j2ee
Hi, Am trying to create a wall page using jquery and j2ee.User can post contents in wall and also see others post..similar to facebook.......the problem here is i cant find a way to make it dynamic.....means the post entered by a third person cant be seen in my wall unless i refresh the page.i dont wanna refresh the page ....i want to enter the post content in wall as soon as it is entered in database without effecting other post and it should be seen by everyone. for example if there are 5 post
Trouble with jump to the page
Hi. I'm using jquery mobile lib. I'm testing application on my phone with android. So I have one problem with jump to the page now. I open main page. In the bottom of page I see word "Loading". Then I click on a link "Page2". Then Page2 rendering under my page. What I am doing wrong? Sorry for my English.
JQuery - HTML form displays twice on screen after clicking submit button
Can someone assist with this issue? I found this code online but it is not working for me. After the 'Go' button is clicked the form is updated, then duplicated underneath. I'm trying to prevent the duplication. Any suggestions. See example here: www.lsullivan.info/currency_converter.html (enter an amount, then click 'Go!') Here is the code: JS: $("#myInputButton").click ( function() { //document.write("test_A"); $.post ( //document.write("test_B"), $("#converter").attr("action"), $("#converter").serializeArray(),
Issues using Table Sorter with Ruby on Rails
Hello, I have a huge issue with the table sorter plugin currently. For some reason, even though everything shows up fine, when I click on a header nothing is sorting itself out. I have seen other people successfully use table sorter with ruby on rails but I am having a strong issue with it. Here is my index.html.erb <head> <script> $(document).ready(function() { $("#items").tablesorter(); } ); </script> </head> <body> <h1>All Items</h1> <table id="items" class="tablesorter tablesorter-blue"> <thead>
content appends each time return button is clicked!!
Hi I have 2 photos with an intro content on the page. When the user clicks on the photo everthing hides except the photo and the content relevant to the photo appears . I also have a return button which when the user clicks will go back to the orginal page . But each time i click on return the hidden content appends to the main page content . How do i stop this from happening.Is the content being cached each time ? Pls advice .
jqueryui menu's submenu -- why does this display under other page elements?
I'm using jqueryui's menu feature, and the submenu overlaps other elements on the page. The problem is when I select the menu item which brings up the submenu, the submenu is displayed beneath the other elements. I'm not sure how menu is to be configured, or if I have to override some jqueryui css elements, in order to get this to display as expected (over top of the other page elements). The problem can be seen with the Tools menu at http://jsbin.com/hexuw/2/ Sorry the code is more complex than
Next Page