Listview Split button
Is ti possible to have a Add to Favorites button in Listview? with function? Can anyone answer how to do it like in the picture..thanks
access each newly created element
I have rows of identical form inputs which are dynamically created with an Add Button. Basically what I wanted to do was change the placeholder of one input depending on what was selected in the one next to it. I did manage to get this working but am unhappy about how untidy it is. I found that I could only get it working if I had seperate code for the initial form row and different code for any subsequent rows that were dynamically creaqted with the Add Button. Would anyone be able to advise me
next-button doesn't work for number fields on Android
The next-button does nothing if the input field is of type number. I expect it to go to the next field when pressed. You can test it here, in the Numbers section. http://view.jquerymobile.com/1.3.1/dist/demos I've tested this using a Nexus 7 running Android 4.2.1 JQM 1.3.1 jQuery 1.9.1 The same code works fine on iOS. Any known workarounds? Thanks! /J
Back button flat out refusing to work?
So, here's the part of my head that loads jQuery, options and JQM: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="<?php echo base_url();?>assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script> <script src="<?php echo base_url();?>assets/js/options.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> And here's what goes into
slide toggle
Hi! I'm new to jquery and I like to do something that is important me. I am using Joomla 2.5 and the homepage is an single article. I have five pictures horizontally that I'm using as menus. Here is the picture: The picture on the left "news" has a jquery animation .slide(toggle) and works well but I don't know what to do beause all of the pictures using the same animation but i want to use it just on the first pic. I can make it stop if I place it another line </div> but I need it just in the
Develop cross word puzzle
Hi, I just want to develop cross word puzzle...For Example see the below link http://teluguone.com/games/crossword/ ...here the letters in telugu..here once u drag any letter and drop into a particular cell ,and u will drag the letter from cell into trash,if u click on any letter at right side matching letters should be displayed in below...once u observe..
I want develop Cross word puzzles,For that i want jquery for drag,drop and trash
Hi, Can anyone tell me,Jquery for drag,drop and trash the images... Thanks, Saritha
ThemeRoller and LESS framework
Greetings! Have you any plans to use the LESS framework in ThemeRoller engine? I think it's better to use an explicit variables (for colors, font face etc.) instead of magic and error prone regexp substitution.
scrolling controls a div position
I've seen this Jfiidle example which is exactly the effect I'm looking for.. I've lost who posted it. http://jsfiddle.net/e4VzT/2/ I don't mind using an entirely different technique but in the end what I'd like to see is a div's height controling the position of another div on scroll activity. How o I get this effect working. Any suggestions? Jaimmy
Problem with Autocomplete and mysql
Good morning, i have got a problem with jquery ui autocomplete. I use mysql, json and php as source for my autocomplete. If i wirte a word in autocomplete widget it will view all entries. // Conect json.php $sql = "SELECT user_name FROM user ORDER BY user_id"; $mysql->query($sql); while ($row = $mysql->fetch_array()) { $data[] = array('label' => $row['user_name']); } echo json_encode($data); The Php File shows me: [{"label":"53343"},{"label":"53773"},{"label":"53773"},{"label":"53773"},{"label":"53773"},{"label":"70736"},{"label":"79353"},{"label":"40231"},{"label":"47445"},{"label":"47475"},{"label":"53343"},{"label":"53773"}]
Positioning an element under another element
I have a title and subtitle. The title is draggable and if the user clicks a button, I'd like to center the subtitle under to where they just dragged the title. Below is the markup and code I am trying to do this, but it does not work. Can someone help? <div id="titleDiv" class="draggable"><label id="title" class="title">Team Title Here</label></div> <div id="subtitleDiv"><label id="subtitle" class="subtitle">Team subtitle that might be really really long</label></div> $(".alignSubtitle").click(function
Attribute as a Variable
Hi, I'm trying do to add some data attributes to a DIV, but this attribute has to be a variable. Example: var HEIGHT = window.innerHeight; // 740 $('div').attr('data-' + HEIGHT, 'value'); So the DIV should look like: <div data-740='value'></div> Every time I try to do this, I just don't get it to work, or I get the Variable name on the attribute. Anyone with som advise? Thanks
Color fading background
I am trying to make the background of a division start at one color and then fade to another and then fade back to the original then make a constant loop. I have a feeling I can do this using the jquery color plugin but haven't quite figured it out. Can you help me out?
a problem of jQuery's fadeIn() in iPhone (Version>=1.8.0)
I found a special bug of fadeIn. It blinks twice in iphone browser,and In PC browser is ok. This bug appear in the version 1.8.0 and higher. In 1.7.2 is ok. The link: http://www.queyang.com/blog/wp-content/uploads/2013/04/test1.html Short link: http://t.cn/zTqdW1z Use Iphone's safari, and press the browser Back and Forward buttons after clicked the button. The code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> <script type="text/javascript"
fadeOut() doesn't work, hide() does, why?
I want to show an image in full size once it's thumbnail is clicked, however there is a problem with hiding the image, for some reason, fadeOut() won't do anything, however hide() does. There's the code: This is the div into which the image is appended: <a href="javascript:void(0)" onclick="hideImage()"> <div id="fullImage"></div> </a> The CSS: #fullImage { position: fixed; right: 0; top: 0; z-index: 20; width: 100%; height: 100%;
JQueryUI Range Slider with scrollbar feature
Hi, I would like to combine the features from the scrollbar version and the range version of the JQueryUI slider. http://jqueryui.com/slider/#range http://jqueryui.com/slider/#side-scroll So can I create a range slider (so it has two handles that adjust the range) but add a click handler to the space in between the handles that causes a dragging action? I'd like clicking and dragging the space between the handles to move both handles relative to the dragging. Currently, clicking between the handles
Upload a file and save to a location
I need to create a web page where I can upload a file and save to a folder in any location. I used the following code below: I am able to browse to the location to select the file, but when i click on 'Send', it doesn't save anywhere. What changes do i need to save the file to a folder. Please see the code below: <html> <body> <form action="C:/savedfiles" enctype="multipart/form-data" method="post"> <p> VCF File: <input type="file"
Customize data-filter-placeholder
Can the attribute data-filter-placeholder be customized? I've been wanting to have that change based on a filter that is selected. So placeholder defaults to "search", but if they select Location from the filter list, I'd like it to change to "Search Location". I tried something like below but, obviously, it's a greasefire. Has anyone ever attempted this? Thanks, Shadraq $("#filterButton").click(function () { $("#searchResults").change(function(){ $(this).data-filter-placeholder("Search
jshint errors
I noticed jQuery UI's .jshintrc file, and decided to run JSHint to check for potential bugs: $ jshint . demos\datepicker\jquery.ui.datepicker-ar.js: line 5, col 31, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js: line 5, col 26, ['ar'] is better written in dot notation. demos\datepicker\jquery.ui.datepicker-ar.js: line 6, col 27, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js: line 7, col 33, Strings must use doublequote. demos\datepicker\jquery.ui.datepicker-ar.js:
SharePoint with jQuery Help Needed
The following jQuery works great in SharePoint 2007 with a Content Editor Web Part. It makes the icons bigger on one site as they use the document library on touch screens on a factory floor. After upgrading to 2010, the folder icon still works, the PDF icon does not. The files are in place. I can go to the path manually and bring up the icon image. Not sure what changed to stop it from working. <script src="/usm/Dandridge/Application%20Files/jquery.min.js" type="text/javascript"></script> <script
Ajax no-conversion
Hello, Is there a way to receive a binary response from ajax and do no-conversion? Just receive it as pure binary. Thank You
Sorting a array from a certain index.
Hi, is there a way you can use sort on an array from a certain index? For example if I have an array, i.e., myArray=new Array(6,2,3,8,7,5,1); Is it possible to sort from the index(1) in this case, so the sorted array would be 6,1,2,3,4,5,7,8 Or will it be a case of duplicating the Array from index 1 - this isn't a hassle but just unsure if there was another way with the sort() function. Thanks, Lammie.
Jquery UI Modal Dialog "x" button has no link?
I have an MVC 4 application and am attempting to use UI Modal Dialog... Using the code from the Jquery Modal example for Modal Message, I copied the contents into my main layout form to test... The dialog comes up as expected, however the "close" button "x" in the upper right corner is not linked to a close event... It does close if I carefully move the mouse to the "outer" edge of the "x" image button, but when the mouse is directly over the "x" image itself it is NOT a pointer, nor will it close.
What is the use of colons in this examples
I have noticed the usages of colons in jquery for instance config: { duration: 400, easing: 'swing', callback: undefined, durationMode: 'each', offsetTop: 0, offsetLeft: 0 }, and $('#table').animate({ scrollTop: $('#table').scrollTop() + 100 }); I have seen colons being used in javascript like var o = { r: 'some value', t: 'some other value' }; What do the colon in jquery mean?.
Moving the scrolling bar down by some pixels without using any plugin
I am having trouble understanding how scrolling bars are manipulated in jquery.I have this table for instance http://jsfiddle.net/thiswolf/FnjvS/1/ and i would like to know how i would move the scrolling bar in the example down by some pixels say,100 pixels. This is my html <div id="sc" class="container"> <div class="tableholder"> <table id="table" border="1"> <thead> <tr> <th>id</th> <th>firstname</th> <th>lastname</th> <th>country</th> <th>city</th> <th>town</th> <th>gender</th> </tr> </thead>
get browser language with jquery
something in jquery for do that bellow? anyway i dont know this js not working :( thanks. var lang = (navigator.language || navigator.systemLanguage || navigator.userLanguage || 'en').substr(0, 2).toLowerCase(); if (lang == 'es') { console.log('espanish'); } else if (lang == 'pt-BR') { console.log('brasil'); } else { console.log('Common English text'); }
:nth-child(2n) filter not working, but the :even filter does.
Hello there, I've spent a good while trying to find an answer to this so I'm hoping someone can help me here. The code below works, but if you bring in the commented out code containing :nth-child(2n) it will not - I don't understand what is going on - many thanks. http://jsfiddle.net/focusonfiddle/YVw6F/2/ <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>untitled</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $("document").ready(function()
about fixing of footer
hi everyone .. i have a problem ..i have a html page index.html and i`m using header and footer on that page... but problem is i`m using list view then sub list view... when i`m click the sub list my footer is not visible ... plz help me.. how can i resolve it? Thanx
how to move a Dropped object using jquery?
I am designing an web application where I need to move the dropped object also.but once i drop an object it becomes fixed in the position where it is dropped.my codes for dropping the object are as follows: $( "#droppable" ).droppable({ drop: function( event, ui ) { document.getElementById('droppable').innerHTML = "test"; $("#droppable").css('background-image', 'url(' + $(ui.draggable).attr("src") + ')'); }
onclick change the value of the text box
Hi guys; I use the code below to add or subtract the value of the text box of number of nights in this link: http://www.hotels2go.com.au/gallery_nd2.php?order=3&search_term=Gold+Coast&search_type=destination&search_id=18&id=53&altFormat=2013-05-03&checkin_term=3+May%2C+2013&nights=1&nights=1&nights=1&room_type=12&room_type_view=1+bedroom+apartment This is my code and it doesnt work. It does call the funciton properly but doesnt update! Any ideas? Thank you $(document).ready(function() {
Problem finding in Qunit
Hi, I m new in Qunit. Could You please help me in below. If I wanted to test Textarea's or textbox's maxlength or maxlimit then what code should i Prefer. I tried a lot but its not working. Here is my code: <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" href="Qunit.css"> </head> <body> <div id="qunit"></div> <input type="text" id="fname"/> <script src="Qunit.js"></script> <script src="jquery-1.7.2.js"/> <script src="tests.js"></script>
integrating JQuery Qunit with ASP.net MVC 4.0
Hi, I m new in Jquery Qunit. Could you please help me in Integrating with ASP.net MVC 4. 0 I have an application build in ASP.net. for that i want to automate Unit testing. Could you please explain me with an example. Application contains numeric and many more validation. Thanks in Advance, Gauri Rane
Window Resize: Applying a Custom Function
I have developed a responsive site and am trying to apply a variable that is set on window resize if a screen resolution that is lower than 1500px. Am fairly new to jquery. Here is my resize script. I am working on just one button to start with: http://thosedigitalthoughts.com/deppro2/js/detect.js So if the screen is lower than 1500px the variable is 61% and if the screen is higher then the variable is 50.6666%. This is so I can have panel slides in from the side. The panel has a variable width
Play nice with major JS Frameworks!
JQuery Mobile has awesome styling and layouting features. But it's page philosophy does note play nice with major JS Frameworks like Ember.js, Angular.js, Spine etc. These Frameworks do not replace the whole page, but instead allow you to replace a single dom element on user interaction. Therefore for example it is not possible to use JQuery Mobile CSS Transitions withs such Frameworks. So why not extracting the UI features in a single Module and allowing this Transitions to happen on DOM innte_html
Wordpress and jQuery not hover but click menu
I need some help, because im stuck at the moment. I want a wordpress menu, where the submenu is activating by click on a main menu point. The submenu should stay visible as long as i am in that submenu. I found kind of solution here: http://jsfiddle.net/snoffoz/4rZa9/1/ I would need that in horizontal and not in vertical, but im totally stuck. Thanks for help. Mike
how does changepage work
Hello, Happy to say that I found jquery mobile to be an excellent tool! I’m really quires however about the navigations, postbacks and transactions between pages (GET or POST). It seems like jquery mobile is doing an ajax requests instead of regular http requests. But still, the URL changes so it mustn’t be purely ajax. How does it works? Thanks!
How to get the header dynamically using jquery ?
Hi , i'm trying to get the header dynamically using jquery .I tried and its working fine but some problem is there i dont know where i did the mistake. Its working like when i click on the link i'm not getting heading in header tag but when i came back and open the same link its shows the header.Like this it is working.. can anyone help me to get the solution. My code is here check this:http://jsfiddle.net/SP6ww/2/
JQuery : File creation date before upload
Hi, I am using jquery ajax file upload. With that i need to print the selected file creation date before upload. Did lot of search on this, not able to find the solution. Please share details, if having any solution. Thanks in advance.
Sortable Table In Dialog
I have a dialog that opens and inserts a sortable table from mySQL It works fine....however whenever I click on a sortable key it opens up in a new page. is there any way to keep it in the dialog? Any help would be greatly appreciated....thank you 4
page navigation scrolling issues
http://jquerymobile.com/demos/1.2.1/docs/pages/multipage-template.html So this site does not scroll when navigating to the next page like this one : http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html Did something change to make it scroll? I am trying to close replicate how it would display data coming from the page I am working on but it won't scroll between them. Any one able to tell me why? Thanks.
Next Page