Is Jquery / Ajax secure?
Is Jquery / Ajax secure? If i need to validate a password using Ajax. Will anyone be able toe read the sql using firebug. I need to find a way to do it secure. Thanks
Back & Forward buttons
Hi Everyone, I've a question on the Browser "Back" & "Front" button Description: I'm making an Ajax call and on success i'm updating the query string using pushstate - Before Ajax call the url is like this for eg: http://abc.com?params1=abc - After the Ajax call, the query string is updated as follows using "pushstate" http://abc.com?params1=def - Now when the user hits on "Back" button, its not doing anything. It remains as it is. I wanted to reload the page with the previous history state whihc
Looking for popup
I'm looking for a jQuery popup that looks like this: I've googled around and found a lot of popups but none like this. Before I go off and re-invent the wheel, anyone know of any code out there that does something like this?
is there a way to align the icon to the left in a listview?
is there a way to align the icon to the left in a listview? I have tried data-iconpos="left" but it does not work. would appreciate any assistance.
Hiding page elements based on form "select"
Lets say I have a select in a form... <select name="selector" id="selector"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> I want to show and hide some table rows based on the option selected so that the following table... <tr id="row1">Some Content</tr> <tr id="row2">Some Content</tr> <tr id="row3">Some Content</tr> will only show the row corresponding to the selected option. I know I can use $("#selector").val() to get the
.result and next()
what function jquery below : 1. $("#search-settingpayrollreport").result(log).next().click(function() { data = $(this).prev().search(); }); 2. $("#search-settingpayrollreport").result(function(event, data, formatted) { if(data) { $("#settingpayrollreport-id").val(data[1]); $('#btnCreate').attr('disabled','disabled'); $('#btnUpdate').removeAttr('disabled');
help show dialog return true false
some of my page content I cannot change as its generated by the server , for example my server generates this code <a href="#" id="deleteLink54" onclick="if(!confirm('Are you sure you want to delete?')) return false;var wcall=wicketAjaxGet('?x=z12gKfTAS1nMK-rWQvvTcgIWpk3l8d8hmfKCNYTSVUiA-t2d2o9eau0xd1*zS*exbWtaUKv-pe7zMozBPBI0FGcDSyZ3O7FJeZ6y1k0FlgEsF6MvnfsXPXOWplSlW9LK',function() { }.bind(this),function() { }.bind(this), function() {return Wicket.$('deleteLink54') != null;}.bind(this));return
Detecting files on computer
Is it possible with JQuery to detect the files in a specified folder on the computer and then do something with it? Like filling an arraylist with all the names of the files.
changing href attribute of a link with an input radio button
Hi guys, I'm trying to change a href value of a button, but it's not working. I'm using jquery-1.8.0 and created a function like this: $('input[name=radio-group-1]:radio').change(function() { if ($(this).val() == 'no') { $('.btn[href=http://www.google.com]').attr("href","http://www.yahoo.com"); } }); HTML: <label for="yes">Yes</label> <input type="radio" name="radio-group-1" value="yes" /> <label for="no">No</label> <input type="radio" name="radio-group-1" value="no" /> <a
queueing functions with animations
hi guys! what an original site you have! refreshing change from vbulleton and phpbb my new website uses jquery! but its buggy and i need help! http://patrickallard.net63.net/ here is the part of the code with the error, its denoted by // error here when i try to append the openHopin function it doesn't work, if i try to run it strait up with $(this).openHopin it does work. but i have to append it because i have to queue it, i cant queue it unless i append it right? not that this is just a code snippet
Formwizard submit_step navigation
Ive got my form to work as I want it to (Next/Previous) But when it reaches the end <div id="confirmation" class="step submit_step"> it still shows the navigation buttons. how do I stop it from doing this? <div id="demoNavigation"> <input class="navigation_button" id="back" value="Reset" type="reset" /> <input class="navigation_button" id="next" value="Submit" type="submit" /> </div> My jquery code is : var remoteAjax = {}; // empty options object $("#demoForm
Datepicker doesn't work with greybox
Hi, I am trying to replace very odd datepicker control on my web site with nice jQuery control and just hit a brick wall as jQuery widget doesn't work within greybox. Just nothing happens when you click on the textbox which linked to the calendar. I saw an old post about this problem and just wonder if anyone has figured out how to implement a datepicker within greybox? Many Thanks.
Form Wizard Progress bar
Ive implemented the Form Wizard using Ajax. In the example it displays the posted data in a div. How can I display a progress bar there instead? If I know how many Steps there and I know the id of the current step, can I call a simple piece of ASP using a table to create a progress bar OR is there one built in to the FormWizard? Thanks Darryl
need to cut down load time of a booking system with JQM and ajax disabled
Hi, I'm trying to mobilise a hotels web booking site. I've got everything working although i had to disable the mobile ajax to do so. I had to do this as our site keeps a session id within the url bar and uses it every time you navigate to a new page to retrieve relevant information, whether a member logged in or just the current details. However with this disabled the load time between pages is about 20 seconds longer than if I wasn't using JQM at all. From what I've read, with the ajax disabled,
Simple DIV slideshow
Okay, so I'm pretty much the definition of newbie here.. Sorry if I've chosen the wrong forum to post in. This is meant to be a simple slideshow, so I can show off some customer testimonials. A couple of paragraphs of text and an image, all of which are formatted and positioned in CSS. The changing of the slides works as intended, but during the transition, the text from both divs are visible. The 'old' one appears below the 'new' one for the duration of the fade. This doesn't affect the image inside
Question about jquery ui drag n drop
Hi, I need an urgent solution because i am facing a problem.. My problem is, I have some controls image like button, listbox, selectbox, textbox, texearea, radio, checkbox and so on. Whenever i will drag, it's check its type and display the clone of it, and dropped it where i want..
JQuery with Ajax
Hi , I am trying to call a ajax action on button click. But the ajax call is happening multiple times which is expected to happen only once. This issue is happening only when list of tables (whose data to be exported in excel) is more then 30 tables. The ajax call is called again approx every 3 minutes repeatedly. Please help me to solve this issue code template is as below :- $("#btn").click(function(){ var selectedValues = $('#tableNameList').val(); // list of tables of which data have to export
Fadin and out on images
Hi, I have 6 images, 5 of them is not displayed, the first one has a fadein effect, when the first image fades out i wanted the next image to fade in then fade out again and so as for the next image, how do i do this? Thank you...
Issue with onbeforeunload event to popup DOM window while closing browser
Hi, I am having issue in onbeforeunload event while loading div below is the detail of my issue. 1. Create aspx page. 2. write below code jQuery(document).ready(function() { alert("I am ready"); window.onbeforeunload = function() { alert("before"); $('.defaultDOMWindow').openDOMWindow({ height:175, width:300, windowSourceID:'#divBISSurveynew' }); } }); <div id="divBISSurveynew" style="display: none;" class="defaultDOMWindow" >Hello Survey!</div> on closing page survey div should popup. I am using
jQuery UI Draggable Slider touchsreen issue
Hi all, I am trying using draggable jquery from here and develop it working properly on any browser but not on touchsreen like Ipad, i have tried using jQuery UI Touch Punch from here, but still not work. Here the sample, Thanks in advance for help here my script: //draggable $('#magnify-glass').draggable({ axis: "x", containment: "parent", snap: '.snap', snapMode : 'inner',
select parent followed by a different child
I am trying to make a script which when an object is clicked on highlights a specific child of that objects pearent here is my code HTML <div id="sam"> <p>This be a paragraph block</p> <p>This be a paragraph block</p> <p>This be a paragraph block</p> <p>This be a paragraph block</p> </div> CSS .highlight{ background:yellow; } Jquery $('p').click (function() { $(this).parent(nth-child(1)).toggleClass('highlight'); }); }); This is a learning exercise for me so i cant just take some
Themeroller issue
I came across serious issue with themeroller for JQM 1.3.0. I started new theme and added my swatches, created one by one swatched form A to J (total 10 swatches). When I tried to download or share via link it lookslike it's broke completly, I can see my swatched plus 10 more blank swatched with missing attributes. Any attempt to delete newly self created swatches breaks entire themeroller and produces all blank swatches. Here is an example. This theme should have 10 A-J swatches. What is wrong
constraining a resizable doesn't work in 1.10.2 but works in 1.9.2
http://jsfiddle.net/9MTpq/ I wanted to use this code to stop the div from sizing beyond it's initial dimension: $('#rs1').resizable({ resize: function(event, ui) { console.log("ui.size.width " + ui.size.width + " ui.originalSize.width " + ui.originalSize.width); return ui.size.height = ui.originalSize.height; }}) Got it working in jsfiddle but just could not get it to work in my app. Finally, after much fiddling, turns out this code works in 1.9.2 but
Accordion heightStyle
Hi I am trying to implement the accordion in jquery-ui-1.10.3 and I require the height of each panel to match its respective content. However, using the heightStyle option, as seen below, has no effect on the height of the panels. In fact, substituting either of the others possible values ('auto', 'fill') to the heightStyle option has no effect either - all panels appear to take their height from the first panel. Can anyone help me? Peter <style> $(document).ready(function() { $('#accordion').accordion({header:
If conditions with jQuery objects
Hello, im new to jQuery and i am trying to use an if condition to not set back the styles from the html element with the class of selected. So im trying to compare the selected element with the element that is selected on hover. But it doesnt works. Here ist the code: $(document).ready(function(){ var selected = $('.selected'); $('a').mouseenter(function(){ $(this).animate({ backgroundColor: '#47F5FE', boxShadow: '0 0 5px #47F5FE', borderTopRightRadius: '5px', borderTopLeftRadius: '5px'
Waiting for the page to load
I am wondering if there is a way to stop the flashing of my image carousal. When the page loads there is a flash of the entire carousal then it goes back to the correct size after a half of a second. Is there anyway to stop the flashing? It is on this page among some of the others http://travisjterry.com/SBCorp/addon.php Any help would be great! Thanks,
JQuery callback functions fired before event
I don't know if I am doing some silly mistake here but facing this problem of firing callback functions on page init before actual event happens. Here is the code $(document).on("pageinit",function(){ $("#discInvitePopUp").popup({ transition: "slidedown", history: false, afterclose: function( event, ui ) { activeDiscInviteCloseHandler(); }, afteropen: function( event, ui ) { openDiscFrmInvite();
isotope hashchange back button problem
I'm currently having some problems using a hashchange function, in combination with the isotope plugin (http://isotope.metafizzy.co) and it's filtering capabilities. Combined with a hashchange, I'm filtering divs allowing me to navigate in the browser without having to reload the page. On page load all the divs are filtered out (hidden) except for the actual filter buttons, which when clicked bring in the relevant content. Here's a jsfiddle demo: http://jsfiddle.net/neal_fletcher/vcffM/16/ Full demo
Themeroller theme doesn't seem to work properly?
Hi all, I've just attempted to use the themeroller for the first time, but it doesn't seem to render a few things correctly. Here is the theme > Click here Notice the background is not black, and also the collapsibles (Click 'Gallery' and 'Shop') don't seem to show properly and aren't coloured/styled. Is there something obvious that I've missed? The header, footer and top menu buttons seem fine... Using latest jqery mobile. Here's a link to check > Clicky here Here's my header code. EDIT: Ah, think
JQuery + Ajax. Can you import XML from a script?
I know in ajax you can do the following, but my question is instead of sites.xml, can you use a python script 'script.py' to generate an xml object and pass it back to Ajax? $.ajax({ type: "GET", url: "sites.xml", dataType: "xml", success: function(xml) { } });
Correct way to manipulate elements/widgets via JS
Hi, we have many elements on our pages e.g. <li> etc and are using jqms css classes to render them as lists etc. However if we want to change a value with in a list (or other jqm widgets) via javascript (NOT via server call), what is the correct way to change values of the generated jqm elements ? i.e. without having to do lots of nasty stuff like .attr().siblings() etc which aswell as being complex would no doubt make or app unupgradable to new versions of jqm if jqm changed the dom structure of
ajax external url php file
Hello jQuery, They need to upload huge files to ftp, because of the limitation of the plan, I have partially written and copy code to make this work. to use an external php fix this problem. code snippet 1: jQuery/javascript: <script> $(document).ready(function(){ $('#IDFormField_fileupload_0').change(function(){ var file = this.files[0]; name = file.name; size = file.size; type = file.type; //your validation }); $('#IDFormField_fileupload_0').change(function(){ var formData
Panel and the scrolling problem
This is my code with jquery mobile <div data-role="content"> <ul data-role="listview"> <li><a href="#panel-nav1">Subject 1</a></li> <li>Subject 2</li> .....a lot of </ul> </div> <div id="panel-nav1" data-role="panel" data-display="push" data-position="left" data-swipe-close="false"> <ul data-theme="d" data-icon="false" data-divider-theme="d" data-inset="false" data-filter="true" data-filter-placeholder="keywords" data-role="listview" style="overflow:scroll;" id="ulid1"> <li>Subject 2</li> .....a
jqGrid Number of Rows depending on screen size
I am trying to see if it would be a logical approach to decide on the number of rows in jqGrid based on screen size. Say for example if we are browsing from a tiny laptop, I can set the rows to 5 (to avoid redundant vertical scrollbar and make it friendly for the user). If I browse the application from a really big monitor, I can very well set to 100 or like that. Any suggestions to decide on this?
Copy table row and copy data from table column
Hi, I have poblem with some jquery code, can any one help me? My html code in http://jsfiddle.net/6Uv22/ I have couple of question. 1) I want copy blank tr row only if I write min one letter in last row. If I filled third row, I want new tr row as a fourth row. Only Name column are checked if is filled. 2) I want to show copy button. Copy button must be in between row (between first row and second row, second row and third row, and so on) and one button to copy all row. So if I have third row, I
Trying to get the right Object to animate.
http://jsfiddle.net/nakins/SUeyb/ I found some code that would open/expand and close/collapse a div. Once the Div was expanded, I needed to put in other clickable elements, so I removed the .box class, which worked. And, I did some other adding and removing of classes to get a "close" link. But, I'm not animating the original div, but animating the elements inside the div.. In this part of the code, shown below, closes the div. But I'm not sure what is pointing or referencing what. Is $(this) pointing
PROBLEM WITH COUNTRY , STATE AND CITY DROPDOWN LIST AJAX SCRIPT ALONG WITH PHP
Need to rertrieve and decode JSON data sent to PHP programs from AJAX and any additional help with the Country , State, City Dropdown List Jquery Ajax program would be greatly appreciated. <SCRIPT> function loadcountries(){ $.ajax( url : "GETCOUNTRIES.PHP"; data : dataType : JSON ResponseType : JSON async : true success ( function(countries) { var cbocontrol = $("#COUNTRYCBO");
Unwarp doesn't update DOM properly??
I use: $(".Something", this).each(function(index){ $(this).contents().unwrap(); }); To unrwap some blocks such as: this <span class='Something'>is</span> a test ... the problem I then have is that when i step through the nodes, in both IE and Opera it steps through three text nodes: "this ", "is", " a test" ... I would have thought that the fact that i removed the span would combine the text back into one block as if the span never existed in the first place? Any ideas how to update the
Something other than an anchor for tabs
I'm annoyed by Chrome (and probably other browsers) showing a status line of my long URL when I hover over a tab. From what I've read, there's no way to disable this (although I'd be happy to learn otherwise). Is there a way to use something other than an anchor in the list for the tab text? If not, I wonder if the team could consider adding this, maybe a little div or something instead of an anchor.
How to create a map by using jQuery in which I can select cities without any use of google map?
Hi everyone! I want to make a map using jQuery in which I can see the cities change color when hover the mouse and show the name of the city in a list when clicked. I also want to be able to select the city in the list to show it in the map. You know, I want it to work 2way. The point here is that I don't want to use google map at all. I want to draw my own map. Can anyone help me please? Thank you all.
Next Page