outerHeight and outerWidth return 0 after call ajax
I am using fixedheadertable to create tables scrollable The number of rows are variable, i'm using outerHeight and outerWidth to get the size og table I call it with jQuery(document).ready(function() { jQuery('#TABLE_1').fixedHeaderTable({parametri}); }); On load of page is all ok But if i replace div contect with ajax outerHeight and outerWidth return 0: I'm using jQuery.ajax({ url: callFile, type: 'POST', async: false, data: sendVar, dataType: 'html' }).done(function(htm){ jQuery("#"+element).html(html);
Scrolling list, with sticky list element (fixed)
Hello! I've tried to figure out fancy way to make kind of "donators ranking list", and imaged to build it with: <ul> <li>13. Donator 1, amount $1000</li> <li>14. Donator 2, amount $950</li> <li id="me">15. Donator ME!, amount $800</li> <li>16. Donator 3, amount $600</li> <li>17. Donator 4, amount $300</li> </ul> If we've situation, that you donate $175 more, and then take 14th place in rank, whole other list should scroll down, but li#me should be "fixed". I thought
jQuery not compatible
Hi all. I have a preloader made from jQuery 1.4.3 and nivo slider which is jQuery 1.7.1. Both versions don't work together and if I change the preloader to work with jQuery 1.7.1 it won't work and vise-versa. Pls how can I make both work together? Thanks
Building jQuery with different namespace/jQuery variable(other than $ & jQuery)
I'm looking to bundle the jQuery as part of my js library which will be used by our customers in their website. Is there a way to build the jQuery from git repository with different namespace/variable (other than $ & jQuery)? This would ensure the jquery I load will not create any conflict. Ofcourse, I'll load the jquery library only if the required version is not present in the target website. Regards.
using jquery to read the json string with special characters
Hi, I have an Array of Objects , basically its json string as a variable named reqJsonObj, Here when the data is encoded from server through java and received at client side i have used below methd of jquery. var reqJsonObj = jQuery.parseJSON('<%=sJsonObject%>'); As a result i get the below format of data for display on the page, [ {"Notes":"PA+Increment%3A+FeaR+%0A+PD1%3A++%0A+PD2%3A++%0A+PG%3A+NA+%0A+FG%3A+NA+%0A+EG%3A+EG943"; ","state":"PREL","Handled":"no","Slogan1":"RAW","id":0}, --> Object1
Auto refreshing DIV
I am hoping someone can help me figure out a way to prevent my auto refreshing div from being registered in my php sessions. Every time the DIV refreshes the referring page is registered in the session data preventing features such as Session Referrer and auto logout after X inactivity. I hope I am making this clear. Any help is appreciated. Thanks!
AJAX with JQUERY (AJAX not working in all Browser)
If I use JQUERY, AJAX + XML not working in all browsers. If i disable jquery, ajax is working fine. Any one can help me
twfile.js is not working on firefox version 15
i userd twfile.js to save data into physical file,this is work fine upto firefox version 14 but the same thing is not working on firefox 15, I am getting the following error: "Error: A script from "file://" was denied UniversalXPConnect privileges" is there any bug on FF15, please give me right solution to resolve it.....
Making a multi-level selection menu (NOT a navigation menu) with jQuery - follow up
This is a follow up to the post here. http://forum.jquery.com/topic/making-a-multi-level-selection-menu-not-a-navigation-menu-with-jquery. I have managed to solve my initial problem, but I am now having difficulty with another... Thanks to a link in the previous post, I have been able to create a multi-level menu with the "jquery.chained.mini" plugin. Here is the html and js script that I have made (the "chained" function is right at the bottom: <form name = "LoadCategory"> <select id = "Level1">
Creating a sample Grade B webapp?
Can any provide a sample webapp of a Grade B compatible webapp? Trying to create webapp for blackberry os 5 browser.
How to process a JSON list to HTML
My plan is to generate with PHP a list of image properties like "images": [ { "imageURL":"images/5566_120512.jpg" , "alt":"Filler", "caption":"Caption" }, { "imageURL":"images/5571_120520.jpg" , "alt":"Filler", "caption":"Caption" }, { "imageURL":"images/5572_120530.jpg" , "alt":"Filler", "caption":"Caption" } ] I am not sure about how to process the list with AJAX to produce <a href="images/5566_120512.jpg" title="Filler"><img src="images/thumb/5566_120512.jpg" alt="Filler" caption="Caption"/></a>
Animate marginTop and marginBottom not working
Hi guys, I have a very basic jquery script, The marginLeft and marginRight are working fine, but the top and bottom margin do nothing. Any Ideias why? $('#fire').click(function(){ $('#fire').animate({ marginTop: +700 },'slow','swing'); });
Extra action on a "callto" link
I got a normal link href="callto:+4670XXXXX" used for calling throug a VoiceIP-software (similar like Skype) and I want to add the function so when I click on the link first the browser opens the phone-software and then the link forward/redirect me to a new page/url. Is it possible to make a normal link "two" way/action options..?
Error in JSON parsing using jQuery.parseJSON
My input JSON string to the jQuery.parseJSON() function is : { "items": [ { "contentTitle": "Ask an Expert : Neha Test Expert : <script>" } ] } I feel that the parser parses "<script>" as the HTML script tag. Hence, the doublequote(") after <script> in the JSON is considered as start of string and hence, while rendering the text, there are Javascript errors. Can somebody please clarify and suggest what needs to be done? Thanks, Gaurav
Hiding the Element after doing some comparison
Hi All, For a long time I am struck badly dealing with Pagination issue in J2EE application.The way I need I paginate the records is something for which I am not able to think of correct logic other then using collections list.So I wanted to check if there exists anyway I can use Jquery to hide the elements based on some comparison. Below is what I required, Date10 Title 100 Title 99 Title98 Title97 Date09 Title96 Title95 Date08 Title94 Title93 ... Title00 Now for each date I want to display
$.ajax().always() or $.ajax().complete()
So i'm starting to migrate from the prototype library to jquery. the ajax commands are pretty similar, but i'm struggling with jquery's callbacks. I know i either want to use the .complete() or .always(). The .success() and .error() callbacks aren't for me since order of operations is important and i generally want to perform the same set of functions whether or not it was successful. Basically I use ajax in 2 ways. 1) to send a command to the server and get back a JSON object with the result
Replace same css classes with difference class names
Hi Guys, I have some span classes like this <span class="field-label"> Producent: </span> <dd class="field field-name-field-producent field-type-text field-label-inline inline"> 121 </dd> <span class="field-label"> Land: </span> <div class="field field-name-field-wine-land field-type-taxonomy-term-reference field-label-inline inline"> <span class="field-label"> Omrade: </span> <div class="field field-name-field-omrade field-type-taxonomy-term-reference field-label-inline inline"> <span class="field-label">
How find by attributte like ends with
Hi, i'm Maximiliano, currently i'm developing a validate function based on some attributes names like numeric-validator. I find the elements with $('[numeric-validator]') but i need to find with attribute name ends with numeric-validator, because some elements needs a prefix before attribute name. Is this possible? Best Regards.
auto trigger nav links
Hi all, I have created a page slider and obviously each page has got a navigation link. How can I trigger each nav link individually so it changes that slider pages with a time delay (e.g. 2 secs)? Thanks in advance :) D
If the user disables Java-Script then I need to disable the submit button.
How would I disable the submit button on a form if the user disables Java-Script in his browser. Any ideas or recommendations? Sample code will be helpful. Thanks
Hibernate and Wakeup Page
Is there a way I can capture the entire state of the webpage and its controls, then show a progress bar till some ajax call completes. After completing it, restore the same onto the state it was in before the progress bar started? A kind of hibernate/wake-up?
jQuery easing twice in html
Hi, I have the following problem - Iam including 2 javascript files into my html file: <script type="text/javascript" src="./menu/menu.js"></script> and <script type="text/javascript" src="./scripts/runningcategories/jquery.fancybox.js?v=2.1.0"></script> Both contain jQuery.easing . in the menu.js JavaScript it looks like this: jQuery.easing={ easein:function(x,t,b,c,d) ... My menu looks like this <div id="menu"> <ul class="menu"> ... My question now would be whether it is possible to relate
Struggling with checkboxes...
Right now I have this code running to actively count how many check boxes are checked actively on a page. They're are about 20 check boxes, but I want to be able to say after 8 are checked, don't allow anymore to be checked. (Restrict them) BUT... still be able to uncheck them incase you want to change one. Say like: [x] 1 [x] 2 [x] 3 [x] 4 [x] 5 [ ] 6 [x] 7 [x] 8 [x] 9 [ ] 10 [ ] 11 [ ] 12 Ok, that's 8 checked, so I can't check number 11.... But if I uncheck any of the ones that are checked,
Superfish - allowing the main menu item to link out?
Wondering what I need to alter in my Superfish code so it allows the main nav to be an active link along with its submenus? At the moment it hovers and displays the submenu beautifully but although there's a url attached to it, it doesn't link out. Any help would be so, so wonderful -- at a loss here.
A few problems with my Dropdown-Menu
Hello, I have some problems with my Dropdown-menu that I realized with jquery. I have got 4 divs which have a width of 160px and a height of 25px. if i hover them, the width goes to 270 px without an animation time of 0 ms and then the height goes to 375 with an animation time of 300 ms. jquery code: $('#fruhstuck').mouseover(function() { $('#fruhstuck').animate({ height: '+=215' }, 300, function() { }); }); $('#fruhstuck').mouseout(function() { $('#fruhstuck').animate({ height:
How different is jQuery and jQuery Mobile?
If I have a webpage powered with jQuery would it be seamless on a mobile device or should it be (partially) re-coded using jQuery mobile to be viewed and managed on mobile devices?
Javascript - Swap Image and Raise Div Height on Mouseover
I have a Javascript effect I need to implement as quickly as possible. I have a target image that I need to change whenever someone hovers over a floating thumbnail. I also need the thumbnail to raise 10-15 px higher when the user hovers over it. So far, I have the following code: <div id="rotator"> <img id="target" src="images/banner1.png" /> <div class="left" id="thumbImage"> <a rel="lightbox" id="1thumb" title="Thumbnail 1" href="images/banner1.png" class="thumb
How to Change Attribute
Hi, This is my code : if ($(this).attr('class') == 'loginactive') $(this).removeClass('loginactive'); else $(this).addClass('loginactive'); Can you shorten this ? Thanks...
.on() .off() namespace.
Hey guys, today I experienced a problem a little weird. I have two functions and two events linked to these functions. Inside the first function I do an ajax request that if the result of that request is empty I simply clear the event linked to that function, else, I trigger my other event. The problem was related to the namespace, so I have: $(document).on('user.location', func); $(document).on('user.location.check', func2); What happens is when I trigger the user.location after user.location.check
why some times asp.net button click event(dynamically) was not firing
Hi, A dynamic click event of asp.net button was working fine for a few days, after that it was not firing what's wrong in that <asp:Button ID="btnNames" runat="server" OnClick=" btnNames_Click" CssClass="hidedata" /> Invoke("btnNames"); function Invoke(buttonID){ $("#"+buttonID).trigger('click'); } Srihari(:~
select global checkbox upon all children selected
Hi there! I'm stucked ... Here's the code I'm trying to develop but it doesn't work: http://jsfiddle.net/VRjzF/ My idea is to check all the checkboxes both when you click over "All" or all the other children checkboxes has been selected. - I didn't know it was imposible, so far I wouldn't had achieved it. -
dynamic selection with :not
Hi all, I am stuck here in a problem, that at first I thought would be easy to solve, but then it didn’t. I have to add that I am a relative beginner. In my page I created a fold out menu with the following items (titles of things shown on the page) <div id = "foldout" class="item firstleft"> (//with CSS opacity: 0) <img class="titles" src="images/title_1.png"></img> <img class="titles" src="images/title_2.png"></img> <img class="titles" src="images/title_3.png"></img>
fadeIn new content
Please who can tell me how to fadeIn this content? thanks my code: $('#add_item').click(function() { $(this).before('<p>new </p>') })
Uncaught reference error, jquery is not defined
Hi, Am using the following jquery in my application, JQuerySliderAccess.js JqueryTimePicker.js jquery-jvert-tabs-1.1.4.js jquery-ui-1.8.11.min.js jquery.blockUI.js jquery.validate.min.js jquery.validate.unobtrusive.min.js and also i have added Jquery-1.5.1.js Jquery-1.5.1.min.js so application working properly, but i felt don't need two versions of the js in single application, so i have removed the jquery-1.5.1.js and Jquery-1.5.1.min.js. but after removed the application giving the exception,
In the bind() method, checking if the event returned false
Hi, In the following bind() method, how do I check if the event has returned false: .find( 'button.save' ) .bind( 'click', function( event ) { if (?? != false) { self.save( self.element, event ); self.change( self.element, event ); } return false; }) .end() Here's the event code: $('.doc_editable').inlineEdit({ save: function( event, hash ) { var loadUrl = "phpparts/document.php"; var messageDiv = "#doc_message";
add songs to music player play list
is there possible to add songs(mp3) to music player by clicking on song and after end of song displaying alert message? if possible can any one explain that one. thank u.
$.getJSON give "bad request"
Hi. I am developing a web application with Rails. I need to pass data to JavaScript, so let Rails generate JSON on load like, <%= content_tag "div", id: "json", data: {script: @video.scripts } do %> <% end %> It generates HTML, <div data-script="[{"created_at":"2012-09-03T11:17:37+09:00","endp":"45.3","id":80,"startp":"30.1","text":"generated in console for test","updated_at":"2012-09-03T11:17:37+09:00","video_id":11},{"created_at":"2012-09-03T13:32:02+09:00","endp":"86.0","id":81,"startp":"60.6","text":"another
jQuery Validation Remote PHP
Hey Guys, Im using a Dynamic Dependent Select Box within my jQuery validation form, although i have ran into a problem in regards to the remote check. Firstly, i will explain the process of the Select Box. An example, Select Box 1 contains a list of countries: England, America, Australia. Once a user selects one of these countries, it will then populate the second select box with the cities within that country. Then the third select box will populate the towns within that city. What i have currently
jQuery animate() method is not working with the array elements.
I'm trying to use animate method on array elements, yet it is not working. Those array elements are storing the images and I need to redefine the margin for all of them. This is a task that I've to perform to form a image gallery slider. Please help!
Radio buttons validation with multi forum
Hi, i post this below message in the jquery mobile forum, but this code can work with "normal" jquery too : i need you, please help me Thank you ! I have 3 forms on the same page. For each, I have 3 radio button, and the form is automatically submitted as soon as I click a radio button. The value of the radio button is then retrieved from a php page, and rendering is displayed in a div The following code works fine for one form, but instead of 3 different functions (indicated by the "testsubmit(xx)"
Next Page