Slider do not Restart on The Last Image!
I have a problema my animation stops on the last slide and do not restart, what i have to do make it continuous? You can see it live in www.lojapontointimo.com.br I'm using this cody: $(function() { $('#s1').cycle({ delay: 6000, fx: 'scrollLeft', timeoutFn: calculateTimeout }); }); // timeouts per slide (in seconds) var timeouts = [2,4,2]; function calculateTimeout(currElement, nextElement, opts, isForward) { var index = opts.currSlide; return timeouts[index] *
Dialog has wrong position in form
Hi, I have a problem with dialog which is using inside a form. I want to make my dialog inside a div (which is parent for the form) attached to the left top border. Dialog must be looked not like a modal form Example of html: $(function () { $.fx.speeds._default = 1000; $("#dialog").dialog({ modal: false, draggable: false, autoOpen: false, resizable: false, width: 300, height: 200, position: {
Themeroller - Download Theme button doesn't work
I'm doing custom theme. When I click on the Download Theme button nothing happens. I don't see any error messages. Am I doing something wrong? My theme is: http://jqueryui.com/themeroller/#!zThemeParams=5d00000100fc05000000000000003d8888d844329a8dfe02723de3e570162cf18d27450c454aa2f2e374d1d127fabb9ebc66c3ee5a70fb154870371702db6720bcd83f0ecbb2131337f10a086e219c538a2003e4a05b37f637b91dbf9e5ea1a30eee0f7354635c67587b16e39b844855d43f178d3256e5c08e1739f2e7f44d5677fb1c0b74e5addbb01d04c4cd2f9c08a17993d9a0c6f776a3be16c4998202c49ba6fc48ba1dff02a4d3effa4387d8db60c4d34408895c6dee3e7bbb9d431c111102f3f085b74a794946ca20e65f2fcb155a8a4c905815b170210695f186094f50279e13ffd30f51530f99453a7dd71fc23ea3f414fd71144eff4e10d46ef9933a8af3b63d3a2d07ebf83031bc33fb83d8d9ff662591338e3367b47a29ca5abd21a8bed9fcff5f3990cc13efb069298fcfdfe672286a48da7ea8cf902da3a63cd8e52ade6f5a39eb1bf941692f2b8381785b7a3b5d21c24559f338f92fb6eb4dd181da73e8fef31a0739d9681ad3d04aafb72cbacd98724ff620995302caeec3f18518f5b423a38bada8a58516aa2c09ca7b9204a92ffabaa157a6acc29311626ac39720aa217e94d1d932e75657604c88fc2e510bb7ec6ad16835d7a6b56a52973d13a5b18e2ea0ab4d4c4e5dad52d7638abaffd2a54520
How to make an animated menu like this?
How to make an animated menu like this? http://www.blueacorn.com/ *Some tutorial example? *What tools would I have to use, since the creation of images ...?
Help Pleas Help
i use jQuery in Joomla Cms (in a custom module) but events like "on click ..." does not work this works $('.mydiv').css('padding','100px'); this does NOT work $('.mydiv').on('click',function(){$('.mydiv').css('padding','100px');}); wat do you guse the probable reason is ? tx
dragging a group of items, alsoDrag (like alsoResize)
I hacked together this functionality (meemoo.org/iframework) to drag multiple items together. It would be nicer if this were built-in, and worked like alsoResize. Then you just could do: $(selector).draggable( alsoDrag: "ui-selected" ) to drag a group of selected selectables. Has anybody implemented something like alsoDrag?
Weird ListViews anchor text for C-Grade phones.
Hi, jQuery Mobile V1.3.0 jQuery V1.8.3 Last week, I have finalized the development of a mobile website and the site works fine on A-grade phones, and maybe B-grade phones which I have not tested yet. For C-grade phones I noticed something about the Listviews. => It seems that the anchor title for some ListViews are always suffixed with the character "2". It is probably related to the fact that the original Listview items are internally rerendered with extra widgets/js/css to give it a mobile-look.
Parse XML to ordered list
I'm using the following code to parse my XML document into an unordered list. When the code complete's, I get "undefined" in both my hyperlink and text field. Below is an example of my XML and my HTML. <?xml version="1.0" encoding="UTF-8"?> <rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0"> <channel> <title>News
Selector for elements, containing/starts with custom data attribute
Hi I have a couple of elements like <p data-lang-bg="Bulgarian" data-lang-en="English" >Text</p> <p data-lang-bg="Other bulgarian text" data-lang-en="Other english text" >Text 2</p> I have a difficulties writing a jQuery selector, that will select all elements, who have data attributes starting with data-lang . Is it possible to write such a jQuery selector
adding somthing in a div while looping ajax things
Hi, I have to loop ajax requests and to add a dot into a div each time. For example : for (var i=0; i < 100; i++) { jQuery ('#mydiv').append ('.'); jQuery.ajax ({ async: false, ... }); ); With firefox, everything works well but with others browsers (safari, rockmelt, etc.) my dots are displayed only at the end of the loop... Could someone help me ? Thanks.
button interval after some time
i have buttons (0 or more) that loaded, i want after XXX seconds, to change which of them is disabled , and change to enabled. this buttons loaded at run time from server side code (asp.net). 10X for the help.
Which framework to use
I'm going to be starting a customer portal project soon and wanted to get opinions on whether or not to use jquery and jquery ui or start with jquery mobile. Mobile users should have access so I was going to use that but what if any support does jquery ui have for mobile? I do like most of the functionality from UI and would rather use it, but if mobile isn't really supported well I can't start down that road. Any help would be greatly appreciated!
How can I use jQuery clone() on form objects and integrate json response as variables?
I tried asking this over at stackexchange but didn't get any responses. I'm hoping someone here can point me in the right directions, so here goes: Ok, my objective is: To clone an entire DIV and it's contents, INCLUDING all the javascript inside of it AND integrate the json response as variables. If I understand right, jQuery .clone() should be able to accomplish this, although I'm having trouble finding working examples of it. However, what complicates my clone further, is that I want to clone
Beginner - Problem updating div with jquery mobile
Hi, I have some real time data I want to show on ever page in my site. I use the following code to update it every 5 seconds. <script type="text/javascript"> var auto_refresh = setInterval( function () { $('#qdata').load('/qdata.php'); $('#qdata').trigger('create'); }, 5000); </script> qdata.php just spits out a html table. The sidebar includes a div with id="qdata". The code works almost all the time, except when I navigate to a page in a sub folder. If I visit that page directly, it works, but
drag & drop on smartphone, tablets
Is it possible to have drag and drop on smartphones and tablets just like we have them on laptops. How to make this happen on mobile devices. Thanks
Comments for jQuery Mobile App
Hi, there ! Thank you in advanced for the support you can give me. I'm developing a tourism web app with jQuery Mobile and I need that people using the app can make comments with their opinion about the hotels, restaurants, services, etc. I'm new to jQuery Mobile and don't know how to do this. Do I need a database? Can I find a plugin that already does this? I've been searching the Internet and can't find anything. I hope someone can help me and give me directions on how to achieve this. Thank you
Using "and" while querying on attributes?
Hi, I want to search for checkboxes that are checked AND have a certain data-* attribute The HTML <input id="SomeId" type="checkbox" name="MyGridName1" data-companyId="45456" /> //--This finds the checked boxes but finds all of them... $("#SomeId input[type=checkbox]:checked").length 5 //--I want to combine the query to search for both attribute values...but couldn't get it to work $("#SomeId input[type=checkbox]:checked input[data-companyId='45456']").length 0 //--I ended up doing this but thought
jQuery Slider and extra space added below
I'm having an issue with implementing a jQuery slider. It's Rhinoslider. It looks fine in Firefox, but IE adds a ton of blank space below the slider. I've tried everything! Help! Below is the link. https://www.vaccon.com/slide.aspx Thank you!
[jQuery Validate] TinyMCE demo not working properly
Here is the demo: http://jquery.bassistance.de/validate/demo/tinymce/ Not validating at all Please, fix it, i need it.
Weird jquery tab problem
I am getting a very strange behavior using the latest versions of jquery and jquery ui - they are inserting the index page of the website into the tab area. Never seen anything like this. I have used earlier versions of both in the same kind of website without problem. Found nothing about this via google.
How to write a plugin for event delegation?
I see similar question already, but not finding any standard approach. Is there any standard approach by which we can make all plugin calls to support future elements? $(".selector").pluginName();Here, future $(".selector") is not captured. Any help is highly appreciated. TIA
Changing the order of images in html
Yo! Would you be able to tell me the best way to get the following images to change the order in which they are positioned in html? <div class="main"> <a class="product" href="#"><img class="hider" alt="" title="" src="img2.jpg"></a> <a class="product" href="#"><img class="hider" alt="" title="" src="img3.jpg"></a> <a class="product" href="#"><img class="displayer" alt="" title="" src="img1.jpg"></a> </div> I want to get img1.jpg with the class displayer to be before the images with class hider so
jquery cycle shuffle problem.
I am a big time newby! I have used several simple jquery itmes successfully, but I am now having a problem using the jquery cycle plugin. I have been successful using the cycle plugin for the fade option with the following code: <script type="text/javascript" src="http://modelsnmoore.com/js/init.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://modelsnmoore.com/js/jquery.cycle.all.2.72.js"></script>
[jQuery]Validation Plugin not validating all fields
Hi, as the titles says, i'm here for the following problem: in my form, there are 2 fields, username and password: <form class="login_form" action="./?c=login" method="POST"> <table> <tbody> <tr> <td> <label for="username">Username</label> </td> <td> <input type="text" name="username" placeholder="Il tuo username" /> </td>
Sliding div menu
I am trying to create a menu, it is just a plain div and each menu item is an image link. I do not want the menu to be displayed when the page loads but rather when the user slides the mouse to the top edge of the screen(web browser), I am a total nuub and do not know how to go about it but i am designing an asp.net website and would really like to implement this feature. this is the css for the menu: #top_nav { background-color: black; width: 100%; height: 70px; float: left;
Newbie help for IE display
I have created 2 small payroll apps and they work great, look great!! (Thanks JQueryMobile!) However, the bosses don't like the way it is seen on IE since it fills the entire screen. I have googled and tried some suggestions found on stackoverflow, but doesn't reduce the size on the desktop. Now my choices are create 2 screens, one for mobile and 1 for desktop, or find a way to make it fill maybe 50% of the desktop. Currently the company's portal is supported only thru desktop on IE, Firefox,
Button: programatic theme updates
Pls see release notes.... http://jquerymobile.com/blog/2013/02/20/jquery-mobile-1-3-0-released/ https://github.com/jquery/jquery-mobile/commit/2e21c6b92a2fc919c46244874de9da7a52173b50 It is now possible to change button‘s data-theme programatically via _setOption. I don't see anything on this in documentation.. http://api.jquerymobile.com/button/ does anybody know how to use this.... ?
fade out image on hover and show some hrefs on top of it
i am in dire need of showing 5 hrefs on top of an image on hover of it. the image would be in faded colored background, and on mouseout hrefs will disappear and image will be 100% visible the closest i could do is <style>#option { display: none; }</style> <div id="container" class="cont"> <a href="#" id="username" class="nomeutente" title=""> Stefano Imparato </a> </div> <div id="options" > <a href="#" id="user" title="">usr</a> </br> <a href="#" title="">impostazioni</a> </br> <a href="#"
jQuery Mobile multi-page swipe (MVC4, #C, .NET)
Hi, i am trying to display my model values in several different jQuery mobile pages. But when i use my code only 1 page is rendered in the source code, wye? & how do i fix it ? My ID's of pages are unique. My data-role="page" contains sections: header, content, footer. My model thats loops contains more than 1 row. This is my View: @model List<itsperfect.Extreme.Web.Booking.Models.BookingDays> @{ ViewBag.Title = "Välj din tid"; Layout = "~/Views/Shared/_MobileSwipe.Mobile.cshtml"; } <input
load/get/post syntax
is it possible to take this post("someurl",somefunction()); and write it in a longhand way, like you would for a ajax or a long animate command, like this post({ url:someurl, success:somefunction() }); if yes can someone provide me an example so i can see the exact correct syntax
Object disparition when setting its size
Hello Here is my issue : I have one global resize function when the window is resized, and I also call this function as soon as my document is ready. This treatment consists in absolute positionning of various <object> on the screen with regards to the window current size. $(document).ready(function() { ... $(window).resize(); ... }); $(window).resize(function() { ... }; When I load my page, my screen seams to be empty, as if <object> were hidden, but if a resize my window, objects appear properly
private variable
In this example, the variable "test" is override to the value '2' because of the last call with "#test2". Is there a way for the variable "test" to be private for each call ? (function ($) { var test = 0; function alerttest() { alert(test); } $.fn.testing=function() { var args = arguments[0]; test = args.test; $(this).bind('mouseover', alerttest); } })(jQuery); $('#test1').testing({ test: 1 }); $('#test2').testing({ test: 2 })
Serialize Dynamic Form
I am having trouble serializing inputs from a dynamic form and when I inspect the element using firebug it doesn't appear the value is being updated as well. Dynamic creation of the form $(document).on('click',"#userlists",function() { var userID = $("#userlists").val().replace("#",""); $.ajax({ type:'Get', url: 'http://localhost:8080/sdd/user/'+userID, dataType: 'jsonp',
how to get x,y coordinates and position when the div is resizable
while resizing the div i need to get the resize position
JQM 1.3 panel + iscrollview + dynamically loaded pages
Hi all, I'm trying to implement a listview that has data-iscroll enabled where pages are loaded dynamically on pageinit. I currently have 2 external pages where there is a listview with data-iscroll set and on pageinit; one page get's loaded into the index.html's content and the other to a panel. Basically; it's like this for my index.html page: <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
Cant post a question?
I try to post something it says this post is a spam? What is wrong with the forum?
Onclick refresh div content based on the selected values without reloading a new page.
Hello; I use sliders as filter to show list of hotels based on the selected price range value on the sliders here. The sliders are located on the right side bar. They work fine with no problems. The good thing about them is that they do not reload a whole new page on the div. Problem: Now I also need to use another filter and that is "star type". So the user can choose to see the hotels with 1,2,3,4,5 or 6 stars. I have already made that part working as well but the problem is the way I have coded
Multiple animations on one element
/o\ I'm super new to jquery, so this is probably butchered terribly: http://jsfiddle.net/mJj7U/ I'm trying to make this float with jqfloat (works great), pulsate with a resize animation (works once), and twinkle with an opacity animation (doesn't work at all). I'm sure I'm doing something wrong with the structure, as they each work fine on their own. Although I also can't get the pulsate and twinkle to keep animating infinitely. It'll only go once. How can I make all animations start at once, and
load vs post
I have been reading the documentation on load and post. it seams the only differences are that A) with load you place an element in front of it and it automatically inserts the retrieved data into that element but post does not do this so you have to write this behavior into the callback function. B) post sends the data via POST and load does it via GET (the get function would send it via GET but the get function does not have a parameter for sending any data to the server so in this way it is massively
jQuery Star Rating Plugin
Hi, I need a star rating plugin similiar to the one at the bottom of this article, does anyone know if theres a jQuery plugin which does this kind of thing?
Next Page