How can I implement a horizontal dragging page navigation system?
Something similar to www.blacknegative.com, where to navigate left and right they click and drag the page in the direction. I have something similar, however I don't know how to fix the math within the JQuery to add additional pages, which needs to be done for each new page. Thank you!
Strange .wrap behaviour...
Hi everyone, I've this problem that's really driving my crazy! I retrieve a json list of image-links so then I create the images & add them to a div on a page.. which all works fine! Then I decided to add hrefs around the images so I thought.. I'll use the .wrap function.. but the thing is, I just can't get it to work.. Here's part of my code, I've been over it so many times & I just can't see what I'm doing wrong :( $.each(imagesData, function(i,image) { var image = $('<img />')
Cycle Plugin - Multiple Images
I'm trying to have multiple images showing at the same time within the slideshow. I have a previous and next button, but with each advancement, I'd like to show three unique images at a time instead of just one. I thought changing the area of the display area would work, but it didn't. I think there needs to be some changes in an area I'm not aware of.
Cookies disabled for ICS (4) Android???
Hi, I'm using Android 2.3 on my phone, and my app works fine (phonegap / JQM / Eclipse) with cookies for the login system. For some reason though, its refusing to work in Android 4 (Ice Cream Sandwich) ... is there a reason for this? I've tried pure JS and also a jQuery plugin to set the cookies... yet it just refuses to save them. The emulator gives the same issue. The only reason I was made aware of this is due to my friend testing it on his Galaxy S III which is on version 4. Is there a way around
Issue Scrollbar Popup
Hi, i try to use the popup.open function with JqueryMobile Alpha. The popup appears correctly but i have a scrollbar visible and my page height is resize. I'm trying to make an Iphone Like webApp, and all my page is set to have fixed header and footer (i also use iscroll4 plugin). How can i disable this resize ? Regards
Pop-up window with form lower right corner of monitor
Hello to all, Somebody knows how can I do this: https://qualaroo.com/ I think it should be simple with jquery ... maybe there is a plugin that I do not know ... A widow pops-up in the lower right corner on the screen asking visitors stuff ... Visitors can open and close the window ... BTW, This is my first post in the forum!! Happy to meet you all ... Greetings, Eddie
Hide flash of unresized div without CSS
Hi. I have a div that on hover opens. My script on load finds the height of the div, then resizes it. My issue is that because of this resizing the full size of the div is breiefly displayed before jQuery resizes it. Is there anyway to hide this flash without CSS? var basket_height = $('#basket').height(); $('#basket').css({ height : '30px' }); if (Modernizr.touch){ $('#basket').toggle(function() { $(this).animate({ height: basket_height + 'px' }, {duration: 'slow', easing:
Listview - Search Hidden Text
Is there a way that this search can be made to look for: option 1 - all of the words (not in the specific order) option 2 - one of the words the user enters into the search box?
Split Button in List Dividers
Hi all is there a way to have the split button on a list divider? Thanks
Jquery http server ??
Been using jquery for a few months now, and love it. I have recently come across a case where I need to build an http server (listener) in javascript. I can't seem to find this functionality in jquery. Am i simply missing it ?? If so, a ptr to documentation would be great. thanks
JQM 1.1.1 AND IE8 Problem
I'm having a problem implementing JQM 1.1.1 in IE8... I'm using JQM 1.1.1 AND JQ 1.7.1 This works in IE9, FF, Chrome, but in IE8 the page does not load... Can anyone point me in the right direction ... Thanks http://www.29.e-goi.office.maxideia.com/w/1x8e16ueQeh7r92NqAg
rearrange an html table with Jquery
Hey guys, I'm new to jquery and i'm trying to rearrange the way a table looks. I have this: <table> <tr> <td>some text 1</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 2</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 3</td> <td><input type="text"/></td> <tr/> <tr> <td>some text 4</td> <td><input type="text"/></td> <tr/> </table>
how to sum number from textbox and appear live result
I need to sum numbers from textbox once and appear the result live in other field how can I do this ??? I am beginner in the jQuery. notice: the textbox value maybe changed by me thanks
Slider doesnt work ?
Hi everybody ! In this template: http://www.csstemplatesfree.org/acallia.html there is a slider in jquery. Offline its work OK but after upload files on server (online) slider doesnt work ? Can someone help ?
Splitview state in 1.1.1 or later
Has anyone gotten a good splitview (like on the jQM docs page) working on 1.1.1 or later?
Miss rejected my jquery project due to some reason i don't know.!
Hi Today, i was watching lynda tutorial and made by jquery based mini-project, but miss said some things which i think was complete stupidity but still have to confirm via forum. I downloaded the latest version of JQuery ( jquery-1.8.0.min.js ) from JQuery website. Now based on that, i made a small JQuery app for that mini-project. Now when i showed this to miss, she gave me answer which i was shocked, i wanted to argue, but wanted to confirm 100% before its correct. She scrolled that ( jquery-1.8.0.min.js)
can you help me get this ..
<div id="a"> aaaa <div id="b"> bbbb </div> </div> I only get aaaa,do not get bbbb, can you help me? . thank you!
How to keep page in same position when .ajax function loads new content
On my site, I have a rather large header that is on each page of my website. I'm using jQuery and ajax to load in new content below the header, however every time this happens, the page resets its scroll position back to the top, as if I've loaded a completely new page in full. Is there a way that I can use ajax to get the new content, without the position of the page changing? So basically the user only has to scroll down past the header once - which is mainly for people with smaller screens. Hopefully
problem with treeview plugin and loop
Hello I have a problem with class="closed" because it's inside a loop when i try to use pagination, i am forced to come back on the first page every time I can't have root folder and sub folder in the same page because of two nested loops $(document).ready(function() { $("#browser").treeview({ persist: "cookie", persist: "location", collapsed: true}); $("#add").click(function() { var branches = $("<li><span class='folder'>New Sublist</span><ul>" + "<li><span class='file'>Item1</span></li>"
fade in a div at mouse over at another div
Hi, I want to show a div when mouse over on a link, I used below code but all div's become appear and fade out together, I want to when mouse over on a specific link it's own div be shown, not all div's with that class. the code is here: <script type="text/javascript"> $(function () { $('.pdf').mouseover(function () { $('.view').fadeIn("slow"); }); $('.pdf').mouseout(function () { $('.view').fadeOut("slow"); }); }) </script>
append works, but not appendto
Ok, I'm a newb to this, did about 2 hours worth the research and can't figure this out for the life of me. Basically I have a URL that I'm trying to write out to the screen so I can use it for debugging. When I was using appendTo it doesn't work, I think it's giving me some error " Uncaught Error: Syntax error, unrecognized expression: ://somehost:8080/yada..." But the append works fine and appends it and shows it on the screen perfectly fine. I thought appendTo and append were supposed to be
First item open on jQuery toggle menu
I'm using the following code for a show/hide list of FAQs on my site: http://jsfiddle.net/yrM3H/3/ But what I would like is that the first question is open when the user opens the page rather than having everything closed. Does anyone know how to go about this? Thanks in advance for any help
JQM Form AJAX Response Cache Issue
Hi. I'm using PhoneGap & JQM 1.1.1 and trying to accomplish this: Form with Arrival Date & Duration posts to a results page which i've got a $("#form1").submit( function (e) { e.preventDefault(); $.mobile.changePage("#availability_response"); }); to take the vars on the form and change page to availability response. within availability response I make an ajax call based on the posted form params... all very good and works fine 1st time, but if i use the 'back' button (data-add-back-btn="true"),
Is there any plugin in JQM which looks like UITableView in IOS?
Hello... I'm developing one JQM applications which has the contacts list of users.My requirement is to display the contacts list like native iOS UITable view with alphabetical navigation index on the right side.I have searched for the whole day in blogs..but found nothing. can anybody help. Thanks in advance...;)
Rendering form elements in split button lists?
I'd like to be able to render form elements in split button lists and use the second anchor as a popup trigger (to display help content about individual fields for example). The simple approach of wrapping the form content in a pair of anchors *almost* works. <ul data-role="listview" data-inset="true"> <li data-role="fieldcontain"> <a> <label for="pname">Name</label> <input data-mini="true" name="pname" id="pname" type="text"/></input> </a><a
Code Behind Not Seeing My Dropped Image URL
Hi, I have written some jquery which basically allows the end user to drag a div with an image in and drop it into another div with an image in and the image src is set. My problem is I have a save button and in the code behind I write to a database the image urls. For some reason even though on screen I can see the image in the image control the imageurl is the default load value and not the image url. Here is my code:- function pageLoad(){ $( '#divPreview').draggable({ helper: "clone", cursor:
Google Maps not loading
Hi, I'm having some difficulty getting a Google map to appear on my application within the jQuery Mobile framework. The way it's set up is that I have my main landing page (default.aspx). On that, I have a link to a menu page (MapsMenu.aspx), and from there links to a set of maps (MapDisplay.aspx). If, on the link on the MapsMenu.aspx page, I set data-ajax="false" than the map will load after jumping out of the framework and onto a new browser page. This is not ideal. If I remove the data-ajax="false"
Scroll divs over each other on pagescroll
I have a HTML-page with four DIV's wich are fullscreen. When I scroll using the scrollbar, I want the current DIV to stay at its position (if scrolled to the end of that DIV) and the next one slides over it. Someone came up with this example: http://jsfiddle.net/d6rKn/ but the problem is that (because of the position:fixed) it won’t work on an iPad. Is there a workaround for this? Also, the first div's content is bigger than the div itselfs. Is it possible to let a visitor first scroll to the end
Apply widget-style to Ajax-inserted content
Hi, I'm trying out jQuery mobile on top of a REST-api, which I am calling via Ajax. Unfortunately, I can't get the styling-refresh to work. If I'm correct, I need to re-apply styles on script-inserted content using either .trigger("create") or .trigger("refresh"), but both don't seem to work. Any thoughts? In the example, the last 2 <li>-tags are inserted using Ajax and not "refreshed" with mobile-style My code: $.ajax({ type: 'GET', url: "/movies/format/JSON", dataType: 'json', timeout: 5000, success:
image zoom at hover on a text
Hello, I have a web application, I have some <a> tags (at a div at left of page), and some images that each tag has it's specified image. (images are at a div at the right of page). when I mouse over on each tag I want the specific image to zoom and other image's opacity become lower. HTML code: <div id="right" style="width:40%; height:500px; float:left;"> <a href="#">imge1</a> <a href="#">imge2</a> <a href="#">imge3</a> <a href="#">imge4</a> </div>
problem with setInterval
here's my code I also tried text but in either case timestamp is displayed in the div with id time but not updated. $(document).ready(function() { var timestamp = jQuery.now(); setInterval(function(){ $('#time').html(timestamp); }, 1000); });
how to post html data to .aspx file and save data
i have create one html file & for that i use JAVASCRIPT to get the values. I want to save the data and post the value from Javascript and send mail to the mail-id using .aspx file & also save data into database. Below is my HTML code and i need to send this form using .aspx, <form id="myform" class="myform" rel="external" method="post"> <span id="errm">Please fill the required fields.</span> <div> <label for="yourname">First Name:<sup>*</sup></label> <input type="text" id="yourname"
image gallery next/previous
Hello! I'm new to jQuery. I've made simple image gallery (part is my code and part is code from on the internet). You can see it on www.odmori-se.com/galerija/test.php (click on image). Everything works but I want to add previous/next links below image when it's clicked and maximized. I don't know how to do that. Thanks in advance! Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="jquery.js"></script>
Adding Column structure to Div
Hi, If I need to display data inside the #Log div using a column structure. What would be the best : Table or Div tags. By using a column structure it would change the dynamics of the program. Searching looping thru the log div ... etc. Can someone please help. <script> $("document").ready(function() { //Update Log div with selected items function log(message) { var matches = $('#log div'). filter(function() { return $(this).text()
Error: A page back to previus page
Hi, I have a listview genereated from database ( list page), each item call another page ("detalle" page in all items, only change a id value), so when I work the first time in this list.. items call fine the "detalle" page, but when I generate again the listview, and call "detalle" page, this page call to previus page (list page), no stoped in detalle page... I don't know what happend... any idea? here mi code that generate listview my detalle page is single. function getDirectorioList(tipoDirectorio,
How do you make the datepicker's standed form longer
I need to make length of the datepicker's input form, large enough to display the date format am using $.datepicker.setDefaults({dateFormat: 'DD, d MM yy' , minDate: -0, maxDate: "+1M +05D" }); Cant make it work with AltField and size of the field,, and i am not using a custom css
move scroll to last commnt
hello ... i have page of commnts okay ... my comnts sort by ASC #1 #2 #3 #4 #5 BUT IT IS NOT DESC #5 #4 #3 #2 #1 okay now i want when add a new commnt , i want scroll move to last commnt how i do it ? or thank you for jquery and helper Users :)
Wrapping a div around an image - How to make the div behave like the original image
Hi everyone! I have this code, which I inject into html pages and run for every image: var _createImageColorPicker = function(widget) { // store 2D context in widget for later access widget.ctx = null; // rgb widget.color = [0, 0, 0]; // create additional DOM elements. widget.$canvas = $('<canvas class="ImageColorPickerCanvas"></canvas>'); // add them to the DOM widget.element.wrap('<div class="ImageColorPickerWrapper"></div>'); widget.$wrapper = widget.element.parent(); widget.$wrapper.append(widget.$canvas);
Anyone know what is happening here?
I am using smoothdiv scroller plugin, the left hotspot is working fine, but the one on the right while it is there, does not work at all ! this is day three trying to wrestle with this and I really need this plugin to work on this site as there are multiple areas that will be implementing it. you can see everything at http://www.jhalligandesigns.com/test/kander2/index.html it is the small slider down about 3.4 of the way on the right half of the page. thank you in advance for any help you can give.
Search filter list - max num of visible items
Hi, When you have a search list with many items the widget is very slow. I'm using a popup to quickly search through a list of 100+ items. When the popup shows up the list is displayed fully taking a lot of time. It would be nice to control how many items max you want to display at one time ( really you only look up the first 5 or so items filtered before you keep filtering ) This should speed up the control, and make the whole experience better.
Next Page