Datatables - how to change Table Caption element
I can't seem to figure out how to update the Html Table <caption> element once my table is bound to the Datatables plugin. Here's my test case - http://live.datatables.net/oxeqij/16/edit#source Please note that at the top of my j.s. I first call "parsePortfolios()" which has some hard coded XML built in. I can't seem to get this section to fire. I also have a change trigger on drop down list #drpPortFilters, which I also cannot seem to get working here. Any advice would be greatly appreciated, as
[noob]jQuery Slider string help
Hi all, Am trying to get this chunk of code to work at the moment. The code replaces the normal numeric values on the slider with strings instead. Now, the strings appear fine when moving the slider but I am unable to fathom out how to get the initial result displayed correctly. At the moment I can get it to display the numeric representation of the string value only... I've left in the commented out sections of my pathetic attempts to get this to work.. <script> var increments = {
Jquey SSRS
Hi, Is it possible to call SSRS from Jquey directly by using AJAX... If yes please let me know the steps.. Thanks in advance.
defining inputs and classes
Assuming this markup: <div class="editor"> <div class="operations"> <input type="button" value="Display" /> </div> </div> What is the difference between these 2 lines? Do the refer to the same button or does the first one refer to the whole .operations div?: $(".operations").click(function () { $("input.operations").click(function () {
Is there a way to capture the text in $('#am-container').append( html );
I would like to capture the text in $('#am-container').append( html ); so that I can directly insert the html text into the html page for debugging. An Alert() does not provide for copying/selecting. Suggestions welcomed... Todd
pushStack workflow in jquery
pushStack word flow and example
while scrolling flexi grid data is disordering in IE8
I am using MVC 3 , .Net 4.0, Razor Technology . while Flexi grid Scrolling data is disordering in IE 8 but working fine in Firefox any help..
jQuery's tolerance on the dirtiness of html files
I wonder how dirty of an html file jQuery can tolerant and still produce correct result in selecting, traversing, etc? Does it require the html file having a perfect well-structured DOM?
.click only after alert?
I have multiple same iD's am try to get a 'rel' after click HTML: <div class="konf_img_container_wrapper"> <div class="konf_img_container"> <div class="konf_img_thumb_xs"> <div> <img src="useruploads_thumb/thumb_temp_54_505f0f8866d55.jpg" rel="10"> <span id="remove-image" class="remove-image"> <span class="ui-icon ui-icon-trash"></span> </span> </div> </div> <div class="konf_img_thumb_xs"> <div> <img src="useruploads_thumb/thumb_temp_54_505f0f9bf23b8.jpg" rel="11">
Find and highlight text within specific elements.
I would like to do a search through a specific column of a table. When a letter matches a search string it will be highlighted. For example the following table xxx xxx xxx abc xxx xxx xxx bcd xxx xxx xxx xyz I want to do a search for b in the last column. When found the background of that specific letter changes. xxx xxx xxx abc xxx xxx xxx bcd xxx xxx xxx xyz Is this even possible?
make select slider open multiple php scripts
I want to make one id trigger multiple php files. I`m using the slider to switch my light on and off, wich works great. But i can`t find a way to switch of all my lights at once. HTML <label for="slider"><font size="4px">Stopcontact</font></label><br> <select name="slider" id="stopcontact" data-role="slider"> <option value="schakelen.php?kanaal=a14&actie=uit&optie=0">OFF</option> <option value="schakelen.php?kanaal=a14&actie=aan&optie=0">ON</option> </select> </li> JAVASCRIPT <script> $(document).ready(function($)
Cloning last three rows and incrementing multidimensional input names?
Having a hard time figuring this one out... I am attempting to clone the last three rows of a table while also incrementing the names of the inputs, which are arrays. (I've put the code on jsfiddle http://jsfiddle.net/5ntbg/1/ To be clear, once the user clicks the "newissue" button, the following should happen: (1) The last three rows of the button's parent table (i.e., table.subtitle-form) are cloned and appended to the table.subtitle-form (2) The names of the inputs should be incremented appropriately:
Calculate div's slider console
Hello, I'm trying to make my own vertical slider instead of using browsers default one. So, I have .header which is fixed at top, and .footer which is fixed at bottom. Between those, it's my div.main which has overflow and possible scrolling. My question is, can I get only visible area of .main with height() or innerHeight, or whatever, or, it's only solution to use: $(window).innerHeight() - $('.header').innerHeight() - $('.footer').innerHeight I'm trying avoid these calculations and only get visible
problem ajax done call
Hi I have this call: $.ajax({ url: '../php/functions/area_id_to_table_name.php', type: 'post', async: false, dataType: 'json', data: {areaOfWorkId: userAreaOfWorkArray} }).done(function(object){ alert(object); });the code after this code is executed, and when I am bagging this in the browser I can see the it skips line number 9. here is the php side code:
Script not working in chrome , firefox etc
`Here is a block of java script code for image slide show. it woks fine in ie but does not work in any other browser. plz help me. // The list of images to display in the slideshow //creating a array of the image object var image = new Array("Images/Gallery/Default/20001.jpg","Images/Gallery/Default/20001.jpg", "Images/Gallery/Default/20002.jpg","Images/Gallery/Default/20003.jpg", "Images/Gallery/Default/20004.jpg" ) //variable that will increment
Jquery and jsp
Hallo i am new in Jquery and allso in JSP i have build a function in jquery $(document).ready(function() { var work; $('#subject').keyup(function(e) { work = $('#subject').val(); if(e.which == 13) work +=" <br/> "; }); }); My question is , How can i use the variable "work" in JSP for exemple if i want to setAttribute that the content of the attribute will takken from the variable "work" is it possible? and ides?
Form validation
Hi all, im new to jquery however im in the process of reading Jquery from Novice to Ninja and im learning fairly quickly... however ive got a form on a webpage which tells the user if they havent entered the info required. The thing is the error messages appear in the wrong place and when they appear seem to change my page height which i dont want. I used the insertAfter function and appendTo to see if it would shift it to where i wanted but its still not happening lol I was thinking about
Upload - show info and Space on server?
I have seen this before but can't find the site it was on to show you how long it takes to upload your file to our site. Plus Just curious if there is any code for showing how much space a client has on the server? Is this code we need to make or can we modify some to our application. Thanks
JQuery Datepicker - OnBlur
I see there is no Blur event for the datepicker (I am not using the text box and only the UI which displays month and year in the dropdown and dates in text). I am able to fire blur event on the dropdowns individually. What i wanted is to have blur event on the whole control. I am not able to get it fired on the text. Any help would be appreciated.
Ajax post to an online resource from an app-cached html
Hi guys, The situation is: From a cached HTML try to access a web service online, if you can't reach it (probably because of no connection) load the last data from local storage. The problem is that jQuery ajax is giving me an error, even if the web service is online. If I remove the HTML from the application cache the code works. I debugged a little and it seems that the 'status' that jquery is getting from the call is 0 instead of 200 - 300. How can I solve that? Since the web service is an online
Use jQuery to place clicked button files into target #CONTAINER.
I need the jquery codes to perform the actions for this simple webpage. I use css file to place measurements and colors etc SIMPLE WEBPAGE: I need to know where to place the codes: In the <head> etc </head> or in the web page in the <body> area. <div id = “#header”> details in css file</div> ex: width:200px; height:300px; etc in css file. <div id =”#container”>Details etc in css file - Inside this (#container BOX) I want to see my other html/php file content when button1 /2 /3 etc is clicked</div>
Menu (Animated) how to move position
I want a Jqurery menu can any one tell me the code. I want to make an animated menu placed on right, using jQuery how it will work: if i click on a menu (example: ABOUT US) the menu/ the ABOUT US text will moving to HOME and HOME is moving to CONTACT US so basicly the menu is rotated to left and the selected menu is placed on the center with bigger font. It should looks like this I have done till now... Find the attachment
Detecting change of radio/checkbox
I'm rewriting a plugin of mine and I want to try to take care of an issue we had in the past. Here is the jsfiddle of what I'm talking about http://jsfiddle.net/Mattio2187/HruGP/ When you check the checkbox by clicking on it, the change event is triggered. It's being logged in the console. However, if you use the button to the left of it, 'change' is not triggered. With the plugin, I want to be able to detect this change if the user is checking the checkbox or radio button dynamically with code
Focus when enter keypress
heya !!! i need one easy help i trying to move focus to next field when enter keypress , but not working , this is my jqueryCode and HTML this is my HTML <table border="0" width="29%"> <tr> <td align="right"> Conta D</td> <td> <input type="text" name="contad" id="contad"></td> </tr> <tr> <td align="right"> Conta C</td> <td> <input type="text" name="contac" id="contac"></td> </tr> <tr> <td align="right"> DOC</td> <td> <input
[jQuery] to change tab for enter
$("input[@type=text]").keydown(function(e){ if (e.keyCode == 13) { $("input[@type=text]", this).next(); } }); ? help thanks -- View this message in context: http://www.nabble.com/to-change-tab-for-enter-tf3584151s15494.html#a10015090 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] force a tab to move to next field on enter
Hi, I'm trying to change the enter event to a tab event. I know there are solutions out there that will do that but my form is a little bit complex in that it has fields that are not visible and this is done dynamically. I've tried some solutions (e.g. enter2tab plugin) but they don't seem to work so I was trying to hand code it myself. The bit that I am stuck on is how to invoke a tab event. I can't seem to get that to work. Can anyone help? I'm trying to invoke a tab key using: $j(this).trigger("keypress",
input field bypassing by <enter> w/o form submission
Dear jQuery's guru, I faced a problem!I want to bypass from one input field to other one by <enter> (<return>) key pressing instead of default behaviour (<tab> key pressing). But there was default form action on <enter> keydown event was performed. Remember that <enter> keydown event on form means default "Form submit" action. How to prevent default action, form submission, in time of <enter> keydown event processing? How to modify following code? I use hotkeys jQuery plugin for key binding to input
[jQuery] how do tab(next field) on press enter ?
how do tab on press enter in jquery ? witch function i need wear? i do this: $("form.auto-tab") .keypress(function(){ alert('test'); // this i need event field and comparate ascii code = 13 and next input, but i do know made it =/ }); thanks.
Conceptual question about sliding divs
please refer to this url for my question: http://www.adidasdesignstudios.com/ as you navigate through the 6 sections of this site, you slide up and down. while i'm not sure this site even uses jquery, i've used jquery to do this on some of my other sites in the past. my question is this: all of the sections are on a single page (a single url) and the script just slides them in and out of view. is it possible to maintain this effect but have each section its own url? so if you were to paste the url
Horizontal Accordion text position problem
I am working on a horizontal accordion and the caption text drops below the image when the accordion folds. Oddly enough it works fine in IE, but not in chrome or Firefox. I assume I am just missing something silly in the CSS but I cant seem to pin it down. Thanks <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script> <style
geting data-id from a clicked link using on()
Hi, If I have: $(document).on("click", ".topReply", function (evt) { evt.preventDefault(); console.log("On dynamic reply click: " + $(this).data("id")); $("#btnJqueryReply").data("mode", "Follow"); $("#btnJqueryReply").data("id", $(this).data("id")); $("#dialog-form").dialog("open"); }); and I have data-id on the link being clicked, is $(this) the correct scope to get at the id? $(this).data("id")
Internet Explorer doesn't seem to get anything in my script..
Hello! For some time now i've been trying to fix my site for Internet Explorer, so that it'll work in at least IE8. I'm using a custom jQuery script to "handle" my whole site, but IE isn't playing along at all. To start things of, it seems to ignore some commands - resulting in all my projects showing from the start. If I try to navigate my menu, I get some cryptic error telling me "Invalid procedure call or argument" in the jQuery file itself. If someone out there knows what's going on here, I would
Weird POST issue in form, but works with GET?
Hi, I've got a REALLY bizarre issue here :/ I have a form: <form action="post" method="/cgi-bin/script.cgi"> .some form stuff </form> Then just a basic script on that page: $(document).ready( function() { alert("HERE"); } ); Now, this works fine on the first page... then submit the form (and return to the same page, but with an error message telling them they didn't enter something right)... it works fine then, try submitting it again and then click back and it won't run the alert() or any code
How can I send multiple value for a form element when posting data through ajax ?
I am creating a search form using ajax, I've a field for Bedrooms and I've used radio buttons as Double, Single and Both. The only problems lies with selection 'Both' which gives no positive result. The 'Both' actually is not a value but I want to fetch Bedrooms of both Double and Single Type. I wrote following code on change event of radio button. var $form = $("#frm1"); url = $form.attr( 'action' ); formdata = $form.serialize(); formdata
Enlarge thumbnail image
Hi, I would like to enlarge a thumbnail image on same page with black background. Can anyone help to get that working. I did find about lightbox, fancybox and so on but couldn't able to get proper jquery function which works with this. Regards, Rushabh.
handling if an element doesnt exist?
var d = $(document.createElement('div')); d.html($("#blog_reply_template_holder").html()); $('.blog_comment_reply_holder:first').before(d); Above is a cut down version of my code. I am dynamically adding blog comments to the dom. This works fine when I have comments on the page already, but when this is the first comment I have a problem as there is no : .blog_comment_reply_holder:first What would be a better way to handle this to ensure that my new div still
Images overlap on loading posts upon page scroll
I am using the jquery masonry for displaying the posts in my site in formatted way. http://masonry.desandro.com/ The masonry plugins formats the content to be displayed properly. When the page is scrolled i am fetching the additional posts and appending it to the parent container div and then reloading masonry to format the posts displayed again.It is working fine. <div style="margin: 0px auto; position: relative; height: 9342px;" id="message-network" class="masonry"> <!--parent container div-->
How to Use submit to accomplish two goals?
RE: . How do I accomplish two objectives: submit data to MySQL database table and replace content area with a second form? The first form worked fine until I added a second form to replace it. Then upon hitting submit on the first form no data was sent to the database; however, the second form replaced the first from just as it should.
Jquery html() (becoz of globalEval()) slow in IE7/IE8
Jquery html() is slow in IE7/IE8 compared to chrome and firefox browser. I tried to check what is exactly slow in html() method.....globalEval() is taking the bulk time.... I checked from dynatrace tool.....I have tried with jquery versions 1.3.2 and 1.6.4. Is there any way out to solve this problem for IE7/IE8 browser
how to use beforeSend() for POST method in jquery to send header information to my web service(Apache CXF )
when i use @POST method in my web service ,it is not working but if i change '@POST' to '@OPTIONS' it's working fine but not able to send data from client to server, i struggling a lot for this past one week but not able to complete, how to use beforeSend() for 'POST' type , Thanks in advance
Next Page