passing select value to php variable
I am at an impass. I want to pass the value of the selected drop down menu selected option. To a php variable that will be used in a MySQL statement, which in turn will alter a second drop down menu. Here is what happens. When I make my selection from the first drop down menu nothing changes on the second drop down menu. After I clicked the submit button then the change takes place. What do I need to do to make the change take place with out having to click the submit button? Thanks for any help,
can't get find/children/contents methods to return a set?
$(this).find("link") seems to return just one node, and not a 1 element array, so 'each' method won't work on it? Additionally using 'children' instead of 'find' returns nothing at all, even though the link tag is an immediate descendent??? I have the following xml: <idea> <desc>blah</desc> <link>http://blah</link> </idea> where 'this' was obtained with $(xmldoc).find("idea:first") and $(this).find("link").text() will return "http://blah", whereas I thought it needed to
$ajax call from jquerymobile to jquery(html)
Hi I have program made with Jquery mobile (and run perfect) now i want to put the same on a website so i have the html here it looks nice but the ajax call wiil not do his work..on my mobile the application works good here is the code (i have delete my key) <html> <head> <title></title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <link rel="stylesheet"
Vendor prefixes in 1.8
hello, i am excited about automatic css vendort prefixes in 1.8 however right out of the box it doesnt seem to work. is there anything i need to take care of? i am basically doing this: $(bla).css('animation-name" , "start");
Why slideToggle and slideDown fails to work only in chrome?
Hello guys, I'm making a site where plants grow(expand) when the page is onload. It is working out great and it looks great, but in Chrome I only get to see the end of the "animation". So if you see my code it lasts 6 seconds in chrome and by then the picture pops up. Can anyone explane this, with text instead of pictures it seems to work in chrome. This is an test html: Kind regards... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
preview image
Hello, I am searching a plugin which will allow me to preview the image before upload so I can check it realtime. Is there any plugin available in jquery which will do this job for me? Please help me. Thanks in advance. Tegatti
changePage on Android causes changes resolution
Hi I'm creating a web app and we're trying to take advantage of the higher resolutions on some of the newer devices. So on the iPhone4 and other devices that have a pixel ratio greater than 1, we've created a new set of images and by using a combination of <meta name="viewport" content="width=device-width,user-scalable=no"> and the media query @media screen and (-webkit-min-device-pixel-ratio:1.1) and (-webkit-max-device-pixel-ratio:2) we've been able to get it to render great on the first load.
dom object constructor can't get working
According to this page, I am able to create a dom object with jquery function thusly ('_' method prints to console): var idea = $("<div>"); _("idea: " + idea.text()); _("idea: " + idea.html()); Yet the last two methods return blank strings. What am I assuming wrong?
Slider Disabling
Slider disabling is not working in IE9 and IE10. It works in Chrome and Mozilla. In chrome and mozilla below statement works once and then it disables. $('.selector').slider('disable'); but in chrome and mozilla below statement disables on page load. $('#qty').slider({ disabled: "true" }); Both the method placed in document ready $(document).ready(function () { $('.selector').slider('disable'); $('.selector').slider({ disabled: "true" }); }); I believe both the above statement
Specify a certain checkbox, not every single one on the page?
Specify a certain checkbox, not every single one on the page? $(document).ready(function(){ $("select").change(function () { id = null; $("select option:selected").each(function () { id = $(this).val(); }); $.get("_getPos.php", { cat: id }, function(data){ $('#pos').val(data); }); }).change(); });How do I specify in my selector that I want to link the .change()
Awaiting moderation, what is this?
I have written a post and then I published it. But I discovered that it wasn't published. Also a rectangle on the right has appeared, and it says "awaiting moderation". I have no idea about what should I do. please help me.
correct syntax to show multiple messages followed by fade out
I'm trying find the correct syntax that will allow me to post multiple messages to a text box, with each one showing and then fading out. The current syntax I have is: if ($('#txtSuccess').val() == "Y") { if ($('#cbKeep').is(':checked')) { $('#lblErrMsg').delay(1000).fadeOut(2500).val("You May Add Another Hose Value.").delay(1000).fadeOut(2500); } else { $('#lblErrMsg').delay(1000).fadeOut(2500);
jQuery offset() wrong
I have an issue on a site, I think is a CSS issue, but really can't figure it out. I'm using jQuery to get the position of a Hidden form container div, when the mouse hovers on images on a slider. The hidden form popups correctly but in the wrong position, like if offset() got wrong values. This is the JS jQuery code (id is a parametter of my js function) var currentTarget = jQuery(id); var pos = currentTarget.offset(); container.css('top', parseInt(pos.top) + 'px'); container.css('left', parseInt(pos.left)
I want to develop my own Jquery.js
Hi All, I am working in www.infibeam.net. I want to create one jquery library for my one module. My Requirement is to get the parent element of the placed code and create one iframe which get the height and width of the parent element. I want to create One jquery file but i do not want to include any jquery library, is it possible ?
jQuery Media Plugin - results to a different tag
Good afternoon! I'm trying to use the jQuery Media Plugin from http://malsup.com/jquery/media/#overview and I would like to have the results go to a div instead of replacing the <a> tag. I'm new to jQuery but am learning fast. VERY awesome library! This is what I have set up: a file tree (using jqueryFileTree) that they user can navigate and click on a music file. The default action, as explained in the plugin link above is to turn: <a class="media" href="/path_to_file/filename">File Name</a>
automatically check for use of deprecated functions
hello, every jquery release deprecates a few things here and there. is there a way to have your source automatically parsed for the use of deprecated jquery functions? thanks!
Mouse over is not working after calling an ajax function.
Hi All, Mouse over is not working after calling an ajax function. When page loads if I mouse over the div it is showing data. After calling the ajax function I am not able to get the details when I mouse over the div. Please give your suggestions Thanks in advance. Girija S
Accordion Issues
Hello Everyone: I just finished creating a simple little accordion for myself. For the most part it works great: Following is the applicable script: HTML div> <div id="A" class="bar"><h3>Left - Right Lists</h3></div> <div id="A1" class="content_hide"> <span class="containerLeft"> <ul> <li>Left List 1</li> <ul><li>Item 1</li><li>Item 2</li><li>Item 3<li></ul> <li>Left List 2</li> </ul> </span> </div> <div id="B"class="bar"><h3>Basic List</h3></div>
Having issues with Internet Explorer and Vion jQuery plugin
For some reason, the plugin works flawlessly on Chrome, Safari, Firefox, etc. But on Internet Explorer it does not work at all. I was hoping someone might have an idea on why this is? Here is a link to a page with the plugin: http://www.cocreativepdx.com/site/?page_id=654 I'm using wordpress for starters, and it took me a while to get the plugin to work but eventually it did. Any help would be greatly appreciated! Thanks in advance! Let me know if you need more information!
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;
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?
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
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",
Next Page