Multiselect dropdown menu positioned wrong at resolution 1920X1080
I am using the jQuery Multiselect widget for many fields in an application I am currently developing. I have had to use the jQuery Position API so that at low screen resolutions the dropdowns near the bottom of the screen are displayed correctly. The problem I have encountered is that when the screen resolution is set to 1920X1080 AND the browser window in maximized, all the multiselect dropdowns do not position correctly when they are opened for the first time (the dropdown menu is way offset
Adding input to jquery multiselect
Hi good afternoon everyone!! I was wondering if it is possible to add an input box on a multi select combobox! thanks!!! <script type="text/javascript"> $(function(){ $("select").multiselect({ }); }); </script> <p> <select name="example-list" multiple="multiple" style="width:400px"> <option value="option1">Option 1</option> <option value="option2">Age = Here pot an input box </option> </select> thanks!!!!!!!!!!!!
two jquery in one html, one dropdown menu another one slider not workin slider
this is slider <script type="text/javascript" language="javascript" src="js/jquery-1.6.3.min.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.animate-colors-min.js"></script> <script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script> <!-- Init Skitter --> <script type="text/javascript" language="javascript"> $(document).ready(function() {
Javascript - Performance
Halo All, I'm new to javascript and Jquery. I'm working on analysing the memory leak of a thick client application running on IE8. This application uses one HTML with multiple javascript pages. I checked the application and found that the variables created in some pages are still alive even after the call of destroy function. I want to write a generic function to kill all global variables that were not destroyed in the destroy function. Can someone please help me with this? Also, let me know the
Colorbox display 5 seconds after page load
My goal is to create a colorbox content and will display 5 seconds after page load. I'm using Drupal 7 and colorbox is working very good with images and forms/content. There are many websites that has these popup offers or forms that displays in couple of seconds after the page loads with x button to close. These offers are only displayed daily on anonymous users, so I guess it uses cookies. I will be really grateful if someone point me a direction how to do this. Oh, and my apologies if this topic
Change Selected Option in Drop-Down List
I want to change the selected <option> in a <select> element when certain criteria are met. Here's the scenario: I have a form with two drop-down menus. Drop-down menu #1 holds all main categories. Drop-down menu #2 holds all sub categories I want drop-down menu #2 to only show categories that belong to the selected item in drop-down menu #1. Demo: http://jsfiddle.net/Hm3rA/1/ When I get rid of the old selected item, the drop-down menu breaks. E.g When I added: //Remove the old selected attribute
Create Dynmic page tranistion in weebly
Hey guys Im new to creating website and css world. But ill try my best to explain my problem. I wanted to create a dynamic page transition effect so that everytime when i clicked on a navigation tab only part of the content get refreshed and not the whole website. I've found a way to do it but had no clue of where to dump all these codes in weebly. http://css-tricks.com/dynamic-page-replacing-content/ can you please give me some guidance.
ajax caching? how to force reload?
Hello - My ajax call appears to be getting cached, specifically the InitRowsPerPage function in the code below: $(function () { $('#ddlRowCount').change(function () { SetRowsPerPage(this.value); }); InitRowsPerPage(); }); function InitRowsPerPage() { $.ajax({ url: '/Home/GetRowsPerPage', success: function (count) { $('#aSessionRowCount').html(count); } }); } function SetRowsPerPage(count) { $.ajax({ url: '/Home/SetRowsPerPage/',
.ajax within a function
Being new to this, I have a problem with what I believe to be a simple question. Why is 'undefined' being returned from the function below? function validate_manager(manager_id) { var a = $.ajax({ type: "POST", dataType:"JSON", data: { ajaxCall: 1, manager_id: manager_id }, url: "/system/php/ajx_check_username.php", async: false // Wait for completion ...... }); a.done(function(data) { console.log(data); return data; }); a.fail(function(response) { var data = { success: false, error_message:
combine datepicker and accordion
i want to make a accordion with input fields in it like this: <h4><a href="#">Lieferung 1 </a></h4> <div> <input type="text" name="lieferdatum-1" id="lieferdatum-1" value="01.01.2009" onclick="TestAction('lieferdatum-1');"/> </div> <h4><a href="#">Lieferung 2 </a></h4> <div> <input type="text" name="lieferdatum-2" id="lieferdatum-2" value="05.06.2009" onclick="TestAction('lieferdatum-2');"/> </div> <h4><a href="#">Lieferung 3 </a></h4> <div> <input type="text" name="lieferdatum-3"
jQuery .offset() doing strange things
I want to put a translucent screen over a div so I can show an image on top of the screen without the div contents being a distraction. The main div could move around so I read its current width, height, and offset with jQuery and then apply those to the screen. But the screen appears in a different place each time! There's a jsfiddle here: http://jsfiddle.net/bdWW3/1/ When you click Screen On the screen is applied. When you click Screen Off the screen is removed. When you click Screen On again the
Finding the index of an item in a nested selection?
http://jsfiddle.net/jayblanchard/vgUjp/ I have some html that looks like this (this actually goes much further)- <ul class="sideNav"> <li> <div></div> <a data-page="PAGE_100100007">Significance</a> </li> <li> <div></div> <a data-page="PAGE_100100008">Relevance</a> </li> <li data-sub="yes"> <div class="arrow-right"></div> <a data-page="PAGE_100100009">Instruction</a> <ul class="subNav"> <li> <a
running 2 or more animations in parallel ???
Hi, i have these two functions that animate some elements in my page : function movebackground(f) { $(".circle1, .circle2, .circle3, bigcircle1, .bigcircle2, .bigcircle3").each(function (index) { $(this).animate({ "background-position": "-=100 -=100" }, 3000, function () { $(this).animate({ "background-position": "+=100 -=100" }, 3000 , function () { $(this).animate({ "background-position": "+=100 +=100" }, 3000 , function () {
Updating Textbox Values
Hello. I have a table as shown in this JS FIddle. I was wondering if it is possible to use jQuery to check that if any of the end textboxes have the value "3" in it, and if it does, to automatically update the other two row with the MATCH TEXT value to update their text boxes. The rows will be a maximum of two above or two below the row with the three in text box (col 8). I've had a search online and cannot find anything that achieves this. If you have any questions please ask.
working properly in ie but its not working in another browser eg- Chrome, firefox
This is myjs.js file var publicCounter = 1; (function () { var xmlhttp = null; if (typeof XMLHttpRequest != 'udefined') { xmlhttp = new XMLHttpRequest(); } else if (typeof ActiveXObject != 'undefined') { xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); } else { throw new Error('You browser doesn\'t support ajax'); } xmlhttp.open('GET', 'http://localhost:12798/myproject/TargetPage.aspx'); xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState
How to sort the latitude and longitude based on the user's current location.
I have a xml file containing the latitude and longitude. What my app should do is to sort the lat and long based on the user's current location. Any idea... Thank you... Example file... <?xml version="1.0" encoding="UTF-8"?> <entries> <!-- Begin New York --> <entry> <id>1</id> <title>418 Central Prk West</title> <imageUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/sliderFeatured320x190_001.jpg</imageUrl> <imageThumbUrl>http://labs.philippineglobaloutsourcing.com/apartmentpro/datav2/listThumbApartments50x50_001.jpg</imageThumbUrl>
Change an element's opacity inside an animated div
Hi, I am new to jQuery and I have no idea how to fix a problem. Hope you can help me out. I have a paragraph inside a div and I want it to be 100% visible, not to inherit opacity from the div. I have posted my code below: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script> $(document).ready(function(e) { $("button").click(function(e) { $("div").animate({marginLeft:'200px',marginTop:'200px',opacity:'0.3'},2000,function(){
How to write at same location where js file is placed in page?
How to write at same location where js file is placed in page? My Codes Are-- Default.aspx--> <form id="form1" runat="server"> First Link <div> <script src="Myjs.js" type="text/javascript"></script> </div> <br /><br /> <div> Middel Content </div> <br /><br /> Second Link <div> <script src="Myjs.js" type="text/javascript"></script> </div> </form> Myjs.js--> (function() { var weburl = window.location.href; userurl
[jQuery] [ showcase ] lisapram.com - interactive barcode
Friends, That's it, i digested your comments, and now the website is launched. Thank you to john and every one of the jquery team for making such a great library. Special thanks to the jquery community for providing me with such useful feedback ! the website: http://lisapram.com/ my blog post (if you want to know more about the ideas behind): http://www.pixeline.be/blog/2008/new-website-lisa-pram/ Thanks Alexandre
Menus Icons
Hi Good afternoon everyone!! Im trying to change the menus (>) arrow that appears for default (ui-icon-carat-1-e) with a magnifier like ui-icon-search. I didnt find where can i change it. Example: Seach :> Cars Bus:> 2 4 6 tanks a lot!!!!
Jquery ajax load before animate
Hi, I have a grid of thumbnails. On click, a div below slides down and loads the content with ajax. The problem: When I click on a thumbnail it doesn't slide down smoothly. The content just appears. However, when I click another thumbnail, it slides up the old content and slides down the next smoothly. It seems that the reason it doesn't slide down the first time is because the div container is still empty when the slidedown is called. How do I fix this? If I set a fixed height to the div then it
How do I shrink a centered table to fit its contents and still be centered?
suppose I have a table centered using the (obsolete) center tags. The contents of this table are radio-buttons that are added dynamically with Javascript. My problem is that these radio-buttons sometimes have several words of text associated with each choice, and sometimes only a few. So if I have really big table with fixed width, it will look OK for long text, but not if the maximum text over all radios is only two or three words. In the latter case, the radios will be on the far left side of
ajax timer function
Hi Time for another challenge. I want to implement a timer that calls a jquery funtion every 30 seconds. I have found this example on the internet: setInterval(function() { alert('Next alert in 30 secs'); }, 5000); //5 seconds How is it included in a my html / Jquery script ? Something like this? $(document).ready(function () { setInterval(function() { alert('Next alert in 30 secs'); }, 5000); //5 seconds });
Making local variable global
Hello, I have this code: <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready(function(){ //var myd=""; // I want this to contain the contents of data $("button").click(function(){ $.get("pictures.json",function(data,status){ console.log( data ); // This does contain data }); }); // console.log( myd ); // This results in error but I want myd to contain data from the $.get }); </script>
Jquery Conflicts - How to resolve?
Hi there ! I am working on HTML and Jquery part for this website http://englishonmobile.in/newwebsite/EOM-Ver3/eom.html, here in this page, the 3 tabs are working i.e. Business English, Course and Benefits. But the top tab "TRY FOR FREE NOW" not working as like in other pages. This is the jquery issues i.e <!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Animate offset().left with hash change jQuery
'm working on horizontal scrolling website Website (blueprint) working very well, animation work smooth and everythings fine. But when I want to add window.location.hash with ba-hashchange plugin in this case does not work. $(document).ready(function(){ $("nav").delegate("a", "click", function(event) { window.location.hash = $(this).attr("href"); return false; }); var newHash = ""; $(window).bind('hashchange', function(){ newHash = window.location.hash; if (newHash) { $('body,html').stop().animate({
cleanup api of jquery
Is there any jquery api to clean up jquery related staff of a element and its decendants without altering the dom? I am using a stupid approach: $(element).find("*").addBack().off().removeData()
How to show youtube channel videos with corresponding text using jquery??
i am able to show the youtube videos using jquery-youtube-carousel.........but how can i show the title related to it for the main video.. http://www.michaelouellette.com/jquery-youtube-carousel/ As main videos chnage the title should also change plz suggets.
Confusion with the defination of :first-of-type Selector
I am very new to jQuery. I am not getting the below css rule. :first-of-type Selector - The :first-of-type selector matches elements that have no other element with both the same parent and the same element name coming before it in the document tree. The above bold part I am not getting. Can anyone help me the above with an example? Thanks, Arup
jqeury on click css add percentage value
Hi, I'd like to add 100% to margin left on click. So say my current margin value is 100% Then On click = 200% On second click = 300% and so on... How do I do this? I searched all over, can't find a solution. It's easy to add 100 pixels but i need percentage value.
Image gallery not working... help!
/* I want to create a photo gallery to display my project images. The scenario is like this... Thumbnails, each represnting a project, are displayed vertically one below the other on the left of the page. Each project can have multiple images. All images are stored in folders/directories on the web server. When you click on a thumbnail on the left, the first image of that project, by default, should be displayed enlarged on the right, with thumbnails of all the respective project images being displayed
Jquery Slideshow working in FIREFOX, SAFARI... not GOOGLE CHROME!?
Can anyone please help me? I have a gallery on my website that plays fine in firefox and safari, but for some reason it won't load in Google Chrome... any ideas? https://vibefree.com/gallery.html ty
Jquery is not getting triggered after Ajax call....
Hi All, I have a following scenario : 1) I have a div container with some elements and an anchor tag is in it For Eg: <div class="mainContainer"> <!--Content-1 --> <ul> <li><a href="#">Link-1</a></li> <li><a href="#">Link-2</a></li> <li><a href="#">Link-3</a></li> </ul> </div> Now i have a click function associated with the anchor tag (And i kept the function in a seperate Javascript file $(document).ready(function(){ $('.mainContainer
Delegation Troubles
jQuery 1.7.2 -- trying to convert bound events to delegation, but having trouble. This code is working: $(document).ready(function() { $(".itemLabel").change(function() { var theLabel = this.value; var railsRoute = $(this).data('route'); $.post(railsRoute, {_method: "put", label: theLabel} ); }); }); However, this does not. Actually, it works identical to the code above in that it works for all existing .itemLabel elements, but not for any new ones added the page is originally rendered.
A simple example of how to use Jquery deferred progress callback with a Jquery UI progress bar for real-time updates
Javascript ----------------- <script type="text/javascript"> var countUpTimer; var countUp_number = -10; var deferred = $.Deferred(); var promise = deferred.promise(); $(document).ready(function () { $("#progressbar").progressbar(); $("#fail").click(function () { deferred.reject(); }); function result() { alert("Done!"); } function failed() { $("#progressbar").css({
Show all jquery results
I slowly and shakily created code that loops and displays a list of several results. I know it works because if I use document.write in the script, it shows all the results. However, when I try to get it to display in a html textarea, only the last result is display. How can I get them all to display in the html? ---------------------------- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!-- changed from 1.4.2 --> <script type="text/javascript">
How To Access All Anchor Tags In Jquery (or any repeated nested tag)
This really more of an "accessing all of the nested anchor tags" issue. I have a html structure like this: <div id="old-posts"> <div class="toggler" style="margin-top:20px;"> <div id="effect-5498" class="ui-widget-content ui-corner-all effect"> <div class="user-name">ibanks</div> <p>some text..</p> <div class="date-created">May 30, 2013 12:00 pm</div> <div class="like-dislike-area"> <div class="command-area"> <div class="like">
Why does wrapping large groups of elements before insertion increase performance?
JSFiddle example What I'm interested in is an explanation of why the Third Method completes in less than half the time as the Second Method, when the only difference between the two is that, in the Third Method, there's a div element wrapped around the string that contains the 1000 divs to insert. I've seen this tip mentioned all over the place, but I have yet to see a reason WHY using a wrapper is faster. var arrLen = 1000; var arr = [arrLen]; for(var i=0; i<arrLen; i++) { arr[i] = i; } Second
Autocomplete with jquery json. Why this error heppens????
The program works on local but not works on server.Why?????? [WebMethod] public List<string> GetAutoCompleteData(string prefixText) { ... Server Error in '/' Application. Unknown web method GetAutoCompleteData. Parameter name: methodName Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.ArgumentException: Unknown web method
Make circle diagram with jquery
Hi! I want to use this diagram http://www.jqplot.com/tests/pie-donut-charts.php But it doesn't work in my localserver(XAMPP) What is wrong here? NOTE: my jquery and javascript skills are beginner level. Thanks.
Next Page