Flexslider issue on IE9
I've been testing this website in several browsers now: http://laideae.com/2e However, for some odd reason, IE9 has a bug displaying the last slide (most of the time, thou sometimes it does it on other in-between slides) on pages such as this: http://laideae.com/2e/espaset-lt.html When you click the next button, the slideshow seems to go from beginning to end in a fast forward way and then it displays the last slide. On some computers, it quickly displays the last slide and then moves quickly to
When to use $find?
Hello, I was hoping someone could clear up a question I had. When is it necessary to use the $find method when I have a selector? Thank You
hidden function
how i can make function that hide element in the html that i was click on any element on the document $(" ").click(function () { $(this).hide(); })
Help jquery app
I'm trying to make a unit conversion app but seam to be failing at the most simple peace of code. Could someone please help me getting this work? var from = $('#selectmenu10'); var to = $('#selectmenu11'); var value = $('#textinput1'); var result = ''; $(function() { $("#sb1").click(function() { if (from.val() == 'Euro' || to.val() == 'Dollar') { result.val(value.val() * 1.29840); alert(result + ' Dollar'); } } }); });
JQM 1.3 input fields, border:none; does not work
In JQM 1.2: .noborders{ border: none !important; box-shadow: none important; } . . . <input type="text" id="text1" class="noborders"....> hide text1 borders. This does not work in JQM 1.3 !
Open a link page inside the app
Hi, I created an web app with Jquery mobile and phoneGap. In the app there are some link to other website. I try to put button"return" in this page to come back on my site. May be keep the header of my app when I open a link. I've no idea to process. Thanks for your help.
Can I open a div injected from a ajax request in a dialog?
Hi guys, Can I open a div injected from a ajax request in a dialog? Example Html <button class="clickme">Click Me</button> <div id="result"><div> Php if ($_REQUEST["action"] == 'greetings'){ echo' <div id="hello">Hello<div>'; } Jquery $(document).on('click', '.clickme', function(){ $.ajax({ url: 'php/function.php', type: 'post', data: {'action':'greetings' }, success: function(result) { $("#result").append(result); $( "#hello" ).dialog({
Two different behaviors with Draggable UI helper clone and non-clone
From my understanding the helper option with Draggable UI is only a display effect as described here. But when using it with tables it appears to be bugged. Example: http://jsfiddle.net/hmj83/ Can anyone explain this behavior or give a workaround/ fix? Thanks.
how do i select the correct .each(function(index) from list ?
hello. how do i make it so that if i click on a link it will make the parent index do something ? http://jsfiddle.net/rickyspires/m6kXR/35/ so i have a list of divs and an empty container <div id="book"> <div id="page1" class="page">1</div> <div id="page2" class="page">2</div> <div id="page3" class="page">3</div> <div id="page4" class="page">4</div> <div id="page5" class="page">5</div> </div> <div id="book_nav"></div> them from that i get 5 links $('.page').each(function(index){
navigation of arrow keys in form like excel
my code work but my problem is that the color in the table will be erased when the focus leaves it row or column someone any idea? $(document).ready(function(){ p=""; m=""; f=""; var computeValues = function(){ var id = $(this).attr("id").replace("prelim_", "").replace("midterm_", "").replace("final_", ""); p = $("#prelim_" + id).val(); m = $("#midterm_" + id).val(); f = $("#final_" + id).val(); if (p =='130' || m=='130' || f=='130') { $("#row_" + id).css('background-color','pink');
[cycle] plugin: Implement caption count (ex: "Image 1 of 10")
Hi, I'm using the [cycle] plugin but a Wordpress version (Smooth Slider), so the code is a bit harder to manipulate for me. So my problem is this: How do you add a caption ("1 of 10") that tells which slide the slideshow is on like here: http://jquery.malsup.com/cycle/count.html I have added after: onAfter, and function onAfter(curr,next,opts) { var caption = 'Image ' + (opts.currSlide + 1) + ' of ' + opts.slideCount; $('#caption').html(caption); } to the javascrip part in the head, then <p id="caption"></p>
Manually focusing a Menu item
Hello fellow jQuery users :) I recently had the need to manually focus a given menu item, as my end users request the menu to highlight the menu item corresponding to the current screen. There are of course many ways to do that, but supposedly, the method focus seemed a good bet for this. Now this is where my knowledge of jQuery and JS in general failed me. I reproduced my troubles on this jsfiddle (EDIT : see below for amended link) Basically : - when trying to focus a terminal element on
Rendering italics (or emphasis) reliably on Mobile devices (as opposed to desktops)
Have a look at this on a desktop and then in a mobile browser. (recoveringacademic.co.uk/iTest/index2.html) Using a Samsung S3 with Chrome and FF, the italics and emphasis both disappear. It's renders perfectly on a desktop. The issue of italics (or none) really matters to me because I'm writing about Harvard Referencing where- to many - italicization is important. I'd be very grateful indeed for help I'm using the following code in the <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css"
Add to calendar - Does it exist?
Hi all, I was just wondering if there was any way of interacting with the mobile-user's calendar, specifically adding/scheduling an event or appointment? Part of the work that I'm doing is for a mobile bookings system. What I would like to do is offer the user a link/button to be able to add the details of their new booking to their phone's calendar. Is this possible? Is it something that is being planned for? If the answer is no, does anyone know of an elegant work-around? My fallback position is
Disable back button for one page only
ON my jquery mobile site I use the data-add-back-btn="true" for the page div and it works as expected. The issue I have is that there are some pages I don't want the back button to appear as it creates circular references and I want to better manage user navigation. I'd really appreciate some help with this as it is driving me nuts.
Review copies available for Instant jQuery 2.0 Table Manipulation How-to
We have a few e-copies of Instant jQuery 2.0 Table Manipulation How-to (http://www.packtpub.com/jquery-2-0-table-manipulation-how-to/book) available for review. If interested, just drop a line below with following required details: 1. Email address 2. Choice of website for posting your book-review (can be your blog or website, Amazon.com or goodreads.com) Instant jQuery 2.0 Table Manipulation How-to is a short, fast, focused guide on editing and manipulating your HTML tables. The book shows readers
Doing a partial postback.
Hi, I am using a componentone carousel control to view thumbnail photos. On the client click I want to do a partial postback so I can load the photo in a larger image but at the same time lay on top some blob divs. I can do this $(".imgSave").click(); Which does a full postback and the whole page is loaded and it looks clunky. Is it possbile to have it simply partial postback which simple loads the new image and moves the blobs on the photo with out a full page load? Many Thanks, Jiggy
How to trigger $.blockUI(blockOption) on all postback browser process
I have already working blockUI on all ajax call. But now I want the shown blockOption to keep shown on postback. How do I do that? Or how do I get postback browser status via jquery? Here the code: AjaxLoader = {
_msg: '',
_errorUrl: "~/Error",
showIndicator: function (selector, message, culture) {
var self = this;
if (!message) {
message = this._msg;
}
if (!self._isBlocking) {
var item = getLoaderText(culture);
var blockOption = {
/* message: '<img style="vertical-align: middle; margin: 10px;" src="/Modules/KHI.OTA.OnlineTravelAgent/Images/ajax-loader.gif"><span style="white-space:nowrap;margin-right:5px;">' + 'test test' + '</span>',*/
message:
'<div id="popup_box_gi" style="width:400px;max-width:600px;background:#FFF;border:4px #DA2940 solid;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;"> <div id="gi_popup_header" style="height:60px;background:#fff;padding:3px;"> <table id="gi_popup_table" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:12px;font-family:arial;color:#828282;"> <tr> <td width="17%"><img src="/Modules/KHI.OTA.OnlineTravelAgent/Images/ajax-loader.gif" /></td> <td width="83%" style="vertical-align:middle;"> <span id="gi_popup_title" style="font-family:arial;color:#737373;font-size:16px;font-weight:bold;display:block;"><span>' + item[0][2] + '</span></td> </tr> </table> </div> <div id="gi_popup_body" style="height:auto;background:#fff;padding:3px;background:#F6F6F6;"> <table id="gi_popup_table" width="100%" border="0" cellspacing="3" cellpadding="0" style="font-size:12px;font-family:arial;color:#828282;vertical-align:text-top;"> <tr style="vertical-align:text-top;"> <td width="40%" align="center" valign="top"><img src="' + item[0][1] + '" width="115" height="103" /></td> <td width="60%" valign="top" align="center" style="vertical-align:middle;"><strong style="font-size:14px;">' + item[0][0] + '</strong></td> </tr> <tr> <td> </td> </tr> </table> </div> </div>',
//'<div style="width:400px;height:300px;background:url(/Modules/KHI.OTA.OnlineTravelAgent/Images/bg.jpg) no-repeat;margin-left:auto;margin-right:auto;"><div style="padding-top:32px;padding-left:10px;"><img style="float:left;" src="/Modules/KHI.OTA.OnlineTravelAgent/Images/ajax-loader.gif" /><span style="float:left;vertical-align:middle;text-align:center;font-size:small;width:64%;">' + getLoaderText(culture) + '</span></div></div>',
Example of attaching "expand" listener of collapsible?
Can someone provide a working sample of attaching an event listening for the "expand" event on a Collapsible object? I'm sure my issue is just "where and when" to attach the event this is where I am getting the code: http://api.jquerymobile.com/collapsible/#event-expand this is the code I put together as an example http://jsbin.com/odiful/1/edit I can't *quite* show exactly what I am doing, as I am making an AJAX call to get the page for a particular item, but if someone could get that event to
Using jQuery object/chain as a selector string for delegated events with .on() not working
Sorry for the confusing title.. basically I was wondering if this was correct behaviour: If I have some images each wrapped around in an anchor link and I do $(document).on('click', $('a').children('img') , function() { // code });example: http://jsfiddle.net/eawEV/ Clicking any image inside 'document' will trigger the event regardless of the selector filtering only images that have anchors as parents? As opposed to using a string for the selector $(document).on('click', 'a > img' , function()
Toggle Onclick value if checkbox is checked
Hello, I have a form that uses multiple actions, and what I'm trying to do is toggle the onclick value. <form> <input type="text" name="email" id="email" value="Email" class="text-input" /> <input name="" type="checkbox" value="Yes" /> <input type="submit" value="Button1" name="subscribe" id="subscribe" class="button" onclick="OnButton1(); OnButton2();"> </form> basically, what I want to happen is, if user check the checkbox, OnButton1(); will be added and if not, OnButton1(); will be removed.. It's
count list in header collapsible
I want a collabisble list with a header that describes the content and an indication of the number of items. the description would have to stand on the right, the indictaie on the left hand side. How can i make such a header
zclip plugin not working for my div 'copy'
Hi. Help please. I'm using zclip plugin. The copy div is not working for zclip. http://jsfiddle.net/jmcausing/ScDZu/
is it good idea(is it used) better use web full tech. to test my app after convert to phonegap app
document.addEventListener("deviceready", onDeviceReady, false); // this should be called in each page eg map.html and needs phonegap.js in each page, import (dreamweaver) or only to index.html? is it good idea(is it used) better use web full tech. to test my app after convert to phonegap/jQMobile app, like use onload rather on device ready? faster testing...
How can i stop to make buttons,select and checkboxes doubles when i reload my page.
Hello guys, Guys i am facing a problem.when i reload my html pages its buttons,select and checkboxes are goes added more and more.because all the html data fetch from a data base and after added new things in the page i store all the html of the page in data base and when i display this page agiain becuase of jquery mobile its buttons,select and checkboxes are increased as shown in image below.
Making custom elements, JQM or ride
Sorry guys, i know there is some of related topics, but i couldnt solve my problem i place my custom css file after jqm css file. I can't override it presets... can i edit elements without using the default file?
Send a GET/POST/AJAX request to a "File" Not Url On A Server
Is this possible in jQuery? From what I'm seeing you can only use a url in $.get(url, ..) or $.post(url, ..). Instead I want to do either or to a file on the server like $.get(filename.php, ...) or $.ajax(filename.php, ..). This php file is returning information. How can I do this?
Dynamic draggable map
I have been working on a map, that is dynamically updated using jquery. the map is set up so that each 'cell'/location on the map is an object/image. Contents are stored in a database, and accessed via PHP. When you mouse over an image, a tooltip pops up with the cell's content information. When you click on the cell, a function is called, and actions are performed accordingly. Right now, i have a call that updates all the cells in the view that is performed when the 'refresh' button is hit. This
Problem with mmBackgrounds plugin
Hi guys, Hope you can help. I'm creating a website using Joomla 2.5.9 and the Shape 5 Vertex template. One of the plugins I've installed is mmBackgrounds. But I keep getting this message in the error console: Uncaught ReferenceError: jQuery is not defined (anonymous function) When I go to the script to which the error code is referencing, this is what I see: jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#modal-messages').css('margin-top', ((jQuery(window).height() - jQuery('#modal-messages').outerHeight())/2)
connection between button and function
Hello I am a beginner in jQuery Mobile , I need your help :) in Html : <div id="menuList" data-role="content"> <a href="views/index.html" id="Start" data-role="button" data-icon="arrow-r" data-iconpos="right" Start>Start</a> <a href="views/Register.html" id="Register" data-role="button" data-icon="arrow-r" data-iconpos="right">Register</a> <a href="views/About.html" id="About" data-role="button" data-icon="arrow-r" data-iconpos="right">About us</a> </div> .js file : (function($) { $('#Start').click(function(){
is jQuery Mobile compatible with windows Mobile? (no windows phone)
Hello, I want to know if this it's supported by windows mobile 6, his browser it's Internet Explorer Mobile. please note, is not Windows Phone, is Windows Mobile. Reagards, Luis
help with jquery radio and submit button confirm
I need some help getting this jquery script to give me a confirmation message when the user selects the submit button. I want to check if the radio button Decline is selected when the submit button is selected. Here is my juqery and the radio button and submit input elements that I'm using. I have to use the ID=REquired so I need to use the elements name. <script type="text/javascript"> $(document).ready(function () { $('input:radio[name=Submit2a]').click(function () { if
Uncaught type error : object [object object ] has no method captify
Hi, i am using this code in one of my wordpress theme for slider but when i activated one plugin i got this error jQuery(document).ready(function(){ jQuery('img.captify').captify({ Uncaught TypeError: Object [object Object] has no method 'captify' speedOver: 'fast', speedOut: 'normal', hideDelay: 500, animation: 'slide', prefix: '', opacity: '0.7', className: 'caption-bottom', position: 'bottom', spanWidth: '100%' }); }); please help me to fix this problem Thanks
Panel: slide drag and snap back
Hello guys, i'm tryiing to developing a plugin to jquerymobile to close the panel sliding the main content to the side where it is open. There's a example what i'm doing here: http://jsfiddle.net/Qb2DV/13/ I have some quests: How could i know if swipe is left or rigth using the $.event.special.swipe.stop, i've been trying using $.event.special.swipeleft.stop or $.event.special.swiperight.stop, but they not exists. How could i manage if the content is on the limit of the page? Thanks!
Jquery form feedback jumping down a line
Hi, I really am new to all this. I got this form <div class="mainText"> <h2>Register</h2> <h4>Fields marked with a * are required</h4> <form action="admin/register.php" method="POST" enctype="multipart/form-data"> <input type="hidden" name="submitted" value="1"> <p>Login Information:</p> <p class="form">Username: *<input name="username" id="username" type="text" size="20" class="rounded"/><span id="userAvailability"></span></p> <p>Password: *<input id="password1" type="password" size="20" name="password1"
How/where do I edit $.support.cors and $.mobile.allowCrossDomainPages??
From what I understand, I can have html files (with ajax) access my remote server so people can access my database if I build an html 5 app using dreamweaver and phonegap. However, it sounds like I need to edit those two files according to http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html. Can someone please validate if its true that I can build a mobile app with CS6 and phonegap that will be able to access my remote server and if that's true, how do I edit the two files that JQM tells
how to differentiate 401 http response from server not found response?
Hello. I have serveral URIs, which i check with jquery.ajax(). If URI is exist, mark it as good; if not - as bad. But $.ajax() set status to "error" for URI, which reply with 401 http code, and for URI, that doesn't reply at all, too. How can i distinguish URI with existence server from URI with non-existence server?
$this not working ?
hello i can not seem to get this to work . i what to add class of hooked to a div with the same class. this is the jquery 1- when you click a.book_nav_item it first look for the class of the button clicked. 2 - then it looks through all the #fliphtml for the same class 3 - when it finds the same class i want it to add the class hooked to #fliphtml $('a.book_nav_item').click(function(){ //GET PAGE NUMBER var pageNumber = $(this).attr('class').split(' ')[1]; if ($('#fliphtml').find(pageNumber))
how to determine the is in which the user clicked on with jQuery?
Hi again I have list of link <a href="?id=1" class="test">enable user 1</a> <a href="?id=2" class="test">enable user 2</a> <a href="?id=3" class="test">enable user 3</a> <a href="?id=4" class="test">enable user 4</a> when I user click a link I create a dialog box using jQuery UI like so <script> $(function($){ $( "#dialog-confirm" ).dialog({ resizable: false, height:175, modal: true, autoOpen: false, buttons: { "Yes I am sure. Process": function(e) { console.log($.urlParam('url')); //I need to
Tooltip Plugin. Allow mouse to move hover. And positioning
Hello, I am creating my own toolip JQuery plugin as I need it to behave in specific ways. So I have the following: http://codepen.io/mdmoura/pen/pbvnG When the mouse is over the "Text Tooltip" the tooltip becomes centered. I am doing this at the end of mouseenter function. Is there a better way to center the tooltip with the anchor? At the moment when I move the mouse out of the anchor the tooltip disappears. Is it possible to give, maybe, 1 second so the mouse can move over the tooltip? And the
Next Page