Jquery Slider where the mouse drags the actual image to start the slide?
Hi everyone. I am very (very) new to jquery so sorry if this is simple/obvious. I'm looking for a slider, for my design portfolio, where instead of arrows at the end of the slider (each side), users can start the slide by dragging the actual image. I've seen them in sites, but cannot find a plugin. So the mouse (through dragging anywhere on the slider image) can speed up or slow down the slide, or even just move it. It almost seems like the slider window is like a mask over one massive image. Does
Getting namespaces in XML using jQuery for all browsers
Using jquery 1.5 and part of my XML is this <gd:when endTime='2011-03-03T16:00:00.000-06:00' startTime='2011-03-03T11:00:00.000-06:00'/> If I use: $(xml).find('gd\\:when').each(function(){ alert($(this).attr('startTime')); }); It works in Firefox, but not safari If I use: $(xml).find('[nodeName=gd:when]').each(function(){ alert($(this).attr('startTime')); }); It works in Safari but in Firefox I get the error: uncaught exception: Syntax error, unrecognized expression: [nodeName=gd:when]I
How to display the Confirmation for delete the same as drop down.
When the user clicks on the delete button, a confirmation message box is displayed to confirm the delete.The confirmation looks crooked on the phone. How do I change the style sheet so it would look the same the drop down. Here is the style sheet for the confirmation: #confirmModalContainer {display: block; position: absolute; top: 312.5px; margin-top: -88.5px; left: 256.5px; margin-left: -182px; font-family:Calibri, Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:4px
nested lists and bubble count
Hi list, I have search forum for "ui-li-count" but nothing answered my question. I managed to create a listview with a count bubble element but when trying to add nested listviews the count bubble disappears. I have tried to wrap the listview with a "ui-li-count" and it seemed to work but nested listview title page is named the number of the count bubble ('10' for example). <div data-role="page" data-theme="d" id="channels"> <div data-role="header" data-theme="d"> <h1>TITLE</h1> </div>
Jquery Mobile to Build a Mobile Supported Web App
We are looking to build a web app that should be easily accessible from mobile devices. The primary use will be through web browsers, however it would be great if it can be used from mobile devices / tablets as easily. We are currently looking at Sencha Touch and JQuery Mobile. Leaning towards JQM, since Sencha Touch limits us and our customers to the WebKit universe. The real question that we have: Can we start building a full fleshed web app with JQuery Mobile, or there are limitations for "desktop
How to raise event on certain text selection in html page ?
Hi, suppose i have a html page with text, links and what ever else a page contains. On selection of Text on the html page i want to raise some event that will do something . But what that event is known as ? By text selection i mean placing mouse pointer to some text and left clicking and moving the mouse either to left or right . Now when user selects some portion of text and releases the mouse's left click button a event should be raised . Obviously that event should know what was the selected
jQuery and Cookies
Right im trying to incorporate a splash screen on recent project like the one here...http://tutorialzine.com/2010/11/apple-style-splash-screen-jquery/ But im trying to implement cookies with it so it only loads the splash screen once every browser session but i havent managed to figure this out yet :S Very grateful for any help :) Owen
jquery.validate.unobtrusive +php
I'm a newbie, o jquery. jquery.validate.unobtrusive +php, it's possible? jquery.validate.unobtrusive is a pluggin on MVC3 microsoft. Please a simple code? Thanks
How to use div as a link for internal pages?
Hello everybody! I'm new, so please excuse me if this question was already asked. I would like to use jquery-mobile schema for internal pages accessible via anchor links, but I would like to make my entire div clickable (containing an image, some text - something like a mobile news site). My div data-role=page consists of several smaller css styled divs containing mobile news clips, and these divs need to be clickable anywhere. What I've tried so far: If I use ordinary 'a' links with href to anchor,
easing effect for tabs
Hello, Is there a way to set tabs with a specific easing effect? I tried: options: ... fx: { easing:"easeOutCubic" } but that did not seem to work. thanks for ideas.
jquery
Almost all the plugins i want to use are old version of jquery either 1.3.x or 1.2.x and my web app use 1.4.2.Can i use those old versions?if yes how?also if yes can i include three versions in one page?Thank you in advance.
Performance Tuning for Multiple Pages
Let say I have three jqm pages, page1.html, page2.html, page3.html. I have specific and generic js that I want to execute on all three (before page create). What is the best performing method to do so? 1. I could just have one big pagebeforecreate function: $('div').live('pagebeforecreate',function(event){ generic js page1 js page2 js page3 js }); 2. I could do three specific pagebeforecreates: $('#page1').live('pagebeforecreate',function(event){ generic js page1 js }); $('#page2').live('pagebeforecreate',function(event){
Selectable, add html
<script> $(function() { $( "#selectable" ).selectable({ stop: function() { var result = $( "#select-result" ).empty(); $( ".ui-selected", this ).each(function() { var index = $( "#selectable li" ).index( this ); result.append( " #" + ( index + 1 ) ); }); } }); }); function getSelect() { window.opener.document.getElementById('txtUrl').value = ''; window.close(); } </script>Hi, how can I get a list of selected items and pass to the function getSelect that will provide html code for the parent window
How to give style to dynamic content?
Hi! I have to re-build the style on dynamic content. I search a function like $(elm).listview('refresh') The generated code is the follow: <div data-role="controlgroup" data-type="horizontal" id="navi"> <a href="#" data-role="button">1 / 18</a> <a href="#" data-role="button" id="navi-next">></a> <a href="#" data-role="button" id="navi-last">»</a> </div> And I update the content of div#navi... I you have any idea ;) Thanks in advance! Ps: be indulgent with my english, I'm french!
Iframe get content height/width
Hy, i have a small question .... Lets say i have a html web page with the folowing code inside: <html> .... <iframe id="myFrame" src="http://www,google.ro"> ..... The question is how do i get the iframe contents height/width ? I've found someting like : myIFrame.contentWindow.document.body.scrollHeight But doesn't work ! .... I have IE9 on WIN7
JQuery UI for not supporting IE6
I am not jscript develper, but I know, lots of js and CSS is written to support IE6 quirks. I am think, jquery team can fork another branch for core + CSS code, which supports IE7+ , FF, chrome only. I think, jquery code might be more stable and resilient, if we take out IE6. Once that forked branch is stable, then Jquery team can give option to users, which version to use. Hopefully, users will stop using IE6 compliant version and JQuery team can deprecate their IE6 version. PS: The reason,
jQuery UI 1.8.10 and jQuery 1.5.1?
Hello! I can't seem to find any information about compatibility between the latest jQuery UI and the latest jQuery. I've noticed the bundles are still downloaded with a jQuery 1.4 release. Does that mean that it is not recommended to use jQuery UI 1.8.10 with jQuery 1.5+?
How copy and paste using JQuery
Hi, my name is Flávio and i'm a new student using Jquery. How can i copy and paste a text in a JQuery mask ? sorry my english ! thanks for all !
two related selects with jquery mobile?
how would i go about linking two related selects? i usually do this with coldfusion code, but doesn't seem to work within jquery mobile. any samples would be greatly appreciated.
How to force PST when selecting date/time
Hi, Can you someone please let me know how I can force user to select date/time based on PST timezone instead of the local timezone? I'm using Any+Time plugin with the timezone add-on, but not able to force user to only select PST since the current Date() is being read which is setting the timezone. Thanks for the help!
php array to jquery using json
Hi! I managed to get simple ajax example working, but when I try to pass an array of numbers to jquery, I had no luck. Can someone please give me a simple example. In php I have: $a=array(1,2,3,4,5); echo json_encode($a); So, how can I get this in jquery variable like js_var=[1,2,3,4,5]? p.s. Actually, my problem is jqplot and not being able to pass array from php to jqplot, but since I'm getting data using $.ajax, I guess this is the right place to ask. Thank you!
Dynamic TextBox
Hi, I am trying to create Dynamic TextBox using JQuery. What i am trying to create is when i enter a number in a textbox say "5" then 5 new text box will appear below it with labels. But not able to make it. Please someone help me. Thanks in Advance.
jQuery 1.5.1 (or 1.5) breaks all ajax() calls
When I upgrade to jQuery 1.5.1 (or 1.5) all of the ajax() calls in my site produce a "parserror" in the error option function. There is also a script error "Uncaught SyntaxError: Unexpected token : jquery-1.5.1.min.js:16". $.ajax({ url: '/CustomerGroup/Get', type: 'POST', contentType: 'application/json; charset=utf-8', dataType: 'json', error: function (x,s,e) { showError( 'Customer Group', 'Whoops, error getting customer group information. Please contact support@myorg.com
passing javascript variable to php
I am not sure if I am doing this the right way but I can't think of any other way of doing this. So here goes. In my javascript I have a "for" loop setup like this for(var i = 0; i < data.length; i++) { function load_items(){ $.get("list_items.php", function(data){ if(data.length == 0) { return; } for(var j = 0; j < data.length; j++) { create_item(data[j].description, data[j].priority); } }, "json");
jQueryMobile and WebWorks - doesn't seem to work if HTML generated from javascript
Hello, I've been doing development for the PlayBook with WebWorks, and I'm new to jQuery. My question has to do with using jQueryMobile and HTML generated from javascript - specifically on PlayBook. I've successfully used jQueryMobile in the static HTML part, but if I have it dynamically generated from the javascript, it doesn't seem to work (UI looks just like if none of the CSS from jQueryMobile was applied to it). Here's roughly an example of what I have: index.html: <div data-role="page">
$.find() does not find tags on inserted XSLT content
I wanted to parse through an XML document that has not been loaded via AJAX. Normally find() has no problems with finding the nodes when I search for tags but if you insert the content via xslt, it strangely is not able to find any node! Example: XSLT: <div id="xmlData"> <newdoc> <xsl:copy-of select="."/> </newdoc> </div> Produces the following HTML: <div id="xmlData"> <newdoc> <change name="change1" task="say hello">Comment 1</change> </newdoc> </div> Accessing with jQuery: $xml = $('#xmlData');
Can jquery determine the status of an asp.net validation control?
I'm developing in asp.net 4.0 using VS 2010. I don't want to replace my client side validation with jquery validation, I just want to be able to use CSS to change styles and classes of something other then the input control being validated if validation succeeds or fails. Doing this server side is easy, can I do it client side? Can jquery determine the status of asp.net validation controls? http://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside which seemed to contain my
children() return value order
I think the answer to my question is "yes" but I want to be sure. <div> <b>1</b> <b>2</b> </div> <div> <b>3</b> <b>4</b> </div> <script> var a = ""; $("div").children().each(function(){a = a + this.innerText}); // Does a contain "1234"? But more importantly, is it guaranteed to be the same across all browsers? </script> What if the HTML was: <div> <div> <b>3</b> <b>4</b> </div> <b>1</b> <b>2</b> </div> <script> var a = ""; $("div").children("b").each(function(){a
jQuery UI Autocomplete used with select options
I'm just wondering if there are any examples of the Autocomplete featrues with select options. I see a small example with an array. Much thanks, Victor
How to get an element if i know its ID partially and i do not know what type of elemnt it is
Hi, i only know some characters of ID of an element , and also i do not know in prior the type of html element it is. So can you please tell how to get that element ? Thanks
Accordion UI and IE7
I have created a very complex form using based on the Multi-part Form example of the jQuery Validation plug-in and all works pretty well, just one nagging design issue I can't seem to get around. In IE 7, when you go to the next page in the form, it is slightly lower than the previous one. On the Multi-part form example, there's only 3 pages, so its not really too noticeable, but my form has 20+ pages, so by the time you get the to the last page, it starts in the middle of the screen. I believe
Jquery ui tabs
hello. I'm using ui tabs to create a slideshow and I'm using event: "mouseover" to change the slides but would like to also create a link from my li that when clicked goes to a separate page. I know the href used is pulling in the slides. Is it possible to pull from the li instead, so I can use the href to link to a page? My code for the slideshow below. <section id="featured" > <div id="ui-tabs-container"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected hide" id="nav-fragment-1"><a
JavaScript Hashmap Equivalent
It would be interesting to have HashMap capabilities in Jquery Core as it's a very common and usefull feature. I found a link with possibles implementation: http://stackoverflow.com/questions/368280/javascript-hashmap-equivalent What do you think about it?
Hi All
I am new to JQuery.I need to display dilog box with OK button at the centre. currently OK button is displaying at the right side of the dilog box , please tell me how to allign it centre .Its very urgent for me , please some one help me to resolve it.
The way Sizzle and QUnit are included
Hi, I'm a total newbie with Git and I try to get the conventions looking at interesting projects. I did this for jQuery and I just took a look at yepnope.js. And when I first saw jQuery's makefile ( https://github.com/jquery/jquery/blob/master/Makefile ), I found it awesome to be able to include other projects with the clone_or_pull method. But now, looking at yepnope, I found out git could handle this on its own with the submodule command creating a .gitmodules file ( https://github.com/SlexAxton/yepnope.js/blob/master/.gitmodules ).
datepicker - Customizing the display of days in a month
Hi all, I'm trying to customize the rendering of the Day's in a month in the datepicker. I need to display 1 or 2 time links beneath the day number within the rendered cell. Something like this: ------------------------ | 15| 16| | | | | 14:00 | 15:00 | | 19:00 | 20:00 | ------------------------ I have achieved this by post-processing the rendered html after the datepicker has initially displayed. However, when the datepicker is interacted with, by changing month or clicking a day
How to get actual content written by user in this Rich Text Editor ?
Hi, I am using this Rich Text Editor in my asp.net page.Every thing is fine , but i want to get the html contents inserted by user using a javaScript function and submit the form asynchronously. But i am unable to get the html content.Please help ,how to get the html contents.I am herewith attaching that Rich Text Editor file .You please unzip these files and place those in a single folder, i have kept in separate folders since single file size was getting larger that limit. Thanks
AJAX, JSON, IE & Cookies...?
Hi - first let me start by saying that what I want to achieve is not at all malicious, but I understand how it could potentially be used this way. - We run about 20 sites and a shop. Most of the sites contain common content (header and footer). - The shop stores a user's cart summary in a cookie - I have written an ASP page to write the cart summary to the browser in JSONP format. I know it's ASP, but it does the job - I have a piece of JQuery on the other sites that polls the JSON cart summary,
different versions of jquery plugin
Almost all the plugins i want to use are old version of jquery either 1.3.x or 1.2.x and my web app use 1.4.2.Can i use those old versions?if yes how?also if yes can i include three versions in one page?Thank you in advance.
Problem with Cookie Plugin
Hi, I'm using the cookie plugin and can't get the session cookie which is set by Rails: var session_id = $.cookie('_session_id'); session_id is null, but I can see the "_session_id" cookie in my cookie list of safari. Whats wrong here? why can't I get that cookie? Another crazy fact about this: If I set the cookie by myself with the cookie plugin I can get it, but when jquery is setting it automagically I cant access the cookie. Thank you.
Next Page