Logout icon for the JQuery Mobile project
I downloaded and modified the 4 image sprites that hold the icons for the JQuery Mobile project to include a logout icon, attached to this post. To use them the way the other icons are used you need to add these to your css. Note: there are 4 files but it would only let me upload three - see the first comment below for the 18-black file. (The black files are the same as the white ones with their colors inverted. To make the 18 pixel version of the file, you cannot just shrink the whole 36 pixel file,
help generating thumnails (more of a php question)
I've been watching a couple tutorials on how to do this put none of them seem to work, but the code I made to upload the original photo works. Here's what I'm having trouble with: functional upload image php func function upload_comic_img($image_temp, $image_ext, $comic_id) { $comic_id = (int)$comic_id; mysql_query("INSERT INTO `images` VALUES('', '".$_SESSION['ID']."', '$comic_id', UNIX_TIMESTAMP(), '$image_ext')"); $image_id = mysql_insert_id(); $image_file = $image_id.'.'.$image_ext;
convert bxslider to simple image timeline (or suggest me another timeline)
Hi, ive been looking for timelines to use — but found none that works with my idea (which is simple). The bxslider already have the functionality i need, such as autoplay and fading transition. I do have 2 questions. When adding bxsilder you get a 'slider control' like a pager which indicates which image is shown (bx-pager-item). If i have 3 images id have 3 pager items. This is where the timline comes in. In the regular appearence the pager items are put next to each other. But id like to define
Helper in sortable not working as expected.
Hi all, I have a problem with the sortable functionality. I have to sortable lists, and I want to drag elements from #sortable1 to #sortable2 (but sometimes the other way around), but the elements from #sortable1 must not dissapear. I build up a small test site in jsfiddle (http://jsfiddle.net/N73e6/) to show the problem. Declaring helper as clone or not makes no difference (as I see). An alternative method (as you may now) is to use a draggable and a sortable (http://jsfiddle.net/dxuJv/), and thus
Submitig form with jquery
I have simple code here, on click on submit am preventing default , and validating some data with ajax etc . After i done validation i just want to continue form submitting . I have tried with ('form').submit() but it is not working !? ( I have only one form on page and am selecting it ) $(document).ready(function(){ $('input[name=submit]').on('click',function(event){ event.preventDefault(); .... if (something){ // submit my form } }) }) })Plz help
need major help creating 2 different img galleires
I'm trying to create two types of image galleries. The first I'm trying to make is an infinite loop gallery from files I upload that has additional l/r buttons. The other is on a separate page which would only have l/r buttons and would pop up when the user clicked on the thumbnail version of the image. I'm also having trouble figuring out thumbnails, but I'll ask that in a different post. I know this is a bunch to ask, but I don't wanna use any plugins. I'd like to learn how it works so I can apply
there is something wrong in click event
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Multi-page template</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head> <body> <textarea cols="40" rows="8" name="textarea" id="textarea_talk"></textarea>
cannot integrate jQuery Fileuploader Plugin in WordPress
Hello, I am implementing a web site in WordPress and I am using Woo Commerce shopping cart for eCommerce. Here when a user goes to product details page I want to allow the user to upload their own image file which should get saved on server and added to woo commerce cart. Here I am using jQuery Fileuploader Plugin (http://pixelcone.com/). I have managed to add Fileuploader Plugin to Product Detail page is does show up on the page and I am able to select a file and click on upload button and the file
[jQuery] Still working out "drop-down div menu"...
Hi, all. I'm still trying to work out a drop-down div for my horizontal menu. I've tried various approaches and the closest I've been able to come to the proper animation so far (which still isn't correct) is with this code (written in long-form for now and just for the first two menu items): $(document).ready(function() { $('.menu-details').hide(); $('#a-index').mouseover(function() { var answer = $('#menu-details-index');
input fields and combobox. How can I loop through both of them at the same time?
I have 8 input fields and 3 comboboxes and I wanna get the values of all of them without having to use ids or classes. $("#table tr:gt(0)").each(function () { //$(this).find('td').each(function () { _myqu = ""; $(this).find('td input[type="text"]').each(function () { if (($(this).attr('id') == "desc") && ($(this).val() == "")) { _myqu += "None" + "/"; } else
How to achieve ActionSheet？
Hello, How to achieve this effect? Thanks
Updating/Migrating from version 1.2 to 1.3
Hello, I am having difficulties during the update. When I update the library only I've faced the freeze problem on pageshow events afterwards I've converted them from ".live" to ".on" on event catch phrases and eleminate the problem but now I am facing a problem when loading the google maps api. Basically, it doesn't load. So do you guys have any idea? Why it was working without any problem on 1.2 and not working on 1.3?
Dynamically change data role using javascript
Hi, I need to change the data role of a div to either popup or nothing, say the following markup, I want pnlDealers to behave like a popup on some occasions but just as regular div on others. How do I do that? Thanks <div id="pnlDealers" style="display:none"></div>
Multiple File Uploads using Jquery plugin
Hi All , We have a very simple requirement . There should be a file selector with which user should be able to select multiple files at once . There is a button , on click of which files should be posted to server . We will read them through HTTPPosted file collections and do further processing . I have gone through lot of forums but did not found a reliable plugin . Is it possible through a Jquery plugin ? Any help will be really appreciated. Thanks Siddhesh
Twitter Bootstrap Wizard and jquery.validate
I need to disable next button on validate my form. Here is my validate code: <script type="text/javascript"> $(document).ready(function () { $('#BereketF :input').blur(function () { $('#BereketF').validate().form(); }); }); </script>If user missed a input, next button will be disabled. Next button's class = .next
page showing from cache , blinking and back to page
i have some page in my app, suppose i logout(click) from my app then successfully go the logout_page , suddenly last page i visited appearing and go back to the logout_page again . I done data-cache="never" in page , but app getting hang . 1) i checked event but . only one event is firing . 2) i realised that the page showing again is a dummy one from memory . 3) how can i solve this issue , i am using the below code to logout $("#drLoginButton_ac").unbind(); $("#drLoginButton_ac").bind('click',function(event,
What if the panel size/height is longer than the page itself on v1.3?
Hello, It is really great improvement on jQuery to have a panel view. I really like it and appreciate that but I have a concern. It seems like panel is also a part of the page and they act together when you scroll down which force you to scroll the page when you scroll the panel. I've faced a problem because of this issue. The problem was; I've put a map view on page and panel has some options but as you may guess when I try to scroll between the options in panel map view disappears also. Isn't it
jQuery UI Datepicker
I'm using the jQuery datepicker and I need to display a message to the user if the Due Date they have chosen previously has passed. Is there a way to do this?
Unnecessary scrolling of page on iOS
Hi, I am Using cordova-2.1.0 ,jqueryMobile-1.3.0 for iOS app.Some of the pages in my app has very small content still that pages scrolls.I am testing it on iOS6.How to stop scrolling of the pages having small content.I dont want to use the preventDefault.
datebox issue with jqueryMobile-1.3.0
Hi, I am using jqm-datebox.core.min.js,jqm-datebox.mode.calbox.min.js,jqm-datebox.min.css to select the date.If I use the jqueryMobile-1.2.0 then it will work fine but if i changed to jqueryMobile-1.3.0 then just datebox popup will appear and after selecting date popup will not get closed.I am testing it on ios6 with phonegap framework
unordered list inside the tab panel not working
My HTML <div id="tabs"> <ul> <li><a href="#fragment-1"><span>One</span></a></li> <li><a href="#fragment-2"><span>Two</span></a></li> <li><a href="#fragment-3"><span>Three</span></a></li> </ul> <div id="fragment-1"> <ul> <li> list 1 </li> <li> list 2 </li> <li> list 3 </li> <li> list 4 </li> </ul> </div> <div id="fragment-2"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
idle timer plauing with iframes
I am using jquery Idle timer plugin this works very well , but the problem is If my page has iframes then action on iframe is not resetting the timer in the parent page, need help how to make this work with iframes in a page ? is there any plugin which works with iframes in a page ?
Changing Accordion colors
Hi, I'm pretty new, and don't know Javascript etc. I am using the jQuery accordion code, but I don't find where I can change the accordion colors (headers background, text color, etc.). I have no CSS file - I just downloaded the two js files: "jquery-1.9.1.js" "jquery-ui.js" And I can't see color options in these files.. I know I'm being stupid here.. any help? Thanks!
Is there a strategy which allows putting javascript at the bottom of page for performace?
If you place your scrips inside the closing </body> tag at the bottom of the page for performance reasons the scripts are included in every page loaded via AJAX. Is there a strategy to allow scripts to be loaded at the bottom of the page without having this occur?
jQuery Mobile and TalkBack
I develop a small web mobile test app with jQuery Mobile and TalkBack, Android screen reader, doesn't read the button. The button icons on the left and right don't show up. But, it works and displays fine in iOS and works with VoiceOver. Anybody have any ideas why? The app is at http://app.lidanllc.com. Remember it is just a test app. thx
need help with image and div
I'm new in Jquery and i'm learning for myself to understand, i have a form of two images in same first div and second dive for email text field. when load the page, is showing first images on the top of text field and display none for second image, when person enter complete email address then change first images to second images. how can i write this basic code please! thanks. AM
Last li in ul
Hello all. I am beginner in jquery. my code: <ul class="chooseList"> <li>111</li> <li>222</li> <li>333</li> </ul> $(document).ready(function(){ //$('.').hide(); $('.chooseList').children().first().slideDown(200); $('li').on('click',showNextImage); }); function showNextImage() { $(this).slideUp(10); if ($(this) === $('.chooseList li:last')) { alert('last'); } else { $(this).next().slideDown(200); } } I need : when I click on last li to show alert message . What I did wrong? Thank in advance)
Data are removed when making a POST AJAX request
I'm running into an issue where data are removed from the request when I use POST. Same call to the back-end server from a different client (iPad app) works fine. If I change to GET, then the data are preserved. Here are what I have in my script: var request = $.ajax({ url: "http://localhost/demo/requirements", type: "POST", contentType: 'application/json', data: {token: 'XXXXXXXXX', varid: 'XXXXX}, dataType: 'json', cache: false, });
I can't get HTML video tag commands (in javascript) to work without "polyfill". what is polyfill?
I have sample code that will work only if I include 2 libraries - polyfiller.js and modernizr. I used these from a person's website who had given me help on a forum, but I want to get them from the source, and install them in my project. I saw a site that generates "modernizr", so I selected just the parts I thought I needed, such as video, audio, etc. and generated it, put it on my site along with polyfiller, but not the page doesn't work again. Any ideas why this should not be working? Also,
Strip +4 digits in zip code
Hi, I dealing with some US addresses returned by server, some addresses come with +4 zip code. e.g. "El Monte, CA 91734-2135". How do I use jQuery to strip the "-2135" part? The users want to see "El Monte, CA 91734" Thanks
How in the world do I paste code?
Why does it automatically remove all line breaks when I paste in code? For example when I paste in something like this: <div>123123</div> <div>123123</div> <div>123123</div> After I post the message, it turns into this?? <div>123123</div><div>123123</div><div>123123</div> If I try to manually separate them, then each line turns into this huge empty code block.
instrad of appendTo
I am using this function (function($){ $.extend({ playSound: function(){ return $("<embed src='"+arguments[0]+"' hidden='true' autostart='true' loop='false' class='playSound'>").appendTo('body'); } }); })(jQuery); I call this function inside a jquery dialog my_dialog = $(modal).dialog({ buttons: buttonsOpts, modal: true, title: opts.dialogButton, open: function(event, ui) { $.playSound('notify.wav'); } });as per the function it appends to
Making a div unscrollable relative to parent, but scrollable relative to viewport?
Is there some JQuery of javascript function that simply makes a div unscrollable to its parent div, but scrollable relative to viewport? #pagecontainer>div { margin-left:50px; margin-top:50px; } <div id="pagecontainer">
<div id="page1">
<div class="unscrollable"> <!--UNSCROLLABLE-->
<a href="#page1" class="link">Link 1</a>
<p>
<a href="#page2" class="link">Link 2</a>
<p>
<a href="#page3" class="link">Link 3</a>
add pause on hover
this is in a wordpress plugin that fades tweets in/out. how do i modify it so it pauses on hover? jQuery(document).ready(function($){ $.fn.jTweetsFader = function(timeOut) { var $elem = this; this.children(':gt(0)').hide(); setInterval(function() { $elem.children().eq(0) .fadeOut().next().fadeIn().end().appendTo($elem); }, timeOut || 10000); }; var rotatetime = $('#jtweets-feed').data('rotatetime'); $('#jtweets-feed').jTweetsFader(rotatetime); });
New to jQuery. Can't get it working.
Hey all, I'm just starting to learn jQuery. I included the script tag just above the ending body tag and when I test it out, nothing happens.
Listview and Local Storage
Hi, I have an app that I am working on but hit a brick wall. The app using Listview as it's menu and am trying to program a "favourites" list view into the app. Is there any way I can add a favourites folder to the list view and how would I go about retrieving the info? Thanks
How do I get the scrollTop() of a page I am currently inside?
Inside a touchmove event I'm trying to figure out how far I have scrolled inside a page, but if I call $(element).scrollTop, on literally anything on the page I get 0 returned. I've tried $(element).scrollTop on: window document "html" "body" "#feed" (the id of my page) "#feed > div" (the content div of my page) All of these return scrollTop of 0. I'm stumped. Would anyone know the reason why it always returns 0, and how I can determine how far I have scrolled on a page? Thanks!
php problem with jquery mobile???
Hello, I make a form in jquery mobile ?? I can construct the form, but I can never get it to work with php, is there something missing that i need? this is the html part; ......<div data-role="page" id="ajouter-menu" align="center"> <div data-role="header"> </div> <div data-role="content"> <div data-role="controlgroup" data-type="horizontal"> <a href="reservation.html" data-role="button">Reservation</a> <a href="menu.php" data-role="button" class="ui-btn-active">Menu</a> <a href="categorie.html"
Why aren't my scripts loading in jquery mobile?
hello, on this link: http://www.quartopianodesign.it/lab/jm1.3/ I posted an example of a simple model jquerymobile with a fade in images using the Cycle plugin. When I click on the second page of the fade is not running. I would like to solve the problem keeping to the transitions without using the rel = "external". I saw that many people have this kind of problem, anyone know how to solve it? thanks first page: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport"
Ajax Tracking + Resend exactily same Ajax Request
Hello! I develope a CMS called Goma, in which I use jQuery very much. Sometimes I have an Ajax-Request, which is responded by an Confirm-Dialog and after the user clicks okay, the same Ajax-Request with just some other Attributes should be sent. Since jQuery 1.8 and the deferred object I don't get the events for the Ajax-Request, so I can resend the request, but nothing happens cause of missing callback. So I tried to override $.ajax: w.$.orgajax = w.$.ajax; w.$.ajax = function(url, options) {
Next Page