Problem with Back Buttonwith Chrome and Facebook
So I'm creating this sample application using JQuery Mobile on Facebook. The problem I am running into is with the back button on chrome. http://www.facebook.com/pages/ProdigyView/214942945205059?sk=app_397015110360498 Using firefox or safari, I can use the back button and go the 'page' I was previously on after clicking a link. Using Chrome, when I click the back button, it A) First Click doesn't go anywhere B) Second click takes you back to the page you were on, if you came from another site Doing
using a datepicker on the second row
I have a dynamically loaded form with a date field. while($recip_rows = mysql_fetch_array($qryRecip,MYSQL_NUM)){ <label><b>Actual Date</b></label><br /> <input type="text" name="date[]" id="date" size="8" value="<?php echo $recip_rows[3]; ?>" class="date" /> <script> $('.date').datepicker({dateFormat: 'd-m-yy'}); </script> } using this code the datepicker will show when the focus is on the second or third row of the output but the selected date won't take. It always updates
please can someone help
hi there, i wonder if someone can help. i am trying to build a accordion with 3 pages in every accordion. i spoke to a nice fella yesterday and he started me off but i cannot work out how to finish it off i wonder if someone can help, many thanks, Gary webpage that it is on is http://cumcloser.co.uk/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Reading data from tables/input fields loaded through AJAX
I have a bit of code that includes AJAX. I'm reading data from a database through a PHP script and I have to use several queries for the PHP not to time out. However, the problem is that they cause quite a big load, being sent at once. Not to mention disrupting the loading GIF... So I'd like to queue it. How should I approach it? My initial idea was to create a recursive function, solely for the purpose of making an AJAX request. I would store the data in an outside array, along with a counter. Upon
Kiosk Mode for Webapp on Android
Hi, I'm searching for a Kiosk Mode Solution for our Webapp (JQueryMobile/Javascript/Appcache). The Handheld should be locked as much as possible. Until now we used an native Android Webview but as I posted a few days ago, after a long time of inactivity the webapp inside the Webview stops responding. So I'm searching for a different solution. We are using Samsung Galaxy Wifi 4.0 (Firmware 2.3.6) Thank you for every reply.
Problem with HTTPS and href
Hi, The problem I am having is that a href with an relative path is not being invoked properly when page is loaded via https: https://xxx.xxx.com/ Link in page: <a href="/wallet/deal_buy/1/" data-role="button" data-theme="f" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-hover-f ui-btn-down-f"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">My Text </span></span></a> The backend does a redirect (authentication) check during the process to a relative path: /account/signup/?next=/wallet/deal_buy/1/
jquery load always returning error?
In my browser console it shows success, but in the 'textStatus' callback variable it shows 'error'. idea.load(link, 0, function(text, status, req) { _("responseText: " + text + "\n" + "textStatus: " + status + "\n" + "XMLHttpRequest: " + req); }); Where 'link' can be pretty much any link I can think of.
Abbreviated code please
I need code please abbreviate: Script 1: $(document).ready(function (){ //cache nav var nav = $(".pre,.pro"); //add indicator and hovers to submenu parents nav.find("li").each(function() { if ($(this).find("ul").length > 0) { $("").text("").appendTo($(this).children(":first")); //show subnav on hover $(this).mouseenter(function() { $(this).find("ul").stop(true, true).slideDown(); }); //hide submenus on exit $(this).mouseleave(function() { $(this).find("ul").stop(true, true).slideUp(); }); } }); })(jQuery);
on keypress function
i am creting add delete row. when press enter from keyboard in name input it will add row. i am using this script : //disable submit using enter $(document).keypress(function(evt) { //Deterime where our character code is coming from within the event var charCode = evt.charCode || evt.keyCode; if (evt.keyCode == 13) { //Enter key's keycode return false; } }); <input type="text" name="name" id="name"> the problem is whern i'm
dropdown lists click or not
I'm new to jquery and I 'm facing a prob since I have two dropdown lists and I want to accomplish the following: I want,according to user's choices, some fields of my form to be completed. I do that with this code: <script type="text/javascript"> $(document).ready(function() { $('#id_veh_id1').bind('click', function () { $('#id_veh_id2').bind('click', function () { var val1 =$("#id_veh_id1").val(); var val2 =$("#id_veh_id2").val(); $.get(""+val1+"/"+val2+"/", function(data) { vlength=data.veh_length;
jQuery UI dialog bugging after page reload
Hello, i'm currently working on a small project and i found a issue with the jQuery UI Dialogs after the page gets reloaded. I'm loading the pages dynamical with the $("id").load("url"); function in JQuery. If the user double clicks on a row in a table the dialog will show and will contain the data the rows currently holds. But after the reload of the page the labels inside the dialog are not changing. This occured in IE8 i dont know what will happen in the other browsers not yet tested. Code: $("#mEdit").dialog({
Searchable FAQ - Not currently working
Hi, I am really new to this but I tried to modify an existing plugin which takes search terms, such as "Monkey Toilet" and then breaks up the terms into "Monkey" and "Toilet", then returns results which contain both terms. This is my code (i had help): http://jsfiddle.net/pT6dB/45/ This doesnt seem to work, and I was wondering if someone could explain where I have gone wrong with it, and how I can attempt to get it running. Any input would be appreciated.
Simple Image slider - no jump back
I have a very simple jquery slider that I made. Here is the code: var $distLeft = -764 var $speedSlide = 800 i=0 $('.sp_box_content .galleryimg8').attr('src',$('.gallerybox8 a').attr('id')); if($.trim($('.gallerybox8').html()) != "") {max_sp_boxes = 8} galleryautoscroll();setInterval(galleryautoscroll,3500); function galleryautoscroll(){ if(i==0){ i=0 $(".sp_box_list").animate({"margin-left":$distLeft*i},$speedSlide); i++ } else { if (i==max_sp_boxes){ i=0 $(".sp_box_list").animate({"margin-left":$distLeft*i},$speedSlide);
two Jquery codes not working when both on same page???
I am trying to setup what would be a tabbed order form witch would also contain a jquery image upload and preview function. However what is happeing is if I just have the jquery code for the tabbed content function the file works but when I add the jquery code for the image upload/preview function the tabbed content function stopps working. Also if I comment out the tabbed content function and just have the image upload and preview function the page works (minus the tabbed content function) I am
jQuery form plugin, ajaxForm() but with conditional fields
jQuery form plugin: I need to upload a form with ajaxForm() (or so I believe, as fieldSerialize() doesn't seem to serialize file fields properly). How can I only serialize a subset of the fields in my form using ajaxForm() ? I've tried manipulating the arr or $form parameters in beforeSerialize() or beforeSubmit() but it doesn't do it. OR how can I use ajaxSubmit() or fieldSerialize() so that it supports file upload files as well. Lets say for EG I want to just exclude fields with the class hiddenField
Issue with basic shopping cart
Hello folks, I got a little complicated with summing the shoping cart prices. I have this shopping cart: I I wrote this function for updating the basic sum: function changePrice(divId, sId, price) { var x = $("#" + sId).val(); var y = $("#" + divId).text(x*price + " ₪"); } and the HTML form something like that: <form> <select id="selectQuan-1" onChange="changePrice('sum-1','selectQuan-1','678');"> <option value="0">0</option> <option value="1" selected>1</option>
Selector scope problem I think
I am creating a little slideshow with jQuery and I had everything working fine. At first I had the slideshow visible on document ready, but really I want it to appear only when a user clicks on an image. As soon as I put my code in a .click() event, it stopped working. If I merely comment out the .click() event the code works fine and the slideshow is visible..After debugging, it appears that the only difference is that during execution the variable slideWidth is initially set to 0 instead of the
Using thumbnails with Colorbox
Hi guys, Complete newbie to all this but was wondering if anybody could help/point me in the right direction. Basically I'm looking to have a page that has 18 thumbnails and if a user was to click on one of those thumbnails it would cycle through a set of images within that (so there would be 18 thumbnails but maybe 50 images in total). Can this be done? I've been looking at this page for help but I'm struggling with the thumbnail part - http://www.jacklmoore.com/colorbox/example1/ Appreciate any
How to only fade out based on conditions?
Hi, I have 3 images. 1 is for background and 2 of them are buttons. I want it so that if the mouse leaves all of them then fade it out. Currently it will only fade out when you leave any of the 3. Yet, I want so that if you leave all 3 of them so all 3 must be at the mouse leave state in order to run my function with fades those images out. How can I do this?
Debris in docs.jquery.com
I encountered the following page in the JQuery documentation (see below screen shot): http://docs.jquery.com/Progress_bar Should the above URL return a 404 HTTP code?
Validation in accordion possible ?
Hi, Here's a quick question. Just started using jQuery, and I created a accordion menu on my page. It's not so much a menu, but a toggle content block thingy. One of the content blocks contains a number of images the user has to choose from using a radiobutton. Is it possible to grab the id of the radiobutton selected when toggling to the next content block, that is without making use of a form / submit button ? Thanks Hans
need some help if possible
hi there, i wonder if someone can help. i am trying to build a accordion with 3 pages in every accordion. i spoke to a nice fella yesterday and he started me off but i cannot work out how to finish it off i wonder if someone can help, many thanks, Gary webpage that it is on is http://cumcloser.co.uk/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Jquery and Wordpress Json plugin - how do you get selected output from object?
Sorry made a mess of my first post - here it is again. Hi there, I'm hoping this is simple: I'm using the Json plugin in a Wordpress blog, the below code spits out all the posts. Here it's showing the title and excerpt for each post (I can access the ID number too if I want). I'd like to just be able to display certain posts based on their ID. I hoped to use an if statement to select certain posts but it doesn't work - see my code at the very bottom. Any help solving this would be appreciated. function
Calling external plugin from inside another..
Hey guys. I'm pretty new to this so be gentle :) I have a jQuery menu plugin, the menu buttons are represented by this strings: jQuery('#promo').pieMenu({icon : [ { path : "/wp-content/themes/Tersus/images/piemenu/winamp.png", alt : "Winamp", fn : function(){alert('Click:: Find');return false} }, { path : "/wp-content/themes/Tersus/images/piemenu/vlc.png",
Plugin to enlarge images
Hello everybody, I'm looking for a plugin to expand images in a webpage. The effect I want to achieve is like the one shown here: http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm BUT: I want to use *two* images, like Fancybox and similar plugins do. I.e. the page loads the thumbnails: when the thumb is clicked, the big image expands inline and the rest of content "flows" down. Thanks in advance. Ghizza.
What does jQuery.fn.center = function () {... mean
hi everybody, i am newbie in jquery and i want to learn what does jQuery.fn.center = function () {.... mean? (fn?, center?)
Tooltip wors in jsfiddle but in real html file.
Hello, I have a web page that is to pop out tooltips when the mouse moves over a cell of the table. It works in jsfiddle but it doesn't work in real world case. The codes are exactly same. I attached the file at SkyDrive. Basically you have to move the mouse to the cell such as "act1" etc, you will find the difference. I have spent several days but I still can not figured it out why it failed for the test file in SkyDrive. Thank you very much.
Using .replaceWith throws uncaught exception error
Hello, I'm a bit of a jQuery n00b. Just trying to replace some content. I'm using console.log to print the variable I'm trying to use the replaceWith for and it's showing up fine. However when calling replaceWith I get this weird error. "uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMDocumentFragment.appendChild]" nsresult: "0x80570" ... The Page is: http://radianthealth.co.nz/qualifications/view/5?flush=1 The jQuery is here: http://pastie.org/1080984 See page
how to get paragraphs which have selected text
Hi! I would like to know how to get the paragraphs in an iframe which innerText is selected? Regards
Adding captions to inline images
I have a series of images that are displayed inline and I would like to add captions underneath each of them using Jquery, if that can be done. Possibly the whole display should be in Jquery? Currently I am using the Cycle Plugin to rotate a series of images which is working just fine. Underneath I want to have thumbnails so the user can click on any of them and be taken to a page that will display a series of images. A demo can be viewed and here are the thumbnails: <div id="subjects-wrapper">
please can someone help
hi i am a beginner of jquery really and i am trying to build a hide and slide box and when opened it has 3 page of swap page content inside but i am not getting the hang of it. i would be very grateful if someone can look at my code and point me in the right way in achieving this, many thanks, Gary. the website that it is on is http://cumcloser.co.uk/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Best way to obtain libraries for Cycle and Superfish
In looking at the examples of Cycle and Superfish as well as Jquery, there several libraries in addition to the primary libraries. This brings up two questions for me: Is it best to reference the library as in <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Keeping Menu Expansion Persistent?
I am relatively new to jQuery and web development. I am working with a navigation bar with a submenu that toggles between hidden and shown via a click event (see code below). Is there a simple solution (i.e., doesn't require server-side scripting) to keeping the menu expanded when the user navigates away to another page on the site or reloads (all the other pages have the same basic structure/layout)? $(document).ready(function() { $('#navigation > li > ul') .hide() .click(function(event)
wrap selected text with mouse and wrap it
Hi! I am trying to wrap some html paragraphs inside a div element: <p>1st paragraph</p> <p>2nd paragraph</p> <p>3rd paragraph</p> I want to have this when I select this text from an iframe (): <div> <p>1st paragraph</p> <p>2nd paragraph</p> <p>3rd paragraph</p> </div> and, in case I select 2 paragraphs and a half, the div woud end before </p>: <div> <p>1st paragraph</p> <p>2nd paragraph</p> <p>3rd parag</div>raph</p> Thanks in Advance!
Sorting a GRID........
hey guys...... i have made a grid using divs only... i am trying to sort the grid..... what i want is to make diff buttons for diff headers so that clicking on a particular header will sort the grid acc to that header.... please can somebody help me...... i am stuck...plzzz help me.....
script help
I'm just starting wiht JQuery an dfound this script for a menu navigation that I like but the script is not formed well and I get an error with the $ at the beggining. Any help to make this right would be appreciated. The error is $is undefined. Can’t see to past the code in very well. Thanks <script type="text/javascript"> $(function () { $('.dropdown').mouseenter(function () { $('.sublinks').stop(false, true).hide(); var submenu = $(this).parent().next(); submenu.css({ position: 'absolute', top:
jquery CSS for TextArea in HTML?
Hi folks, I am passing a long string data with spaces through a textarea in html to a stored procedure which will update the records. The spacing in between the string(meaning columns) for one row is just only one tab (“\t”). The rows are separated by two spaces, one for carriage return(char13) and line feed char(10). Can you guys please help me with the appropriate CSS for text area which will consider these space requirements (tabs, carriage return and line feed char)? Is this possible using
what happens with URL when going home>page2>back in non-pushstate enabled settings?
Just a quick question: I have deactivated JQMs pushstate handling (cleaning up URLs after transition) in order to see how the URL changes during navigation. Is ist so, that when I go from www.some.com/folder/index.html to www.some.com/folder/index.html#/folder/page2.html and back, that my URL will change to: www.some.com/folder/index.html#/folder/index.html instead of the original URL? I have tweaked JQMs navigation quite a bit for a plugin I'm working on and just want to make sure the non-pushstate
Redirect from main site makes site small
I hope you can help. I'm setting up a basic redirect using the code below. $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android"); $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"); $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"); $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod"); if ($iphone || $android || $palmpre || $ipod || $berry == true){ header('location: http://www.ignitiondrivingschool.mobi'); exit(); }
pls help bold issue
i am trying to implement i have provided my jquery and css code. Make only the most recent post BOLD but keep the rest of the posts normal Fix the code so it runs on MSIE too. http://jsfiddle.net/9Xw6f/461/
Next Page