Can't get a SELECT box to pre-fill in jQuery mobile?
Hi, I'm trying to get a VERY basic SELECT box to pre-fill based on a saved value in my page. <select name="Language" id="Language"> <option value="english">english</option> <option value="french">french</option> </select> Trying to set it using: $("#Language").val("french"); For some reason its doesn't wanna work (yet its working fine in a JSFiddle: http://jsfiddle.net/youradds/rXvAL/ ) Anyone got any suggestions?
OSX MouseWheel Issues
Hello, I have implemented MouseWheel Support for a Vertical iScroll List: http://jsfiddle.net/daslicht/qhhh8/ While this works wonderful on a PC, it totally goes mad on OSX. If I just touch the MouseWheel of my Logitech AnywhereMX Mouse, some MouseEvents are being dispatched. And if it turn it one snap (physical snap of the wheel) 3 or more Events get dispatched ?! If I use a Tochpad on OSX, the momentum scrolling is also preventing a proper usage, since multipel MouseWheelEvents get dispatched.
problems with nested listviews and data filter
Good afternoon. i have a application with two nested listviews, in another words, i have a listview, and into a <li> tag i have another listview, the issue is the data-filter which i put in the external listview, but the jquery mobile render for the nested listview too, then my application appears several search fields which do the same thing rather than filter each list. the jquery mobile build a data filter field for each list, i try to put data-filter="false" in the nested listview but no
How jQuery works as a Client-Side language?
Hi, I new to Javascript and certainly new to jQuery. I having trouble understand the concept of jQuery as a Javascript framework. I know that the jQuery framework is a list of precompiled Javascript object function and it has it's own object function "jQuery" or the alias short-sign "$" to access jQuery "library" or methods and in order to use jQuery, we need to download the libraries, is it right? So how does it interpret in Client-Side? I know that Javascript had already implemented in the browser
syntax jquery prototype=<jquery1.8
i search to convert this line in jquery langage [CODE] .setStyle( 'right:' + ( $('right_block').getWidth() + right + 19 ) + 'px;' ); [/CODE] + right is a variable i have test with .css( 'right:' + ( $('right_block').width() + right + 19 ) + 'px;' ); but don't work
datepicker - beforeShowDay database
Hi! I have a database with news (date - description - link - so on..) I would like to change css from every date into datepicker to help users know which date has news. Here is my code, I implemented a filter here. <script> $(function() { $("#datepicker").datepicker({ changeMonth: true, changeYear: true, beforeShowDay: // need help here! :) onSelect: function(selectedDate) { var mydate; fecha = $("#datepicker").attr("value"); $.ajax({ type: "GET", url:
Replacing the html on a clicked button with closest()
I have this html and jquery <!Doctype> <head> <meta charset="utf-8" /> <title>Array Crud With Positions</title> <style type="text/css"> .container{ width:960px; } .krudSpace{ width:100%; } label{ width:15%; float:left; } .krudItem{ border:1px solid orange; background-color:pink; margin-bottom:2%; } button{ margin-right:2%; margin-bottom:0.55%; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery(function() { $("#button").click(function () { $("<div
email validation - custom
HI everyone, I'm new in jquery/java script. i've look the demo about validation. In Plug-in, email validation cannot filter like the example : aussin@gmail.c . mean the email format is invalid but in plug-in cannot cater that email. how to customize the plug-in?? tq..
Alternative to using wrapInner
I've having trouble with the wrapInner function causing some event handlers to be duplicated when used on divs containing a elements from 3rd party toolkit. Currently we're basically doing this: $('#someElement').wrapInner('<table><tr><td></td></tr></table>'); When someElement contains our 3rd party toolkit control, some event handlers are duplicated. This code seems to do the same wrapping without causing the duplicate handlers: $('#someElement').html('<table><tr><td>' + $('#someElement').html()
how to post the clicked element attribute with ajax
Hello, I'm trying to post variables dynamically with ajax. The code I have come up to until now is: $("#formid input").click(function() { var btnclick = $(this).attr("name"); $.ajax({ url: "mydomain.com", type: "POST", data: {id: "1", btnclick: "1"}, success: function(data) { $(".comres").html(data); } }); return false; }); The problem is that it is not posting the name of the clicked button but it must be posting btnclick=1 no matter what
Getting the content on a div using class name
I have my php script return this huge html http://jsfiddle.net/thiswolf/H8HTX/ but i am only interested with the content of the div with the class name one. This is the code i am using on success success: function(html){ var ifilter = jQuery(html).find('.one').html(); alert(ifilter); } The code does not filter as i would have wanted.
i want to edit my slider
hello everyone , i make simple slider by jcarousellite but i need to make some thing i need the first visible image to be large what should i do ? or how i can select the first visible image in slider
what is the jquery function to hide words that exceed a certain number.
hi everyone what is the jquery function that will enable me to count the number of words in a statement and then select the words that exceed a certain amount. i will explain further. i only want the first 1000 words in a statement to show and to then hide the rest using the .hide() function. what jquery function will allow me to do this. thanks eveeryone for your help. warm regards Andreea 115
fullscreen header conflict with popup dialog.
When using jquery mobile 1.2 rc. I found if I set the footer to fullscreen, the margin of popup dialog will looks ugly, I find out this is because the css definition of this: .ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content { padding: 0px; } If I change the padding to 0px, it will looks good.
How to get the height of each tab-Jquery dynamically
Hello everybody! I was wondering how to capture the height of each tab-jquery. I am using a tab-jaquery on my site, each tab has a different height according to content. I need a script Jquery to get the height of each tab when I click on each tab individually. The scheme is the following: I have a variable that will store the height of the tab, this variable will be updated and receive the height of the tab that is being driven by the user. It is similar to that http://jsbin.com/emera3/4 when I
Disabling Superfish when window is resized. Possible?
Hi i'm working on a new responsive website and was wondering how to remove the class .sf-menu in order to disable it in lower resolutions 768px and below. The superfish navigation will be replaced by a toggle nav that's why.
Easy Slider dynamic height
Hi, I am trying to use Easy Slider plug in to show list of products with images and prices. Height of image products is not pre-defined. So, height of Easy Slider should be the height of content. That is not working in Chrome, although it works in IE and Firefox. In Chrome, Easy Slider works fine if I set its height. But, if height is not specified, Chrome renders it partially and hide part of images. I tried to search for an answer on Google, but didn't find an answer. Even example from http://cssglobe.com/lab/easyslider1.7/01.html doesn't
Jquery won't post my form
I am having this simple code which i want to use to posts some form to a processing script. <!Doctype> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.sliderSave').live("click",function() { var dasvalue = jQuery(this).attr("value"); jQuery("input[name='dashidden']").val(dasvalue); jQuery.ajax({ type: "POST", url: "exchange.php", data: jQuery(".aj").serialize(), success:
Trying to create a megamenu - hacing problems with loops
I am learning javascript (and jQuery). I cannot figure out how to make my megamenu work correctly. The script is taking all of the bins (list items underneath the top UL) and putting them underneath the very first menu item. To futher illustrate, when the page lodes my menu items look something like this: <ul> <li>Top Level Menu Item 1</li> <li>Top Level Menu Item 2 <ul>Bin A <li>Link 1</li> <li>Link 2</li> </ul> </li> <li>Top Level
complex binding situation
Hi all profs outside there, I (relative beginner query) have a quite complex situation I have to resolve and couldn’t come through it: Thats the function: function appendTitles() { var titles = ['title_1','title_2','title_3','title_4']; $.each(titles, function(index,title){ var selwork=title.substr(6); $('#foldout').append("<img id = "+title+" class='titles' src='images/"+title+".png'></img>") .children().bind('click', {work:selwork}, workChoice) } ); } What I tried here was: 1) in the first part
using in php
hi bros how can i use jquery in php to tranistion to pop up page thnx http://www.scripters.info
SimpleModal onOpen/onClose
Hey Guys, I'm currently using the SimpleModal jquery plugin from: http://www.ericmmartin.com/projects/simplemodal/ At the moment, i have got it working so that it opens and closes without any fadeIn or fadeOut dialogue elements. This is the current code that I have working without the fadeIn or fadeOut. jQuery(function ($) { // Load dialog on click $('.basic').click(function (e) { var id = $(this).attr("href"); $.get('extra.php', { fixture: id }, function (data) { $('#content-one').html(data).modal({
obstrusive script
Hi all, does anyone has an idea how this obtrusive set of scripts: <!--Menu title list--> function appendTitles() { var titles = [1,2,3,4]; $.each(titles, function(index,title){ $("<img id = 'title_"+title+"' class='titles' src='images/title_"+title+".png'></img>").appendTo('#foldout') .bind('click', function(){ <!--change to work in response to title choice--> var work = $("#gwork").val(); $(".work_" + work).fadeOut(950, 'easeOutSine', function() { $(".work_"+ title).fadeIn(950, 'easeInSine');
Jquery delay
Hello, i want to apply a style to div with a class="project-hover" for a delay of 3 secondes, then remove the style : i use this syntax, but it seems incorrect, plz help: $(document).ready(function(){ $('.project-hover').first().addClass('activer').delay(3000).removeClass('activer'); }); /************************** HTML Code ************************************/ <li class="project-hover activer"> <a href="#" class="show-actualite"><img src="./images/actualites.jpg" alt=""></a> <div class="details">
Create iframes from original page content
I am trying to dynamically "rewrite" an entire page to a set of iframes. I want a music player bar at the bottom iframe and the original page "rewritten" in an iframe above/behind that. Almost just like SMC player. I feel like I'm close but I am a jQuery novice.. So any pointers will be greatly appreciated beforehand. Here's the main part that creates the iframes that's not working correctly. var oldpage = "<html>" + $("html").html() + "</html>"; $('body').html( "<iframe frameborder='0' id='content'
ads before flash game using jquery
hello .. every one i'm looking for know how to make like this kind of ads using jquery http://hi10.net/Play/Game/1164 look to the link you will find google adsense .. before ads then when click on close he going to start use game i think it will use Next(); In Jquery OR HIDE / Show .. Any One Have idea plz Guide me thxx صور
css height incorrect
First time using this forum... I have an app written in jQuery that reads the css height of a div box with variable amounts of text in it. The css height is set to auto and most of the time the css height read by jQuery is correct. However I have found a problem when the text on the last line results in no spaces at the end of the line. eg it fits exactly within the width of the div box. When this happens the css height is what would be expected if the number of lines of text was one extra than actually
Processing XML from a URL without specifying a xml file?
I enter the follow url in my browser exactly as shown here: http://srv-two-dev/raw/ and I receive the following data: <raws> <raw id="*" > <rpn></rpn> <desc></desc> <datecreated></datecreated> <status></status> <mfgven></mfgven> <mfgvenpt></mfgvenpt> <mfgvendesc></mfgvendesc> <distven></distven> <distvenpt></distvenpt> <category ></category> </raw> <raw id="*1234" > <rpn>2 Mil Plastic</rpn> <desc></desc> <datecreated></datecreated> <status>STOCK</status> <mfgven></mfgven> <mfgvenpt></mfgvenpt>
Install Developed Mobile application in Device
hi, I am new to JqueryMobile FrameWork. My requirement is how to install Mobile application which is developed using jqueryMobile Framework in iceninum Graphite Environment. I develped my simple mobile applicaiton using JqueryMobile FrameWork in Icenium Graphit.It is working properly in icenium Emulator please suggest me to go forward... thank you, srinivas
The forms plugin shows the "complete" option in the examples but does not document it.
I've inferred the usage for the "complete" option via the name and the examples. However, it would be helpful to add that option to the list of documented options at: http://www.malsup.com/jquery/form/#options-object BTW: I think the plugin is very helpful and quite central to AJAX functionality. Perhaps it's worthy of inclusion in the general jQuery AJAX API. Thanks, Ken
Tablesorter multi column sort works erratically
I am noticing trouble sorting on multiple columns using the tablesorter plugin. I have three columns, two are text and one is a drop down. If I shift click the first column and then the second, it only sorts by the first column. If I shift click on the second column and then the first it will sort on both columns. And it can't sort the column of drop downs at all. Is there something I am missing? Here's the HTML: <!DOCTYPE html> <htm1> <head> <title>Mike's Filter Test</title> <script
Multiple submit buttons in single form
Hello, First of all I must say the validation plugin provided at http://bassistance.de/jquery-plugins/jquery-plugin-validation/ is very great to use in case of its simplicity and its ease of extending. Nice work. :) I have a single form with two submit buttons inside that. I have two section of elements inside the form (e.g. Shipping address details and Billing address details). These sectoin is just logical group of elements like name, address, zipcode, state, etc. Each section has different fields
How to select an element that has the same id attribute value, as the class attribute value of another.
Hello There, I have an area map, and some hidden divs that each correspond to different sections of the area map. When the user clicks a section, I'd like the corresponding div to fadeIn(). The area map sections have an identical class to the id of the relevant div. Could someone help me match them up with jQuery so the correct div fades in, here's what I have so far.. $("area").click(function(){ var county = $(this).attr("class"); var id = $("div").each(function() { $(this).attr("id"); }); } );
Radio buttons circle image dont appear
Hi All, I'm using the example code for radio buttons on my app, with Phonegap. The vertical list of options is builded ok, but the circular image on each non checked option is not showed, only on checked option. Any suggestion ? Here is my code ( head and html tags was removed ): <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> <link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" /> <script src="jquery-1.7.2.min.js"></script> <script src="jquery.mobile-1.1.1.min.js"></script>
JQM "Text input" issue on Blackberry
Hi JQM community, I recently upgraded my mobile application to use JQM 1.1.1, and noticed a very big problem on Blackberry 6 browsers. Please see my screenshots. You'll see that when the input text box is focused, it makes the textbox black on 1.1.1 whereas same page does render correctly in 1.1.0 Any help you provide would be appreciated. JQM 1.10 JQM 1.1.1
JQM + Phonegap: search filtering and autocomplete problem on real device
ok, that's the problem: both search filters in listviews and jqm autocomplete plugin (by Andy Matthews http://www.andymatthews.net/) don't work on my real android device jqm app packed-in a phonegap application. But.. - they both work fine when browsing my application by any desktop browser - they both work on the eclipse android sdk's emulator More info: - Using a Samsung Nexus S device, with Android 4.1 Jellybean - Using jquery 1.7.1 and jquery mobile 1.2.0 alpha Any known issue about that? :(
Remove script from memory
default.html <div id="content"></div> <script language="javascript" type="text/javascript" charset="utf-8"> $(document).ready(function() { $("#content").load("include1.html"); }); </script> include1.html include 1<br /> <span onclick="alertMsg()">click to alert</span><br /> <span onclick="loading()">load new page</span> <script> function alertMsg() { alert("ok"); } function loading() { $("#content").empty(); $("#content").load("include2.html"); } </script> include2.html include 2<br /> <span onclick="alertMsg()">test
Is there any way to make the flip switch bigger?
I've been making buttons bigger by adding ui-fullsize but it doesn't work on the flip switch.
Confused by custom downloads and layout of jQuery files.
I should start by saying Im not a front-end developer but Ive been forced to dive into JS and/or jQuery code to tweak the UI for our web app. Looking in our js folder it seems to me there is a mess of disorganized folders and JS files including jQuery and jQueryUI stuff. There seem to be several versions of these files which just add to the confusion. Also it looks like we have several custom versions of these files and no way of knowing which features were picked for the custom downloads. So, in
Create a simple shopping cart in jQuery for .NET
Any suggestion where should one start for making a shopping cart in jQuery...
Next Page