jQuery jcarousel problem in IE
I am getting following error on jquery carousel in IE 8 "Error: jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..." One of the solution i got from StackOverflow is use itemFallbackDimension: 300 is this a right method? I could not find proper doc for this
scrollTop() problems
I have a div that I have coded to scroll "automatically" using scrollTop. I am getting some weird results.... Every time I click the button the scrolling toggles back and forth.(please see the jsFiddle because I'm sure I am not explaining myself very well. If you can tell me what is happening, and not just how to fix it, I would appreciate it. I have it set like this : $(function () { var i = 0; $('#submit').click(function () { i++; if (i > 0) { $('#textOne').scrollTop($('#s3').offset().top);
Using Slider in EdgeAnimate to control an animated symbol's timeline
Hey, I am using Adobe Edge Animate to create an interactive app. I have trawled through posts and posts on various forums and nothing I have found actually seems to do what I need. What I have is a symbol, ("PAN"), which contains 3 layers animated to create a parallax effect from it's extreme right position at 0ms to it's extreme left position at 1000ms. I have it set in compositionReady to hold at 500ms (the mid point of the pan). It does not autoplay. What I want to do is drag that pan left or
data-filter not working on phones
Hi All, I tried to run a sample code for filter widget/data-filter="true" from jquery mobile version 1.4.2 site example like this but it's not filtering the text on phones (although the code is working on W3Cschools "Try it Yourself"). If it's a known problem please help!! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Single page template</title> <link rel="stylesheet" href="js/jQM-flat/jquery.mobile.flatui.css">
Need to know the Latest JQuerys for: jquery-1.11.0.min.js and jquery-ui-1.10.4.custom.min.js
Hello, I am needing to upgrade JQuerys for jquery-1.11.0.min.js and jquery-ui-1.10.4.custom.min.js I wondered what is the most stable and recent build of these two JQueries and where I can get them? Also I wondered I noticed there was some other files included in a Java Project, such as jquery-1.11.0.min.map and I wondered what the deal is with that. Thanks, Michele
List view gets distorted when scrolling fast
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have a page which has list view. Following is the code: <ul class="someUL" data-role="listview" data-inset="true" data-filter="true"> <li><img src="../../images/abc.png><h2>Some Name</h2><p>Some Description</p><p>Generated On: 01-02-2013</p><p>Valid Till: 01-02-2014</p></li> </ul> Code to append <li> to <ul> is written in jquery in a loop in pagebeforecreate event. At max 100 <li> can be added. Now when Page is displayed and
.append() questions
Hi there, total jquery noob here. I'm having some trouble with the .append() method, though my problems might not be specific to this method. First off, I'm trying to append some text within <p> tags. It works fine with small strings, but when I try to do a very long string, and return it on the next line so I don't have to scroll way to the right to read it in my code, the "" are broken up. For instance: $("#btn1").click(function(){ $("#main").append("<p>Lorem ipsum dolor sit amet, consectetur
Toggle between two button text and functions on click event with jquery
I am using jQuery to sort my website content Alphabetically or by Most Recent, what I put up so far is working great, but I want a little more from it. On first click I want my Alphabetically button to sort them accordingly but at the same time, the text to change to Random and on second click to sort them randomly and change the text back to Alphabetically (toggle between the two on click event). And with the button that sorts them Most Recent, the same thing like the other button but to change
Uncaught ReferenceError: jQuery is not defined
a module isn't displaying what it should, www.southwalesda.org.uk
how to do one select tag select second select tag load....
how to do one select tag select second select tag load....
Drag and drop a file on a hidden <div>
I would like to implement drag and drop functionality for uploading files same as in google docs. I have been trying to work out this functionality but all my efforts are in vain. Initially the <div> on which a file has to be dropped should be hidden. When a file is dragged over that <div> it should be visible. I am not able to achieve this functionality. I can do rest of functionality i.e., uploading a file after it has been dropped in the div. Any help will be appreciated.
how to redirect the page from login.php to index.php after login ussing the .post ajax function in php
How can i redirect it to index page after the data has php loggedin page has succesfully process the form and this is the form in self
Jquery Mobile 1.4.2 swipe demo in Chrome with mobile device
My question concerns the swipe event on a mobile device (I'm using a Nexus 7) with Chrome. I am working off the Jquery Mobile 1.4.2 demo which can be found here: http://demos.jquerymobile.com/1.4.2/swipe-page/ The sample javascript is copied verbatim from the demo, I would copy it here but its a little long. The code doesn't seem to be the issue, this is a browser question. I can get everything to work, both on my laptop (using Chrome) and on my tablet (using Firefox), but the swipe works maybe
how to dynamically add collapsible set with json return data?
Hi, I'm trying to add collapsible set with json return data, but for whatever reason the result is look like this. Please give me some advise on how to fix it~~ Thanks Kevin Here is my code <div data-role="content" align="center"> <label for="search-basic">Search Input:</label> <input type="search" name="search" placeholder="Book Title, Author, or ISBN#" id="searchkeyword" value="" /> <input type="button" id="search" value="Search" /> <div data-role="collapsible-set" id="result"></div>
JQuery Cycle2 First Slide Flashes Wrong Position
For some reason when I first open the page for my slideshow, the first image momentarily appears on the side of the div before the Cycle2 Centered Slides plugin moves it to the center. To get an idea of what I'm talking about, look at the Cycle2 Center plugin page itself: http://jquery.malsup.com/cycle2/demo/center.php If you put your screen over the slideshow at the bottom, you can actually see the image jump from the top-left (in Chrome..) to the center when refreshing. My images are bigger than
Jquery hide/show divs
Hi there. I'm using the following code and desperately wondering how to get the initial box to display on page load rather than when someone clicks on a menu link. Is there a simpler way to do this? <script type="text/javascript"> $(function() { var $menu = $('.menu'), $menuItems = $menu.children('a'), $mbWrapper = $('#content_wrapper'), $mbClose = $mbWrapper.children('.close'), $mbContentItems = $mbWrapper.children('.content'), $mbContentInnerItems= $mbContentItems.children('.content_inner'); $mbPattern
jEditable: show the old value if the input value doesn't meet the requirements
Hi, Is there a way to show the old value on the field if the user enters a wrong input? I'm thinking of showing a popup when the user enters a wrong value, and show the old value in the field. That way the user can see what was the old value. I'm having trouble in both showing the old value in the case when the user enters a wrong value and showing a popup. Any help would be appreciated. Thanks
Jquery balloons
I would like to replace the #voip in URL parameter of this code with the variable ID. any thoughts? $(function{ $('.DDD').mouseover(function() { var ID = (this.id); alert (ID); }); $('.DDD').balloon({ classname:"DTT", position: 'right', url: '/idirectSlider.html #voip' // replace #voip with ID variable here. }); }); ***HTML***** <span class="DDD" title=" " id="voip"> VoIP</span> I can mot seem to make it work.
using jQuery ajax to populate input field with results of a jQuery
I have and TRANS. CODE in my HTML: [HTML] <tr> <td>TRANS. CODE:</td> <td> <input id="TCODE" type="text" name="TCODE" size="3" maxlength="3" value="$TCODE" onblur="setStyleBlur(this.id);" onfocus="setStyleFocus(this.id);" /> <div style="display: inline;" id="TABCDES"> <span><b><font size="35" color="$color">$TABCDES</b></font></span></div><br> ADJ/CN DESCRIPTION:
Problems using $.ajax when creating a wigdet
Hi I'm trying to create a widget, and at somepoint I need to make an ajax request using $.ajax. The problem is that I can't access the options variables in the ajax .done event. What I'm doing wrong? Here is a simplified version of the code. I'm getting Cannot set property 'data' of undefined in line 25. If I try to work the variables outside the ajax function everything works fine. Thank you $(function(){ $.widget("custom.imagesManager",{ options:{ url:'test.php', post_data:0, data:null; }, _create:
how to refresh one div without affectiong others
hi i would like to ask ?how to refresh or reload one div without affecting other div?
Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'
Hi Friends, I'm using dialog in asp.net mvc4 and jQuery 1.10.2. When I click a button I'm calling this function. But it shows the error. "Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' " Source: ====== 1) This code belongs to client side. callUploadDialog = function () { var url = '@Url.Action("PartialUploadFilePopup", "Case")'; var title = 'MdAgree - Upload patient consent form'; InitializeUploadDialog($("#UploadDialogDiv"),
looked easy enough... selector for .attr("iid) not getting value
//why can't i make this happen I want to capture the numbers 1112,33803,0 <TR class=ms-itmhover id="wtf" iid="1112,33803,0" setEdgeBorder="true">wtw</TR> $(document).ready(function () { var fulu = $("TR").attr("iid"); alert(fulu); }); jsfiddle: http://jsfiddle.net/vhabhsrosed/3c5s3/ thanks for any insights. -Dave
Menu effect when clicked
i have a website like this http://firdaus.jones.dk/webku/personal.html# when i click a menu it will scroll to down, but when it scrolling to down it 's have no a transition duration how to set up a transition duration effect.. thanks :)
Upload file using FormData and jQuery.ajax.post
when I upload a file using FormData() in IE 8/9 it shows the following error. Please need help.... Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) Timestamp: Wed, 23 Apr 2014 14:06:30 UTC Message: 'FormData' is undefined Line: 6 Char: 13 Code: 0 MyCode: $('#UploadImage').click(function () { var formData = new FormData();
Upgrading Jquery Application
We have a jQuery application written by a developer about 5 years ago. Naturally, since it is old, it no longer works with the latest browsers. Currently it works with Firefox 3.6.28 The application can be found here https://github.com/arnab8/Compile The application is not standalone but works as a plugin to mediawiki software. I spoke to the developer who had made this application and he said that only the jQuery libraries need to be upgraded and the application should work nicely with the latest
Block UI not working with swf in Chrome
I am facing issue using BLockUI with swf in my page Overlay is not seen in chrome can any one help plz
Unable to use Zeroclipboard
I am just not able to initialize this plugin. Please Help, I don't know what is wrong. My code looks like this, <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="copyToClipBoard/ZeroClipboard.js"></script> <script> $(document).ready(function() { var clientText
transition-duration", "10s" not work in my jquery
i have a code like this, i made that for change a navigation when > 370 $(window).scroll(function () { if ( $(window).scrollTop() > 370 ) { $("#header").css("background", "#34495e", "transition-duration", "10s"); } else { $("#header").css("background", "white", "transition-duration", "10s"); } }); "transition-duration", "10s" not work in my jquery, but another work well. thanks :) i tried that at chromium and firefox
scrollTop(), offset(), or ???
I have a div with a scrollbar. I have a bunch of spans and I would like to use scrollTop() or offset() to get my span to the top. I can get scrollTop( pixels ) to work, but I'm wondering if you can use an ID instead, or am I using the wrong function. <div id="textOne"> <span id="s1">I have a paragraph that is full of spans.</span> <span id="s2">I need to be able to put each span to the top on command.</span> <span id="s3">I don't want them to automatically line up on the left, only
Jquery Media plugin autoplay false not working for mp4 files
I have called the media plugin like this $('.media').media( { width: 480, height: 420, autoplay: false } ); FLV files using mediaplayer.swf don't play automatically as expected, but mp4 files do. I haven't changed anything in jquery.media.js
ajaxStart/ajaxStop issues with non-async requests
Hi, I have a simple plugin (see below) that is used to display a loading spinner when doing ajax stuff. It seems to work fine in Firefox but in IE and Chrome it doesn't work. I use the same plugin in another project and it works fine in Chrome and IE so I'm really stuck with this. According to this thread it is due to the request being not async but I tried it with an async request and it still doesn't work. I'd really appreciate some help with this. Thanks Plugin code: (function($){ $.fn.extend({
json data to button function
Sorry, I'm sort of new to JSON, but I am somewhat familiar with jQuery. I've mainly only used jQuery to manipulate the DOM here and there, but nothing too advanced. I have a working piece of code that pulls data from a web method and puts it into a modal popup using bootstrap 3. What I'm trying to figure out is how to add a button and a function to that button to populate the textboxes on the page with the data when submitted. <script> $(document).ready(function () { // Add
Ajax.ActionLink not canceling action with onBegin and jQuery
I have function that is called in "onBegin" ajax option of ajax.actionlink function cancelAction() { $.ajax({ data: { p: "test", z: "value" }, url: '@Url.Action("DoSomething", "TestCtlr")', type: "GET", dataType: "json", success: function (data) { if (data.do == 0) { // do something } else { alert("error message"); } }, } )} return false; } and ajax.actionlink @Ajax.ActionLink("Click here",//link text "Insert", // action name "Projects", // controller new { poz = item.itemID.ToString() }, // route
Map unordered list to dropdown.
I have Unordered list on button. and I have dropdown with same values. I want to map the values. Whatever I select from ul li . it will display in the dropdown. 1. Slected American airline by clickin on button (its unordered list) 2. I want same value (American Airline) in dropdown automatically. Second box is dropdown. How can I do in jquery? <div class="btn-group"> <button id="add_airline_button" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Add Airline
tabindex for dialogs
I am using several jquery dialogs on one page (using static divs). Each one generally has one or more input fields, a couple of buttons (defined through the dialog API), and the close 'X' button. I notice that the default tab index differs from browser to browser. FireFox is the only one that correctly uses the order that I want; that is, when the dialog div is opened, it starts with the first input field and follows the order defined on the page, ending with the 'X' close button, then looping around
Trying to change select option text on hover
I have a fiddle http://jsfiddle.net/MbJCy/ I want to change the text size on a hover, but I dont think I have the correct selector ...What am I doing wrong? <select id="ID1"> <option value="One Thousand">1000</option> <option value="Two Thousand">2000</option> <option value="Three Thousand">3000</option> <option value="Four Thousand">4000</option> <option value="Five Thousand">5000</option> </select> $("#ID1 option").hover(function () { $(this).css("font-size", "20px"); }); $("#ID1 option").blur(function
how to make button enabled by using jquery
Hello I have disabled all the buttons at my jsf page by using JQuery.Unfortunately, after that process I realized I need some buttons enabled at my screen. Could you please look at below and help me how to enabled buttons by using jQuery? I tried several jquery functions but did not succeed at all. Any help would be appreciated. Best Regards Alper Kopuz This is my JavaScript that I defined at the beginning of the page : <script> jQuery(document).ready(function() { var kaydetBtnEnabled
Question on a jquery function
I'm trying to run a function that executes a spinner while a PHP script is loading and also refreshes a PHP file that counts the number of rows inserted to show the script's progress. This is what I have so far: <script type="text/javascript" language="javascript"> // start spinner on button click $(document).ajaxSend(function(spinner) { $("#spinner").show(); } ); // refresh progress script and output to #content div function updateProgress(){ $('#content').load('progress.php'); } myTimer
Cant use a simple button
<a href="https://www.memo333.com"><button data-role="none">ENTRA A MI SITE!!</button></A> when I click the button and it works BUT....plz check the pic I attached, whats with that error? also...when I enter that page from my mobile, it ask me password...WHY?...how can i make that page public? it ask for the password of my wordpress domain, but I dont get it.
Next Page