How can I make a jQuery Mobile List scrollable with a fixed height?
Hey, I want to have a list of contacts, which are longer than the screen on a iPad. But the list should have a fixed height and with a native scrollable feel the user can navigate to all contacts. So how can I implement the fixed height and the native feel? Thanks for every help. Fabian
Jquery.form with input type="fileupload" not executing success handler
Hi I'm using jquery.form. I'm submitting a form with an input type ="fileupload" on it. This causes the fileUpload function in jquery.form to fire. However, the options.success function never gets fired. so my custom success function doesn't get fired and instead of incorporating the json result into the page it saves it and displays it in notepad. I see the $.event.trigger("ajaxSend", [xhr, s]); line get fired, and the var s seems to have all the options in it. then form.submit() gets fired
Animate multiple divs on click
I want to animate divs on click . But the problem is there are multiple divs and I unable to get the height of each div my code is function show (div) { var hei = $('.a').height(); $('.show').click(function(){ $('.text').animate({'height' : hei + 'px'}) }); } and my html is <div class="text" style="border:2px solid #993300; width:200px; height:100px; overflow-y:hidden;"> <div class="a"> <p>sdf </p> <p>sdf</p> <p>sd</p> <p>fs</p> <p>df</p> <p>sd</p> <p>fs</p> <p>df</p>
Loading UI for processing
Hi, I'm doing lot of ajax calls and DOM processing. Meanwhile it happens, I want to show loading screen (just like the one in Jquery Mobile). Any idea, how I can do it melodramatically. Thanks.
fgMenu: trouble getting the menu to open vertically down
Hi, I'm using the fgMenu plugin (which now lives here -- http://wiki.jqueryui.com/w/page/12137997/Menu) to style our select menus. Does anyone know how to force the menu to open beneath where the menu is clicked to be opened? If you click on the first menu here ... http://coolchickdesigns.com/giagni/subcategory_landingpage.php?SubCategoriesID=5 you will notice that the menu opens above the click, and the top part is cut off. I would prefer the menu opens below the click, and someone can scroll
Problem with IE8 on animation
Hi on my site I am having a problem with JQuery powered animations in the lower part, they are sort of blacked out, see the site and you will understand http://bit.ly/bNGH3h How can I fix it? Works fine on Chrome and Firefox
HELP
I can't download jQuery. When I try to run the download file I get the following error message: line: 16 char: 1 error:'window' is undefined code: 800A1391 source: Microsoft JScript runtime error Please help before I kill somebody.
Plugin to achieve this effect
I'd like to know which plugins can help me achieve the effect on this page http://www.ormanclark.com/ whereby I'd have a one page site with a nice scrolling effect using JQuery. I would also like to fade out the non-active sections, say to 0.5 opacity. Thanks.
Frame animation plugin
I would like to know which plugin can help me achieve an animation of frames like the one seen on http://www.apple.com/ipad/features/ (where you can click and drag the ipad to see it's cover functionality). I don't need the click and drag, just the animation, as I would set it on an auto animation. Thanks.
User control inside JQuery UI sortable
Hello I have a sortable portlets on my page. I have inserted an asp.net user control that contains a delete button, inside JQuery UI sortable portlets. On every portlets move I save the new sort of all portlets into the database via ajax. The problem is when I click the first time delete button nothing happens, the button even don't fire, Only the second time of button press is fire. What could be the problem? I suspect the JQuery ajax, but not sure... Thanks
Developer in Munich wanted, suchen Web-App Entwickler aus dem Raum München
Hallo, wir suchen WebApp(HTML5, CSS, JS, Web)-Entwickler aus dem Raum München, freiberuflich oder auch gerne in Festanstellung. Bitte um Nachricht, würde mich freuen :-)
Submit a form without transition to a new page [SOLVED]
Hi, I have an ajax form which when I submit it, it opens a new page with a transition and it leaves back the page with the correct result. Is there any way to void this behavior? I want the result on the same page. Thank you in advance, regards.
jQuery Accordion Internet Explorer IE CSS Issue
Hello, I'm testing the jQuery accordion with a custom theme (via theme roller) in Firefox and Internet Explorer. Firefox looks goods and works well, whereas IE works well but the CSS is not correctly formed. I suspect this has little to do with jQuery and plenty to do with my understanding of IE and/or a rookie mistake. My accordion is thus... <div id="accordion"> <h3>First Header </h3> <div><p>First content</p></div> <h3>Second Header </h3> <div><p>Second content</p></div>
load content and custom scroller
Hi All, I'm having real trouble implementing a custom scroller to content that is loaded into the page after initial page load. My computer is becoming dangerously close to being thrown down the street! My custom scroller is called flexcroll. The code for my content loader is as follows: $j(document).ready(function() { $j('#nav li a').click(function(){ var toLoad = $j(this).attr('href')+'#content'; $j('#content').fadeOut('400',loadContent); $j('#load').remove();
JQuery range slider to show hide blocks of content
Hi all I'm trying to use the Jquery range slider shown here: http://jqueryui.com/demos/slider/#range I have four blocks of content. I would like the movement of the range to show/hide the blocks of content, based on their ID. So, I guess there would be four increments on the slider panel. If both sliders were on a single increment, it would only show that block of content. If they were all the way out to both ends of the slider panel, it would show all four blocks of content, etc. I'm struggling
How to use .dataTable() with a table filled with .tmpl()
Hi all, I've a table populated with .tmpl(), so far so good, now I want to use .dataTable() because I want pagination e and filtering, is it possible? I've tried in the classic way $('#table-id').dataTable(); but doesn't work. Any idea?
layout options
Is there a way to place more than two items on the same row? For example, I can use a div with a data-role of "fieldcontain" and add a label and an input to it, but I can't get it to work with a label, an input and a select. It seems that ability will be critical for supporting tablet devices where there is much more screen real estate.
custom video thumbnails - is this possible with jquery?
hi there im about to embark on a (wordpress based) website for our film company. we host our videos on youtube and vimeo, and i want to make custom thumbnails for the embeded video - for example a themed picture depending on what type of content in the video. an example of what i want to do can be found when clicking play on the video's that are here on this site any help or guidance would be greatly appreciated.
help with checking form fields
I am working on a function to test for valid email addresses that I can't quite get to work - what i want to do is parse through the fields with a certain class. My code is as follows but it is not working as yet.... $('.test').keyup(function() { isValidEmail($this); }); function isValidEmail(field) { var email = field.val(); if(email != 0) { if(isValidEmail(email)) { $(this).removeClass('invalid');
Strange behavior when using $.get between localhost and another local domain
The following doesn't come across as a cross-domain issue, but it smells like one. So here's my setup (that's quickly making me grey): I have an index.html file that is loading a flat file called config.json that resides right next to index.html. I have used both $(document).ready() and window.addEventListener('load'... to do this: $(document).ready(function(){ $.get('config.json', function(data){ alert('asd'); }) }); The alert *almost* never fires. This happens in Chrome 9 and Firefox
Load data into my phone from server
I use JQuery Mobile + Phonegap, but when I write $("#loader").load("http://www.example.com/test.php", function() {alert("Load was performed");}); don't work, but in JQuery from my computer just works!!!
Updating html content dynamically: I can't get jquerymobile styles applied on dynamically generated content, such as buttons
document.getElementById("REQLIST").innerHTML =" <input type=\"text\" size=\"30\" onclick=\"stop_chat_update()\" onchange=\"stop_chat_update(); \" name=\"ChatInput\" id=\"CHATIN\" style=\"font-size: 22pt;\" />"; document.getElementById("REQLIST").innerHTML +="<input type=\"button\" onClick=\"update_chat_with_user()\" value=\"Update\">";
getJSON problem
Hi there, I am new to JQuery and I am trying to implement the getJSON function. my code for utilizing the getJSON follows: $(un).blur(function () { $.getJSON('Services/UsernameAvailable.aspx?' + escape($(this).val()), function (results) { alert(results); }); }); where un in a reference to a Textbox. I can debug and verify that the call to 'Services/UsernameAvailable.aspx?' + escape($(this).val())
google maps and geocodeing with jQuery?
Hello there! I was wondering if this scenario is possible with jQuery in combination with Google Maps: #1 - Let a user input their address into a form text field and geocode it into latitude and longitude. > I'm letting the users select their municipality from a list before they enter their street address. Is it possible to update the map to show the selected municipality on click? -- I have the municipalities stored in a MySQL-table. I could store som longi-/latitudes there to use... > When the
Abort doesn't seem to close the connection
Hi, I have been fighting with JQuery, and I got beaten badly. What I try to do is launching an ajax request, and if I don't get the answer soon enough, launching another one. The problem is that I have to wait for the 1st one to complete in order to get the result of the second one (even with the abort method) This is my code (test 1 is called first and it calls a php function which waits 10s, then return something (so we have the timeout instead of the return of the function) and calls test2 in
jQuery validation ignores placeholder!
Hello. I am using jQuery validation plugin to validate my form, but it is seems to ignore required fields witch have placeholder text. How to solve it? To display placeholders in all browsers I am using this jQuery plugin - http://formalize.me/ And to validate my form, I am using this code : $("#userRegistration").validate({ errorLabelContainer: "#messageBox", wrapper: "li", rules: { email: "required", password: "required", password_again: { equalTo:
jQuery and JSLint
Many days ago I used to write subroutines in assembly language for the Commodore Computer. You could call these subs much the same as a function in JavaScript. I had a very large library of these subs but I did not enter the whole library. With only 64k of memory, it was not possible! Today memory is not a big concern. As a webmaster, memory now means download speed. Again the size of a file becomes important. While learning JavaScript I became aware of jQuery and I remembered the “good old days”.
Remove checkbox value from xml string with click of a separate checkbox
I have a function that builds an xml string from all selected options in a form like this function SetServices() { var services = '<SERVICE><SERVICECD>1KNTK</SERVICECD></SERVICE>'; $(":checked:not([name='ServiceType'], #Standard, #NoneForex, #RTT, #PRN, #BW, #Metrics, #STATUS :input, #EX_AGREEMENTS :input, #final_step :input)").each(function() { services += '<SERVICE><SERVICECD>' + this.id + '</SERVICECD></SERVICE>';
Superfish problem
Hi. I am new to jQuery and (JavaScript in general), and I decided to use Superfish on my latest web project. Basically, this site stores the HTML contents to be displayed on each page in a database, and I have a PHP script that takes the name of the page to be displayed and fetches the contents of that page from the database. Simple, right? Well, I have been tinkering with the code, and I can't quite get it right. Here is the jQuery code I am using: <script type="text/javascript"> $(document).ready(function(){
Specifications of jQueryMobile
Are there the specifications of jQueryMobile? Are there the function specifications of jQueryMobile? Are the specifications examined of jQueryMobile? Please teach.
Reinitialize document ready after AJAX and jQuery
All, I currently have this code to make a post to my database: var $dataString = 'name='+ $name + '&black_white=' + $black_white + '&color=' + $color + '&color=' + $other + '&other_text=' + $text; $.post("save_edits.php", {image_save_string: $dataString}, function(result) { $("#multiple_images").hide(); $("#result_success").html("<font color='red'>We've successfully saved your photo edits!</font><br><br>"); $("#image_divs").html(result); }); Within the result I'm actually recreating the form for
$_GET[' '] with modal
hi, i have a modal window in a link <p><a href="#window1" class="modal">Modal Link</a></p> but i need it to integrate to my link which has a url to be use in GET method. <a href='Uploaded_Fileslist.php?compid=$compid&areaid=$areaid '>$area</a>first, the link will direct it to Uploaded_Fileslist.php and get the value for compid and areaid second, after querying the values, it will popup as a modal. please show me how TIA!
Dialog- elements with "absolute" positioning overflow!
How come when I make a button that's "absolute" position, My dialog overflows and I get the vertical scroll bar if I move the button out of place? I thought it would re size the height accordingly but it doesn't. <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("#ui-information-dialog").dialog({ width: 'auto', //autoResize: 'auto' }); $("button").button(); }); </script>
UI Sortable - moving items between columns
I'm attempting to assign students from "unassigned" column to "Class 1" column, "Class 2" column, etc. by dragging, and I'd like to update the underlying MySQL database with the changes. Can I do this with Sortable?
code doesn't work in FireFox?
Hi, So far I've been using this code: <body OnLoad="javascript:document.getElementById('f').submit();"> to retrieve user information when loading a page. It has been working fine in IE for years, but now I also need it to work in FireFox. Unfortunately, in FF the page simply stops, and nothing is shown... What is wrong with this code? Or is there a way to do the same thing using Jquery? Kind regards, Thomas (Belgium)
Where to start if I want to build a complete custom transition for the Cycle plugin ?
Hi, I'm currently trying to create a complete custom transition for the awesome jQuery Cycle plugin. Basically, what I want to achieve is kind if a lightbox like transition effect... You know, the images wraper scales itself based on the current image width and height and scales itself again when you go to next or prev image. Ok I have 2 questions: 1) I can see in the source of Cycle, at the end there is: $.fn.cycle.transitions = { ... } and inside there is the fade transition set up. Do I need to
wrap() and children()
Hello, I am having trouble using these methods. Can someone please help? here is my code and question: First, does anyone know why the wrap method doesn't work with the child selector? the wrapInner is okay with this so I thought it was strange that this wasn't... var add_li = document.createElement('li'); $('table.nestedLayoutTable > tr').wrap(add_li); I also tried using the jquery children method: $('table.nestedLayoutTable').children(add_li); and/or $('table.nestedLayoutTable').children().addClass('survey_list');
ie bugging out. any ideas?
hi I'm working on some jquery http://www.paulbunker.plus.com/fadPanslides2.html It works like a dream in ff and chrome but ie is a pain I have no idea why. any ideas? Thanks for taking the time to have a look :) -Paul <style type="text/css"> .link { color:red; font-size: 24px; text-transform: uppercase; text-decoration: none; word-spacing: 20px; } .link:hover { color:#000; } .content { position: absolute; visibility: hidden; top: 40px; background: #099; height: 300px; width: 300px; border: 2px solid
new to forum - how does it work?
Are questions reviewed and approved before posting? How long does that process take?
underline
There's something different to use the underline? For example, in some variable: var _myvar; or a function: function _myfunction() {} What she's so important?
Next Page