Problem with creating a simple jquery slide show - .append() method is too slow!!
Hello, i have created a simple jquery slideshow on a webpage. In that webpage i use php and i have a relational db,too. I use append in order to show the images and i notice that append is too slow! I have a div which consists of "href" . Every href is a link to an image. Also, i use .append() The code is as follows: <html> <head><title>SImple Jquery slide show - TEST</title></head> <body> <div class="div_photos"> //photos are shown here, by using append
IE9, UI 1.8.12 and jquery 1.5.0 and Dialog
I was having a problem with the Dialog window where it wasn't working with the combination of UI 1.8.12 and Jquery version 1.5.0 when used in IE9. The Dialog window not only wouldn't fire, it was breaking other Jquery functions on the same page. As soon as I switched to Jquery 1.5.2 the problem went away. I figured I'd post it here in case anyone else is having a similar problem.
Cloning doubling up
I am trying to add a row of HTML to a div whenever a button is clicked. I am using the following code: $(function(){ $('#add-item').click(function(){ $('#item-to-add').clone().appendTo('#item-container'); }); });This works perfectly the first time the button is clicked. Unfortunately, subsequent clicks result in a doubling of rows added (e.g. 1, 2, 4, 8, etc.) which is definitely not what I need. I tried creating a variable of the clone outside of the click event like so: $(function(){
External Link Not Functioning
Hi guys, I am trying to get a link to our non-mobile page to function. Here is my code, the last link in the list being the one I'm referring to. Can anyone help me out? The site goes live (fully promoted) in 24 hours, thanks for any help you can give me! To access the mobile site from a desktop: http://www.ohmedcann.org/?browser=mobile if you want to see whats wrong. <div data-role="content"> <center><img src="images/mobileheader.png" /></center><p/> <ul data-role="listview" data-theme="b">
How to make page scroll horizontal
My page has content that cannot wrap. It is a chart. jQuery Mobile just cuts it off. Is there anyway to make the page scroll like a normal page?
help with sortable list
How after sort action i can get new LI position ? need send new position to php engine and change position in db tree.... <ul class="listtree"> <li>1</li> <li>2 <ul> <li>2.1</li> </ul> </li> <li>3</li> </ul> <script> $(".listtree").sortable({ items: "LI", stop: function(e, ui) {update_sorting(e, ui)} }); function update_sorting(e, ui) { // ???????????????? } </script>
Position order in liste using Sortable
Hello, So i'm new on jQuery, i'll try to explain my problem. I've got lists that contains elements , and some of these elements can be lists etc... So you get something like this : <ul id="sortable" class="connectedSortable ui-sortable"> <li class="ui-state-default"></li> <ul id="sortable" class="connectedSortable ui-sortable"> <li class="ui-state-default"></li> <li class="ui-state-default"></li> </ul> <ul id="sortable" class="connectedSortable
Getting some lag when applying e.preventDefault();
$(".change_page").click(function(e){ e.preventDefault(); do_stuff(); });I noticed when I click one of these links, there is an ever so slight lag on all browsers. Maybe less than half a second, but it's noticeable. Now, when I remove e.preventDefault() and use return false instead, everything runs a lot smoother. Any ideas? Thanks!
Printing advice / best practices
I'm developing a jQM app that provides event schedule info (similar to the jQuery conference app that helped us get to the proper room to hear the speaker we wanted to listen to). So, I deploy my prototype and the first request I get is for some way to print the information! Nice - isn't the whole idea not to have to do that?? But it is a legitimate request - at least until I can provide the information while the mobile device is not connected to the web. My question: does anyone have advice about
horizontal text fit and scrolling
Hi, I have seen some other strugling with this also. With the default behavior of jquery mobile a text in f.e. a listview is truncated from the screen when it is too large (and no horizontal scrolling is possible). This can be solved by adding in the html style="white-space:normal". This is nice for text information, but you might not want to use this with f.e. button text or header text (and still no horizontal scrolling of the webpage is possible). In the data-role "page" I have added style="width:auto"
Switching between mobile website & normal website
Hello, I am implementing mobile site in jquery mobile & it will be having a button to navigate to normal website. So when user will goto normal website, he should be having option of going back to mobile website again How it can be done? Any help would be appreciated. Thank you.
Referencing paying plugins
Hi, First of all, sorry for my english, hope you'll understand me. I follow the RSS of the plugins, and i can see many plugins which are paying.. They are nothing special and i always wonder who can pay 10 $ for 10 lines of simple code.. And a lot of these paying plugins are simple rewrite of existing free plugins.. with a sexiest CSS. Anyone can do this, no problem at all.. BUT i think it should'nt be referenced in the jquery plugins site, OR at least, in a "Commercial plugins" section.. It's important
Switching link address to Hash value
Hi all, not sure if this is something simple, when I started I thought it was, but am having problems now so am asking for some help! I have a main menu at the top of each page of my site and on one single page a Coda Slider. To reach each different slide you need just #1. #2 etc from within the Coda page, but to get to it from a different location you need www.sitename/pagename/#1 Now I cant have both versions in the menu. So is there a way to add some script, just to the single Coda Slider page
Multiple Cycles on one page (again)
Hi, I've been researching this problem for a while now, but can't find the answer. I get 100+ products outputted from a database with 2-6 images each. I want to use cycle with Pager to show the images for each product. My problem is that the pagers for each image cycle, connects with all the image cycles. I've uploaded the dev files here: http://casperholden.com/files/holden/ Each of these products have 4 images. I my jQuery looks like this $('.product-photo').cycle({ fx: 'fade',
Why is it so hard, the tutorials do not help a noob like me.
I want to try jQuery but have had no luck understanding the tutorials here on the offical site or elsewhere. I do not do any code work so this is probably why, anyway. I have started a new HTML page and have uploaded that and a copy of jQuery.js to my website DIR. I want to copy an example of code that I can at least get something to do something. Can anyone past some simple code her so taht I can try it out. Peter
Fade out function problem
Hi Dears, How I can make a fade Out function that works on three separated Div , it have to get the Id of Div as an argument , I tried to do that but it couldn't maintain the status of previous Div ,
JQuery accordion which does not open itself after being dragged and dropped
Hello everybody, I have the following HTML logical blocks : The first one is a sortable accordions list The second is a list of draggable accordions. Thoses elements can be added to the sortable accordions. So I would like to move my draggable elements in order to add them with the sortable accordions. It works fine, excepts that when my element is dropped among the sortable accordions, it cannot be opened. Here is my JavaScript code : $(function() { $( "> div", "#questionsDispos" ).draggable({
jQuery Form Plugin issue with adding data to form.
I am trying to append additional form data with the jquery Form Plugin i have this var uploadFrm = { beforeSubmit: vUploadForm, success: uploadResp, // post-submit callback clearForm: true, resetForm: falseand my vUploadForm function is this function vUploadForm(formData, jqForm, options){ var uploadcontrol = $("#fileField_"+_inspID).val().toLowerCase(); var pathArr = new Array(); var extRegEx = /(doc|docx|xls|xlsx|pdf)/ pathArr = uploadcontrol.split("\\");
enable/disable
I have an ASP page that has a master page. I have a drop down list and 2 text boxes. The change function is being executed and I get the text value of the selected list items, but the enable and disable are not working. I made the changes suggested by andrewgsw - no luck. HTML: <asp:DropDownList ID="ViewNameDropDownList" runat="server" Font-Bold="true" Font-Size = "Small" Width="230px" AutoPostBack ="True"> <asp:ListItem Text="View1" Value="1" runat="server"></asp:ListItem> <asp:ListItem Text="View2"
jQuery ajaxForm Plugin Failure Detection?
Simple enough. This beautiful plugin is what I"m using: http://jquery.malsup.com/form/ The problem is, it has no documentation on how to detect a post failure. I know these are rare, but I'd like to code defensively. There is a success callback, but no failure callback....
jquery form plugin does not work when the form has inner tags
Hi guys, I have tried the jquery form plugin as in the examples and it worked pretty well. Then I tried to handle the following form: <form id="loginForm" action="/webservices/loginService" method="post"> <fieldset> <h1 id="logo"> <a href="#">logo</a> </h1> <div class="formular"> <div class="formular_inner"> <label> <strong>Username:</strong>
Droppable - Photo Manager - How to delete to trash without a link
Hi, I am in progress of implementation of http://jqueryui.com/demos/droppable/#photo-manager I am using default example, the only difference is that all <li> objects have id attribute and the trash is the place of selected images :-) Is there any way to add images to trash without clicking to remove icon? Let' me explain, if I post something to my php controller and if not all the fields were correctly filled out, all objects inserted to "trash" will be resetted. I have an array of all id
Using $(document).one("click", function) to close a drop-down when the user clicks on something else
Hi, I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great. However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(),
Improve extensibility of ui.menu (and thus ui.autocomplete)
jQuery UI Autocomplete was one of the great additions to 1.8. Browsing the nightlies I noticed that it has been decided to make it use the newly developed Menu plugin. Since I cannot modify the behavior of the menu through $.widget-izing the Autocomplete anymore, I would like to see an option to make Autocomplete use a custom widget (inherited from menu) instead of the menu. 4 lines of code which I would gladly provide. On the other hand, ui.menu is really hard to extend. Mostly this is because there
Dialog and IE 7 - Scrolls to Bottom
Using Win XP and IE 7 with iu 1.8.2 and jquery 1.4.2. Each time I open a dialog, the browser scrolls to the bottom, taking the dialog out of view. This didn't happen with 1.7.2 and 1.4.2 I even have this problem on the 1.8.2 dialog demo page Is there a new property I need to set, or is this a problem in the dialog?
Anyone want to check my tutorial on dynamic web apps with jqm for best practices?
I'm starting to put together a series of tutorials on building a dynamic web application with jquery mobile. If anyone notices any best practices gone wrong please let me know before I lead too many people astray. http://jasonstechbits.blogspot.com/2011/04/intro-to-building-dynamic-apps-with.html I'm planning on doing one on integrating with spring security and one on using json and jquery templates next. Thanks Jason
Intercepting $.ajax.complete to capture responseText
How would I intercept responseText from the complete function of the ajax request ? Once I capture the responseText, I would the to return execution of rest of the lines in the original complete method
Add an event handler in the firebug console
Is it possible to add an event handler to an object in the console in firebug? I can add the even handler and then see it when I do .data("events") but when I try to trigger the event, it doesn't work. I do this in the console: jQuery('#shipto_country').select( function () { if (jQuery('#shipto_country') != 'US') { jQuery('#shipto_method').toggle(); jQuery('#shipto_method').val("AL"); jQuery('#shipto_state').toggle(); } else { // US is selected jQuery('#shipto_state').val(""); jQuery('#shipto_state').toggle();
nextUntil with .each - can't figure it out...
Having some issues using nextUntil that I just can't figure out. So I have a table with a checkbox as the first cell. When the checkbox is clicked, it adds a class 'activated' to the parent tr, and also goes up to a designated header row (class='category') and adds 'activatedHead' class to that row. That all works. When a function is called, jQuery is supposed to grab each row with 'activatedHead' class, iterate through, grab each row that has class 'activated' under that 'activatedHead' row, UNTIL
plugin for transparent select box
Hi there, I've been having trouble making the background of a select box element transparent using css. Someone recommended that I look at a jquery plugin or ui component to achieve the same effect but I've been having trouble finding one. Are there any that you would recommend? Cheers, A
New button
Hi all, At the moment I have developed a photography website for a client that has a gallery section. I have used jquery to add a feature where when an image in the gallery can be clicked on to view a larger version of that image. The expanded image contains two buttons near the top right and left which are 'Next' and 'Prev' respectively. The client has requested that I ad another button to the bottom right of the expanded image that says 'Buy' which will take the buyer to the shopping cart where
Questions related to Post/Get: Trying to pass querystring variables - problems with multiple calls.
Greetings, ---EDIT----------------------------- Can someone help me answer this question: Using TCPView, I see that browsers often make multiple connections to a website when the URL is requested. Could this be the reason why my VB.Net page is being called so many times from a single Post request? I'm guessing this wouldn't happen in local development mode because it isn't necessary. If this is in fact the culprit, how can I ensure that javascript only sends a single call to my VB.Net page?
Hidding UL after H2
I have a series of <h2>'s followed by <ul>'s, and I want to have clicking a link in the <h2>'s hide the following <ul>. Here's my approximate html: <h2><a href="#">Level 2 header</a></h2> <ul> <li>List item</li> <li>List item 2</li> <li>List item 3</li> </ul> <h2><a href="#">Another level 2 header</a></h2> <ul> <li>List item</li> <li>List item 2</li> <li>List item 3</li> </ul> And he's what I have in my custom.js: jQuery('.main h2 a').click(function() {
Cluetip not working - probably something simple
They do work when I use the title attribute, but then I tried to make them load a page but now nothing happens when I hover. Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" xml:lang="en-us" > <head> <link rel="stylesheet" href="/media/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="/media/blueprint/print.css" type="text/css"
ui-menu : how to force the submenu icon to be positioned at the right.
I'm using the menu from 1.9 (development). I have the problem that the submenu icon is not always displayed to the right, see screenshot in attachment : in the second submenu, the submenu icon doesn't appear to the right of sblock0, but on top of it. I can solve this by setting the width big enough (e.g. width=200px), but I don't want to used a static width. I tried to fix it with css settings, but I don't have much experience with all those settings. Below the html code of the sblock submenu generated
my ajax query doesn't work time to time!!!
Hello everyone ; I'm writing an application with PHP that let me have statitics about visited pages for my web site. to save informations needed i use an ajax query with the unload event. The problem that i have is titme to time the script uses with that ajax query doesn't work especially when i stay long time in a page. this is my code? <script type="text/javascript"> function closeIt() { $.ajax({ async: "false", url : "out.php", success : function(data) { } }); } $(function(){ $(window).bind('beforeunload
how to solve this jquery problem
Hi, I have page with jQuery click here to see code for this site is <script type="" src="http://code.jquery.com/jquery-1.5.js" ></script> <script type="text/javascript"> var delay = 4000; // you can change it var count = 5; // How much items to animate var showing = 3; //How much items to show at a time var i = 0; function move(i) { return function() { $('#feed'+i).remove().css('display', 'none').prependTo('#feeds'); } } function
link to internal html files with phonegap
Hi I have jquery mobile project with multiple pages. Currently all these pages are in one index.html page but I've noticed that this is slow to load due to it's size and also a bit of a pain to manage. I'd like to split it into multiple page (contacts.html, info.html etc). How ever the only way i seem to get links to work is by using file:// or rel="external". These don't load the transition effects though and the file:// version won't work in phone gap. I've tried ./contact.html, ../contacts.html,
[jqZoom] Not working in Safari 5.0.5
Just downloaded Safari 5.0.5 to test a site and see that jQZoom is not working. I am using jQuery 1.4.2 and jqZoom 1.0.1. I tried the latest version of jqZoom but because it requires jQuery 1.5 it messes up my other plugins, such as curvyCorners. Any ideas?
backgroundposition.js on IE9 not working
Hi there :) Do you guys know a way to have backgroundposition.js work on IE9? Thanks a lot!
Next Page