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.
dom cache for dialog to display transparent background
will i be able to change the dom cache dynamically for some cases, for example during the dialog pop up to show the transparent background. if i open the dialog the page does not remain in dom. I wanted to know if i can keep the page in cache when a dialog is open and when i navigate to another page, will i be able to make the dom cache as false.
Search scrolling div menu with Jquery
I have a scrolling menu in jquery that scrolls vertically on mouseover: (part of it is hidden until scrolled into view) <script type="text/javascript"> $(document).ready(function() { //Scroll the menu on mouse move above the #sidebar layer $('#sidebar').mousemove(function(e) { //Sidebar Offset, Top value var s_top = parseInt($('#sidebar').offset().top); //Sidebar Offset, Bottom value var s_bottom = parseInt($('#sidebar').height() + s_top); //Roughly
Boxy question, show only one dialog at a time.
I am using the Boxy plugin to create multiple popup dialog boxes. I'd like only one popup to show at a time. Currently it will overlay one on top of the other, so if you click a bunch you have to close them all individually. I tried using the API methods isVisible() and hide() but I'm not having much luck. Any help is much appreciated.
AutoComplete dynamic select
I have a question. I have an edit page with an autocomplete. What I am trying to figure out is when the page loads I want to check and see if the value from the DB matches the combobox value the have that value selected. I have coded the html but when the autocomplete get created on the page it is not showing the selected value. Is there a way to do it. This is what I have for the auto complete <script> (function( $ ) { $.widget( "ui.combobox", { _create: function() { var input, self = this, select
Adsense Code Blocks Jquery Script From Funcioning
i am working with a page that includes a Jquery script and as soon as i add any google adsense code the Jquerry script will not load and run. any help?
Beginner struggling with custom events
Hi everyone! First post here, I hope I'm not violating any rule here. I'm modifying the open source jQuery Image Color Picker plugin from project-sierra.de. Here are some parts of my code. This is where I define what happens on mousemove when the mouse is on an image (better, on a canvas that I created to coincide with the image): widget.$canvas.bind("mousemove", function(e){ var point = imageCoordinates( that, e.pageX, e.pageY ); var abscoor = absCoordinates( that, e.pageX, e.pageY );
SheepIT and drop-down list
Hello ! I have a dynamic form and use the SheepIT plugin to clone my form elements. The form has a drop-down list with 2 options: 'No' and 'Yes'. If the value is 'Yes' must show a paragraph. My problem is: when change the value in drop-down list , he show the paragraph in all cloned forms. My code: <!DOCTYPE HTML> <html> <head> <title>SheepIT</title> <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery.sheepItPlugin.js"></script> </head>
problem to change the button theme
Hi Friends, In my IPad application i have a problem to change the button theme. On click event i want to change my button theme "a" to "c". I have include the link to source code of jsfiddle site. Please visit and give me the solution of this probleml. Click here to view the Source.Click here to run the application Model Appliction -Kamalakannan.M
input type search and button inline
Hi, I'm trying to have a searchbox followed by an inline search button, preferably in navbar, but I can't seem to get it working, could anyone provide me with an example? which css overrides should I be using, if any? <div data-role="navbar"> <div> <label for="search" class="ui-hidden-accessible">Søg</label> <input type="search" id="search" name="search" value="" placeholder="Søgning på aftalenr., cvr og kundenavn"/> <input type="button" id="btSearch" data-icon="search" data-iconpos="right" value="Søg" data-inline="true" data-mini="true"/>
device orientation
Hi , I am kinda new to jquery . I am making an application in which the second screen has two different UI depending upon device orientation. Device- IPAD ,Language - jquery/jquery-mobile How do i dynamically repaint the screen with new UI upon device orientation. My jquery code is as follows : <div data-role="page" id="calendar" > <div data-role="content" id="calendar_content"> <script>generateCalendarView();</script> </div> </div> Above, I am calling my function generateCalendarView() from my
Is the button delay still an issue in JQM 1.1.1?
I'm using JQM 1.1.1, codiqa and AppMobi (similar to PhoneGap). I'm noticing some button delays/page load delays on iOS, and was wondering if the 300ms button delay is still an issue, or if there's something else I need to address. My app was partially made in codiqa. I have this set: .ui-page > div { -webkit-transform: translateZ(0); } .ui-page > div { -webkit-transform: translate3d(0,0,0); } I am also using no transitions. Are there any further
will the jquery mobile load if applicable or always?
Should I do a separate page using the mobile core or can I have both on the same page and the correct one loading depending if a mobile is rendering the page? Thanks!
Help with "not" selector
Simply want to hide other links in a batch when I hover over one. HTML: <a href="#" id="link1" class="menuitem">Home</a> <a href="#" id="link2" class="menuitem">About</a> <a href="#" id="link3" class="menuitem">History</a>And the script $("#link1").hover(function () { $(".menuitem").not('[name="#link1"]').hide(); }); I realize I am a neophyte; any help is appreciated. ace in PA
embed jquery in flash.
Hi i have a actionscript 3.0 thumbnail grid in flash. I wan't to open a big image for thumbnail in jquery plugin : http://leandrovieira.com/projects/jquery/lightbox/ In flash i'm calling externalInterface like this : if (ExternalInterface.available) ExternalInterface.call("openLightbox", imageIndex);imageIndex is a number for every thumbnail in grid. One man told ma that it is possible with this plugin to open all photos in turn. but for this i need to have a special function in html file that will
Next Page