hide elements when smaller screen pls help
the following JS does work, somehow, but i have a sense that something is inherently wrong with the condition. could you pls help me sort it out? Here's the simple html. I want the age distinction (adult vs child) to be out of the screen when it can not contain too many elements. <div align="center"> <select data-role="slider"> <option value="off" >man</option> <option value="on"> woman</option>
dependent drop down list remove/add selections
I apologize if this question has already been asked. I assumed it has but I'm not sure of the exact terminology to frame my question. So here it goes... I have a form where I would like a person to choose/rank their top four things from four drop down lists. Can JQuery be used so that when a selection is made in the first drop down list, that selection is removed from the other three? And if the selection is changed, it can reappear in the other three drop down lists? Thanks! Peter T
How To Stop Playing When loaded
Hi I'm totally new to JQuery. I want to make the images only change when they are clicked and not when the slideshow loaded. How do I do this please? Many Thanks and Best Regards Charles <script type="text/javascript"> SqueezeBox.parsers.extend({ gallery:function(preset) { if (document.id(this.options.target)) return document.id(this.options.target); if (this.element && !this.element.parentNode) return this.element; return (preset ? this.element : false); } }); SqueezeBox.handlers.extend({ gallery:
Apply function on different elements on the same page
Hello, I have this code: jQuery(function(){ jQuery(document).ready(function(){ jQuery.get(jQuery('a.link').attr('href'), function(rank) { var element = jQuery('span.content' ,rank).attr('title'); jQuery('a.link').after('<span>' + element + '</span>'); }); }); }); What the code does is: the address is "a.link" will get the value that is in "span.content" and put that content in front of "a.link". The problem is that there is on the same page more than
What's the quick and dirty for turning off all page caching in jquery mobile?
I'd like a to just place a single bit of code on several pages that are dynamic. I've checked out several solutions posted by users and none of them seem to be working for me. I'm on Jquery Mobile 1.3 beta. Any easy solution to this without getting a technical devil's advocate? Thanks!
replaceWith bug?
Hi, replaceWith does not seem to work anymore with text nodes in jQuery 1.9 textnode.replaceWith('some content'); does nothing; I can see the text node content with alert(textnode.text()); Sample code: <div id="nodes"> text node <a href="#" title="Some link">some link</a> other text </div> $('#nodes').contents().each(function(){ alert($(this).text()); $(this).replaceWith('replaced!'); }); see jsfiddle Any ideea?
Themes
The Theme Roller from the JQuery Mobile site lets you base your themes off pre-existing data themes and call it in your html by data-theme = "a" or whatever. How do you reference the themes created here?
Complicated ui range slider
Good day! I am totally confused with solving one solution. I'll be very glad if you help me! I need to create a sophisticated version of jQuery UI Slider. Part of the work I've done at the moment, here I upload the image screen what I have but I need to create more complex range price slider and this is a screen image from psd file what I need and trying to do , so if you can see I need to create a hidden price range or something else, maybe I am not right? (you can see the light green line - lately
Cycle2 - Centered Slides problem with responsive images
Hi everyone, I'm using Malsup's Cycle2 to build a responsive slideshow that features both landscape and portrait images that will maintain their respective aspect ratios. It's working well so far, but the Centered Slides functionality (http://jquery.malsup.com/cycle2/demo/center.php) is proving problematic in Webkit browsers. Seems to be working as intended in Firefox. Here's the working version without centered slides: http://goo.gl/p76wi ... and this is working fine thus far (the green background
[ui 1.10 bug?] Clicking in a dialog scrolls the content of another dialog
I create 2 dialogs, one containing more text that can be shown. I scroll to the bottom, click inside it. Then when I click into the second dialog, the contents of the first dialog move up, the scrollbar going back to top. http://jsfiddle.net/mbraga/5cB2K/2/ Seems related to the part where a dialog is moved to top of the stack, which redraws all the dialogs. I do not dare to say, but seems a bug to me.
dependent drop down list add/remove items based on selected
I had great help with an earlier post but have yet to be able to modify it to my needs. I have four drop down lists that are used so people can rank their favorite items. When an item is selected in the first drop down list, it then disappears from the 2nd, 3rd and 4th lists. Then when an item is chosen from the 2nd list, it disappears from the 3rd and 4th, etc... That part works great. However, I have two other drop down lists in this form that I do not want affected by this feature. Unfortunately
jQuery mobile events not working
Can anybody tell me why the jquery mobile events like tab or tabhold are not working for me? touchmove, touchstart and touchend are just working fine but the jquery ones arent.. <head> <script type="text/javascript"> $(document).on("pageinit", function () { init(); } ); </script> </head> function init() { ... setEventHandler(); } function setEventHandler() { $(".block").on("tabhold",
hover image pop up
I have a main div that has 3 container divs that house images (1 image in each of the three divs). I'm trying to create a mouseover/mouse out function that will pop up a larger image in the middle of the screen. This was an afterthought. :( Is there a way to do this without throwing off my whole page? What would be the best way to do this? Do you need more information? Each picture has it's own ID. <div class="clearfix" id="LayoutDiv2"> <div id="highlte1"><img src="images/HDS1303.jpg" name="brake"
fail to load a page
I'm using jQuery mobile 1.2, jQuery 1.8 and phonegap 2.1 . The app is single page templates, so $.mobile.changePage("page.html") is used to navigate between pages . Everything is fine, but all suddely, changePage just stop working and do nothing and can't go to any other page . Just display "Failed to load resource. The request URL is not found on this server" in safari debugger . After that happen, the app must be restarted otherwise it gets stuck on that page .
Blackberry URL not being cleaned up on pushstate
I'm having trouble using JQM with my Blackberry. JQM just keeps appending the hash value to the URL without cleaning it first, this even happens on the JQM site: 1. Docs http://jquerymobile.com/demos/1.2.0/ 2. (Docs)->Listviews http://jquerymobile.com/demos/1.2.0/#/demos/1.2.0/docs/lists/index.html 3. (Docs)->(Listviews)->Numbered http://jquerymobile.com/demos/1.2.0/docs/lists/index.html#/demos/1.2.0/docs/lists/lists-ol.html It also does this with a site I'm developing using 1.3.0 Beta. Blackberry
bypass navbar and grid 5 columns limitation
in navbar and grid, seems max columns(buttons) is 5, how can I add more buttons but in a line ?
JQuery 1.9 $(array).appendTo(selector) not working anymore?
<ul id="test"></ul> var array = ['<li> abc </li>', '<li> def </li>']; $(array).appendTo('#test') http://jsfiddle.net/wfcvW/ I used to be able to do this in previous version of JQuery. (1.8.3 and older) Did something changed that I missed or is this an issue? Uncaught TypeError: Cannot read property 'ownerDocument' of undefined You can test it on jsfiddle and see for yourself that it works on older version. Thank you for your time.
# added to URLs
Hi All, I just updated to 1.3.0 and I noticed that # is always added to the URLs. I encountered the problem in google chrome and safari but not in firefox. Here is the URL: http://m.nearbyph.com/streetnames If you click on the link, after the page load, a # is added to URL. All my links has data-ajax="false". Thanks...
email validation in input text box.
I have 2 or more emails in my email input text box..its separated by commas.. I will check the following conditions.. 1.checking email input text is null or not null.. if the value is null,the error "please enter the email"(it show in red colour,) will show under the email text box.. 2. If the text box have the value it will check the all emails have valid or not(checking each mail is valid or not valid)..if it is not valid it throws the error under text box.. Is it possible in Jquery?
method load and coorect display cirilic
$("#contentdiv").load("content1.html") content1.html contain cirilic at load content1.html display garbach how too make correct display cirilic without setting browser
select menu ... options not working when I bind to pageinit
hello; I am new so please be patient. I have a select menu that I am using jquery mobile to turn into a dropdown. when I do: <select ... data-SOME_OPTION = 'SOME_VALUE' > it behaves as expected. but if I add that same option/value to: $(document).bind('pageinit', function () { $('select').selectmenu({ corners: false });}); it does not work. EDIT: $(document).bind('pageinit', alert('hello') ); does work see it here: jsfiddle thanks, Shannon
Any open source jquery mobile reporting plugins is available ?
Like jasper ( java ), crystal reports ( .Net )any open source jquery mobile reporting plugins are available ? We should be able to export to different formats like pdf, excel , customize header footer while generating reports. We found DataTables as one such plugin. is any other plugins ?
latest version breaks plugins & functions
hi folks i routinely use some basic plugins, like cycle for image cycling, and some of the modal plugins like colorbox. i always link to jQuery like this: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> but since the latest version a couple of weeks ago - all my scripts have stopped working. i have had to manually link to 1.7.2 or 1.8 for them to work. any idea what happened? thanks!
Two datepickers, one loads saved date, the other does not
I have two date pickers on my page, a begin date and an end date. I want the date selected in each to re-load from the $_POST variable after submit if there was a problem submitting the form. Strangely, it works perfectly in the first datepicker input, but not in the second. Why not? <input class="-hidden datepicker" name="datepicker_b" type="text" id="datepicker_b" value="<?php if (isset($_POST['datepicker_b'])) {echo $_POST['datepicker_b'];} ?>" /> <input class="-hidden datepicker" name="datepicker_e"
jQuery the best? OR both and processing(Data visualization)- first post
Hi forum, This is my first post here so apologies if i am unclear regarding the explanation. I am on quite a deadline(within a week). Anyway, i am working on this data visualization project(which will be up soon online). You can see the hair-pulling data here. I have been working with processing for this, and done with 60-70% of the code. But now i am stuck with quite a lot of things. Also, since i can't use java libraries in processing. About mid-way i got to know about D3.js, but it was pretty
How do I get unique selectors for a group of previous selected elements?
Hi, I have a selector that looks like this: var $inputEl = $(this).closest('.form').find('input[type="text"]'); As you can see it return a number of input elements. Each input elements has a parent .input-control class, but more than one input element can exist in a single input control. <div class="form"> <div class="input-control"> <input> <input> </div> </div> From my list of $inputEl, I want to get a unique list of .input-control. I'm a casual jquery/javascript user so
Man page style docs?
Is there some other docs that have everything laid out like what's all in the mobile object for reference? All the methods and properties and their possible values (options), return values, and such? Also, what all plugins were combined to make jQuery Mobile so far?
navigator.geolocation.getCurrentPosition(onSuccess, onError) problem with android
Hello guys I am deep trouble now a days I any solution regarding the problem please mentioned your review. navigator.geolocation.getCurrentPosition(onSuccess, onError) using android device browser have faced problem Have any solution about this. THanks guys
Jquery mobile R&D - how to customise the CSS
Hi Guys, We are running a (desktop) e-commerce site which is pretty large (in terms of coding and different sections), on the Zend Framework. We are now planning a mobile-optimised website, and we are researching into Jquery Mobile. We are trying two things to decide which path we should choose. 1) Using a Jquery mobile theme to build our HTML, and then customise it from there. OR 2) Build our own theme. At the moment I'm experimenting with 2) building our own theme. I found issues on customizing
Double Interactions
Hello, I would like to learn how to associate to type of interactions to an unique object. My objective is to configure an instance of sortable and at the same time it be a selectable one. Doing the following, "Foo" becomes sortable: $( "#foo" ).sortable(); But after the following: $( "#foo" ).selectable(); It becomes selectable, but leaves the sortable properties, and I can't drag it anymor. =( Pleasem tell me if I'm doing anything wrong, Phillip Spring.
the img hide,in jquery1.9.0，but normal in 1.7.2
<style> .attion{ width:450px; height:200px; overflow:hidden; border:1px solid #000; padding:25px;} </style> <script> /*$(function(){ $('img').each(function(){ var ww = $(this).width(); var hh = $(this).height(); if(ww>450){ $(this).width(450); $(this).height(450 * hh / ww); } $(this).toggle(function(){ $(this).parent('.attion').css('height','auto') },function(){ $(this).parent('.attion').css('height','300px')
FullCalender events list position
I need to display the events list at specific location in Month view for full calender .can any body help me on this and appreciate for your quick help.
Select box in jquery mobile not showing proper selected value but giving proper value.
Hi all, In my webpage I am creating select box dynamically by providing functionality of add button which will add row. The data binding to select box from web service is proper. But when I select particular value from select box then it is not showing the selected value in select box and surprisingly I can get actual selected value when I call $("selectid").val() function. Please help me to solve this issue.
children() - how to use properly?
Hi, I've come up a bit of a blank on this one. The below works: $('a.want_rec').each(function() { if ($(this).attr('rel') == this_user_id) { $(this).removeClass("do_follow"); $(this).removeClass("btn-warning"); $(this).addClass("remove_following"); // make sure we do this so we can now remove
Jquery nth child automaticlly append sizcache element on IE.
Hi, I am using jquery nth child in our page is sharepoint 2010, when i edite any page its added sizcache and sizset automatiicly in the html node ,that causes increase of page size on every editing of page,why jqury doing this? is there any documentaion for it.?
Jquerymobile NestedList
Hi, I need to implement a checkbox tree with tri state functionality in jquery mobile 1.2.0. Any ideas will be appreciated.
HELP
Hello, there i have just started learning jQuery .. Basically I'm trying to implement if when i hover over an link on the navigation menu ,i want to change the image in the above div according to the button/list hovered .. I'm Not getting what to do next ..i want to show the image name that was caught using the text() method and hide the rest .. here is the code <body> <div id="container"> <figure> <ul> <li><img src="IMG/Cricket.jpg"/></li> <li><img class="hide"
Jquery functions in JS files not loading after partial postback using updatepanel
I have all my Jquery Functions in a separate Js files. I have a Country drop down box based on the selection i want to populate the states without page reload, however when i tried using Update Panel, after Partial Postback the style and Jquery functions are not working.
how to pause sliding gallery on mouse over
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ above is the link i m using for sliding gallery how to pause it on mouse over , then when mouse is moved out again start sliding images plz help me with the code thnx alot for help
Convert String (xx/xx/xxxx) to Date (javascript/jQuery date object)
Hello, I have a string, lets say 31/01/2012 (31st Jan 2012) (Australia Date Format) I need to run it via a function to convert it into a Javascript date or native date object Can I achieve this easily in javascript./jQuery? Await your advice Regards D
Next Page