cycle plugin: navigation outside cycle requires fadeTo twice to take effect
Hi, I have implemented jquery.cycle here: http://theparentingplace.automatem.co.nz The page has a pre-existing navigation. On click of any of the navigation elements I run: jQuery('#slider-nav li').removeClass('current'); jQuery(this).parent().addClass('current'); jQuery('#frame img').hide(); jQuery('#img2').fadeTo('fast', 1); jQuery('#img2').fadeTo('fast', 1); jQuery('#img2').css('cursor', 'pointer'); Query('#frame').cycle('stop'); return false; I found that to make the image corresponding to
jQuery1.9.1 is not working ie10
jQuery1.9.1 is not working ie10 while it is working fine in all other browsers
go to page without jquery
I am totally new to jquery and frankly find it so overwhelming I want to break reference to it for all but one page. One day I may try to learn it,,,but the curve seems...shallow, at least for me. I am using this method to create a drag-drop sortable list for a game I developed for friends - so I do NEED jquery for that page: http://forresst.github.com/2012/06/22/Make-a-list-jQuery-Mobile-sortable-by-drag-and-drop/ which uses: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
Selecting first child - plugin perfomance
In an answer to a Stack Overflow question I enumerated all the ways I knew to get the "first children" of a jQuery object. I had originally suggested that .children().first() wouldn't be very efficient because it requires jQuery to first build the list of all children, and then create a new jQuery object that only contains the first element. So I wrote a plugin which uses .firstElementChild if available or iterates over the children directly otherwise. In the former case the plugin effectively becomes:
Doubt in JQM 1.3 Table Column Toggle
Hi, In Table toggle, data-priority is a nice feature. Although not for comparison, a bit outside, I feel "Tables in Grid mode" if I may say so. (One common limitation you have advised is 5 column in both cases). As I have few more extra columns...Here is my need and I am not sure how to go about it. By default want a column in hide mode (unchecked in toggle) instead going through toggle. Toggle should have this unchecked by default. If I may have something like data-priority-check="false" attribute
Jquery: Click Setup and Remove Specific CSS
I've got a: <td id="D19" style="font-family:Arial;font-size:11px;background-color:#FFFF00;color:#000000;" onfinishinput="checkif()" contenteditable="true">Sample Content</td> What I want is when I click a button it will add (e.g. bold, font-weight) a style attribute, then by clicking it again it will be remove (the desired style attribute), but the style only the specific attribute of a style. Is there a process for this, cause i've been searching all I can see is toggleClass. . but I don't want
Using jquery libraries from google or Microsoft causes problems in ssl websites
If I have an encrypted website (that uses SSL) and my webpage refers to: script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"> Then it will not work in Google Chrome. The library will not be included, because it is not encrypted. It does not have a https prefix. One solution is to download all the query and jqueryui libraries, and put them on my server. But I'm curious - if I don't do that, would I be able to use an https prefix on these external
How to set values of dropdown and radio in jquery by text?
For example: I have two variables var radioText="XYZ"; var ddText="New York"; I want to set radio and drop down box values using these variables and I don't know how to do that. html demo code Friend Name <input type="radio" name="Friends" value="1" checked="checked">ABC</input> <input type="radio" name="Friends" value="2">XYZ</input> <br> <select id="ddCity"> <option value="1" selected>India</option> <option value="2">New York</option> <option value="3">Japan</option> </select>
uncheck checkbox on click
the idee is When the collapsible groups close all the checkboxes must be unchecked. <div data-role="collapsible"> <h2 role="title"> Na Toren 1</h2> <fieldset data-role="controlgroup" data-inset="true"> <input type="checkbox" name="checkbox-13" id="13" class="custom" /> <label for="13" style="color:#F7AC0A"> T 13 <br/> S 106 </label> <input type="checkbox" name="checkbox-23" id="23" class="custom"
Menu events not firing
Hi, I'm fairly new to Javascript and I've just started playing around with jQuery UI. I've written a very simple example which responds to menu events, but the events never fire! Here's the script:- http://jsfiddle.net/JcrfK/4/ I want to be informed when someone clicks on a menu item. Please can someone tell me what I'm doing wrong, I've been floundering around for hours! Thanks, John
Function breaks somewhere? BUT WHERE?
I have the following code: http://paste2.org/p/3100049 And in the click function, it seems to break somewhere within the code. I put an alert function at the bottom of the click function, and it was never displayed on the webpage. So somewhere there's an error in my code causing it to break/crash. The breaking point is where after noticebox.html('Attempting login...'); Can anyone help me out here? This is honestly getting very frustrating. :( Thanks, any help is appreciated.
some links stuck on loading spinner while others work perfectly
I'm using Simple HTML DOM Parser inside jQuery Mobile. I'm pulling links from a website, then passing them to another page for article parsing. Some links get passed fine and it works perfectly while a couple get stuck on the loading spinner with no error message. Same problem with all browsers. If I take out jQuery Mobile, every link gets passed and next pages get opened. The strange this is if I add rel="external" to the first php, then the page which didn't open before, it opens. When I
Slide_interval different in Supersized Slideshow
Hi. My name is Carlos and I write from Chile. I've downloaded Supersized and find it extraordinary, I read the documentation, because I need a function that does not match. I need pictures or slide_interval is different for each of them, that is, that a photo last longer than another and that this can be set from js. It would be a great relief to my work your help. Thanks!!!
How to connect with the php code in jquery mobile
Hi, I'm new to jquery mobile.. i was made a jq.mobile site, for the server side i was used php language when put the jquery mobile libraries on the php code, output doesn't comes (it doesn't load) but before (normal php code) put those libraries it works I'm really thankful if anybody could help me.. please let me know how to connect with the php code in j.mobile.. please help me
Themeroller-generated dialog CSS not working
I put together a page that shows what's happening.here. The dialog is a confirmation that an email was sent, so you'll need to fill out the form to get the dialog to pop up. (I wanted to retain as much as the original functionality as possible.) As the title says, I generated a UI theme using Themeroller and the dialog I'm using is completely void of all styling. To the point that the dialog is complete transparent and all that shows is the text in the dialog and the unstyled close buttons. I tried
Is there some jQuery conflict here?
I'm customizing a wordpress theme called Accordium, and I have decided to add infinite scroll to it using a wordpress plugin called pbd-ajax-load-posts. In the theme, when you click on a post in archive view, an accordian animation plays by standard. The problem is, the plugin fails to render the default accordion style of posts in the archive when you click on Load More Posts [farthest bottom, in Persian] and shows it like when a post is clicked, leaving it with a fixed open accordian. screenshot
auto complete clarification
Hi, I am using - jqm1.3, my scenario is this I am able to construct and display the search listview via ajax / GET attached to a text search input item '<li data-theme="c" data-iconpos="notext"><a class="myfind" data-ajax="false" href="#" id="'+res[i]+'">'+names[i]+'</a></li>' // names is json return I am struck at these following 2 issues, a) to populate in text item after I click on the listitem and listview hides , b) or when data-clear-btn="true" I tried this but no help $('li .myfind a').on('click',
jquery.corner.js plugin, I can't get it to work on images
I have the code corect for jquery to make rounded corners.. I have tested it with just a background color, and it works fine. However, I want to apply the corners to images. It just won't work for me! I have created an example page where I have the image with the class, right next to a div with the same class but only has a background color.. The image won't work, but the colored 'box' will. I have tried coding it three different ways, and it still wont work. (I don't need all three ways of coding
JQuery answer is empty
Hi all I have a serious problem which I do not know how to solve. I do an SQL query and check the output with var_dump($personenAddress[0]) which gives me the following answer back: array(1) { [0]=> object(JPP\ProfileBundle\Entity\ProfileAddress)#389 (8) { ["id":"JPP\ProfileBundle\Entity\ProfileAddress":private]=> int(1) ["userId":"JPP\ProfileBundle\Entity\ProfileAddress":private]=> int(1) ["street":"JPP\ProfileBundle\Entity\ProfileAddress":private]=> string(16) "Röswerrstrasse 17" ["plz":"JPP\ProfileBundle\Entity\ProfileAddress":private]=>
jQuery localscroll/scrollto problem - causes scrollbars to disappear
I encountered a problem with jQuery's scrollto/localscroll plugin. These plugins work by default, but if I fade in/out some containers then it somehow causes all scrollbars on the webpage to disappear. This is the structure of my code: CSS: .pagecontainer { overflow-y:auto; overflow-x:hidden; width:80%; height:450px; margin: 0 auto; } .pagecontainer>div{ display: none; position:relative; } JS: <!--fade and show windows--> <script type="text/javascript"> $(document).ready(function() { $('.link').on('click',
Sort Pages By Distance?
I am looking at an App called Happy Hour Hawaii and when you open the app it asks for permission to use location and then it organizes the places according to distance. How do you do this using jQuery?
How do i load and execute JQM CSS and JS before the page has finished loading?
Hi I'm trying to use JQM, but it's not working as I want to. The nature of the service I'm using JQM for is so that it keeps adding code to the page depending on which events are triggered by the service, keeping the "connection" open for several minutes. I can see that the complete HTML file is loaded,but the problem seems to be that the JQM CSS and JS files are not loaded/executed before after the page has completely finished "loading". Here is how it looks: While loading: http://screencast.com/t/wxVjYJxnvjH
I'm lost with Deferred and loops, Please help to find myself
Hi there! I'm getting mad about this, I was searching for a answer 2 hours but i can't find anything. The Plan: I have 4 DIV, each one has 100px width. When you click one, it turns to 200px i.e., the following DIV gets de property "left" to -100px to cover it. Then an animation starts, discovering the rest of the DIV clicked. I could handle it nicely, the problem cames when you click in other DIV. To make it smart, I tried to: 1.- The following DIV's of the open one animates their "left" property
can't get 1.3 to work in this hello world code. alert("jquery 1.3 not working"); is not executed.
<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> </head> <body> <script> $(document).ready(function() { alert("this showed up");
Javescript to JQuery
Where can I find a detailed guide to figure out how to replace the javascript code to jquery? I have an example: if(document.all) { document.getElementById("id").innerText = myVariable; } else { document.getElementById("id").textContent = myVariable; } To start the replacement of document.all and then all other keywords Thanks!
Where is the headers object as used in accordion declared?
Greetings all, Simply put, I'm trying to roll some new accordion functionality involving things such as a headerless accordion (maybe even extensible to an accordion grid), and a horrizontal accordion. I'm new to developing for jquery ui so I'm modifying the existing accordion for the headerless kind, even though much of the mutually exclusive design and functionality make it a separate widget. Since I won't have headers in a headerless accordion, either removing or renaming the headers object seems
Show instruction on field base on dropdown field
Hi looking for an ideas how to accomplish this one. I have search form with. dropdown (list) and textfield I want to show some instructions like what to type on textfield based in my dropdown field. I have an idea like placeholder in textfield. but it doesn't change everytime. is it possible that the placeholder will change everytime i choose in selection? or if not a container maybe. thanks
dragging object does not trigger blur event upon dragging
I have a focusout event listener attached to a form field which is triggered anytime i click or tab outside of the form field however, it is not triggered if i drag one of the dragging items I have on the page. The drag action seems to cancel the events previous to the drag. Is this by design and can it be configured to prevent this default behavior?
How can I make an website with pages fixed in the screen?
I am a beginner in coding so please have patiente and try to give me some tips for my problem. I would like to make a personal portofolio website and I want to have pages fixed in the browser like this website: http://www.duemonete.it/ita/ Who can I get start with css, or structure ? I don't know how to start to do it. Some tips, please ?
How to keep an accordion menu state after link is clicked?
How do I do this with jQuery?
jQuery BlockUI Plugin - Firefox animated image does not work
Hello, I'm using the BlockUI Plugin found here: http://www.malsup.com/jquery/block/ using the latest Firefox browser. I can't seem to get any animated gifs to move inside the submit click function. The gif is displayed but it does not move. If I put the code outside of the submit click function it works. Below is the code I am using. Thanks for your help. $(document).ready(function () { $("#upload tr:even").css("background-color", "#D0D0D0"); $("#upload tr:odd").css("background-color",
Watermark Plugin
Hello everyone, if someone can help me with the following problem, I'd greatly appreciate it. So I've downloaded the jquery-watermark.js and integrated it into a demo project to show you. 1) If you open the project in chrome, and when the textfield is empty, the watermark SHOWS. What I mean by this is if you repeatedly delete a letter in the textfield until it becomes empty, the watermark then shows!. In I.E, it will show only when I blur out of the text field or on startup. Can i get this same
Can we expect better touchscreen support soon? Is there some roadmap to jQuery UI concerning this?
Hi. I've being using jQuery and jQuery UI for some time and they're tremendously useful. I think jQuery UI does a great job on the typical desktop but I'd like using it for touchscreen and small devices too. It's already working there but it isn't as usable, lacking some features that would make it more appropiate for those devices. On the other hand, it seems jQuery Mobile does a good job on touchscreen devices but doesn't fit as well for non-touchscreen. Also, it's lagging behind jQuery UI in some
As of jquery 1.9 the value selector in square brackets no longer works input[value="blah"], is this by design?
Hi, As of jquery 1.9 the value selector in square brackets no longer works [value="0"], is this by design? The code below I use to find out the number of textboxes that have values not equal to zero (or blank) no longer works. $(':text', '#someid').not('[value=""], [value="0"]').length; I'm just trying to find out if this is a bug with my code or a bug in 1.9. Any help would be great. Thanks Daniel
Help - Changing object using a class identifier not working
Here is my code: <div id="GroupMenu"> <div id="navPremium2"> <ul id="ulList" > <li id="liHome" class="GSTab" onclick="GSToggle(this)"> </li> <li id="liAbout" class="GSTab" onclick="GSToggle(this)"> </li> </ul> </div> </div> <script type="text/javascript"> $(document).ready(function () { }); function GSToggle(CurrentTab, Opt) { $(".GSTab").removeClass("selected"); $('#liHome')[0].className = "GSTab";
Radio Button Not Staying Selected
Hi, I am new to jquery and am trying to centralize my code to make it run smoothly for areas of my form that repeat the same basic functionality. I have a ton of yes/no type radio button questions that will make an additional section of form data appear. I have it successfully show the "div" but then the radio button selection disappears from the UI. Please see my jsFiddle http://jsfiddle.net/jqueryNoviceUser/vY5fn/ that demonstrates my issue. Any help would be greatly appreciated!!! TIA!!!
new to this... how to call a method in a method (solved)
hi i have problem understanding how i can call moveItems. i traid this: this.moveItems; $(this).moveItems; methods.moveItems; methods.moveItems; videoribbon.moveItems; this works.. but that's a bad one i think $(this).videoribbon('moveItems'); (function( $ ) { var methods = { init : function(options) { $('#ribbon ul li').find('video').on('ended', function(event) { //$("#ribbon ul").moveItems(); //methods.moveItems; //videoribbon.moveItems; //$(this).videoribbon('moveItems');
Override url
Hi, I have a plugin that's sending users to the wrong url when on certain pages, so I want to override that url. Tried the following which checks if myloc ends in faq.html, if it doesn't (false) then I need to pull the url for "ul.navlist a" & force page to go to it. I've tried putting return:false in there, but can't seem to get it running. $('ul.navlist a').click(function() { var baseloc = $(location).attr('href'); // get current pg's url var stringCheck = "faq.html"; var myloc =
Changing markup dinamically
I don't know if this is possible but if it's don't know how to do this. See I have this markup <ul class="error_list"> <li>Required</li> </ul> But I'll like to change using jQuery if is possible to this: <div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Required. </div> It's possible? Any help?
inputdate. caught as the value?
<input type="date"> caught as value?
Next Page