jQuery UI Sortable triggers a Click in Firefox 15
Hi there. I wasn't sure whether to post this here or in the Firefox forum, since the problem has only started happening since I upgraded to FF15 a couple of days ago. I can demonstrate my problem if you take the source from the default example for the jQuery UI Sortable plugin at http://jqueryui.com/demos/sortable/ (click on 'View Source') and then add a click function to the script, like this: <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); $(
content page load...
Hello.. Im pretty new to Jquery.. and this one thing has been making me crazy... I had set up website with few menus... I have this menu call latest news..and i want this page to load on homepage...and also in the menu too.. Right now my "homepage is empty with just background... you have to click on menu to have contents.. but i want lates news to be on hompage... Can anyone please help me with this code?... how to load a content on homepage.... Thank you so much J
Drag & Drop: Dropped Objects become [object HTMLTableCellElement]
Hi, I am building objects with function oColumn(name, agg) { this.name = name; this.agg = agg; this.toString = function() { text = ""; text += "<div class='draggable' >"; text += '<p>' + this.name + '(' + this.agg + ')</p>'; text += "</div>"; return text; } } Then I drag and drop these objects from one place to another Actually the objects are transfered from one array
How can I get the page loading widget when using a dropdown navigation list?
I have the following code for a dropdown navigation menu to choose which page to go to next. This works great, but I don't get the page loading widgets with this method. Can I tweak this code to get that effect? Or is there a better way to do this? I have been searching around for hours and can't seem to find a solution for what I am trying to do! Thanks for any help or suggestions! Here is my code: <html> <head> <title>Links</title> <meta name="viewport" content="width=device-width, initial-scale=1">
keydown/keyup toggle functionality
I'm trying to understand how I might toggle on/off functionality while a key is pressed. I've been working on an example but I'm struggling with how to select the element I'm currently interacting with so I can revert functionality once the key is released. Below is the code I'm currently working on. On lines 6, 16 and 17 I would really like to select the specific element that was being resized, not all items in that class. How can I reference that specific item to toggle it's settings? $(document).keydown(function(e)
Image gallery similar to iTunes album art
Does anyone know where I can find a tutorial on creating an image gallery similar to iTunes' album art slideshow, where the pictures are stacked with each other diagonally? Picture: I've seen a person's blog with a slideshow like this but that person's blog no longer exists. =/ This tutorial is the only one I've found that has a similar style: mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/ However I don't want the big central image and I'm not sure
Problems switching from livequery...
Good Morning! Well, I was hoping to remove livequery from our code and use the jquery .on method instead to trigger events on dynamically generated objects, but it isn't working. We're using jquery 1.7.2 Here is the livequery code that is working perfect on dynamically generated objects: $('a#my_link').livequery("click", function(e){ alert('This works everytime!'); }); Here is the jquery code that does not trigger on dynamically generated objects (works just fine on original html objects):
all pages in one html ?
Hi All, I am trying to do a phonegap app. what is best practices for jqm ? keep all pages (data-role=page) in 1 html file and javascripts in one js file and traverse pages with $.mobile.changePage or keep all pages in separate html files and do a window.location.href ? in android window.location.href actualy opens a new activity which looks ugly. also window.location.href stops all transitions for me (though transition is not a must for me in this application !) I would appreciate the pundits telling
Problem with setTimeout inside $.each ...
Hello, Im back showing my ignorance again. This time, I apparently dont understand the settimeout function. It seems to work the first time but after that it seems to ignore it. I think it's a scope problem but im not sure. Ive used several examples but they all give the same results. Here is my code: $.each($json.PDMOVE, function () { setTimeout(function() { var nocntrs
Run two test files on one page?
Is it possible to include two javascript files of tests in a page? I want to have one file for tests that common to all pages, and one that is specific to the page. But if try <div id="qunit"></div> <script src="scripts/qunit_home/qunit/qunit.js"></script> <script src="scripts/tests/myTests.js"></script> <script src="scripts/tests/demoTest.js"></script> only the last test file runs. If I switch the order of the last two lines, the other set of tests runs.
How to wait for a popup to close?
In jQuery Mobile 1.2.0 i'm using the new popup widget. $('#my_popup').popup('close'); $('#my_popup').popup('open'); I obviously want to wait until the the popup closes completely before i open it again. The close method does not provide a callback function option.
jquer slider on mobile
hey, i build jquery mobile page and i have very big problem.. When I use slider he is not respondiong i try with diferent values but nothing. . anaybody now where is the problem?? Thanks
Autocomplete: two question on the select event data and on the autocomplete object
Let say there is an autocomplete bound to an input element: <input id="myInput" /> <script> $( "#myInput" ).autocomplete({ source: [/* whatever */] }); </script> 1. Is it possible to pass event data to the select event handler? /* is it possible to pass event data as in the .bind method? */ $('#myInput).select({'targetId':'value'}, function(event,data){}); 2. Is there any autocomplete object accessible from the browser debugger at runtime?
How to reduce size of mobile web page in MVC 4
Currently i am using MVC 4 framework to create mobile web app, When i checked my default login page on W3C checker "http://validator.w3.org/mobile/check" its showing size of jQuery mobile css files as more than 147kb .These are the minified versions of those files.My total page size is thus above 160 kb.Is there a way to reduce my total page size furthur?
Calculating years betwen two dates (one from datepicker)
Hi everyone, I have some problem with calculating "exactly" number of years between two dates (one from string and second from datepicker). I write the code who calculating tstamp from datepicker, but I can't figured out how to write the code who will calculating tstamp from "text" who has right syntax (dd/mm/yy). here is my code: <form action="#" method="post"> <div id="end_date">20/11/2012</div> <label for="birthday">to <input type="text" name="birthday" id="birthday" /> </label>
can i use jquery with php varibles?
hello. i have videos than i want to hide/show (or toggle) or click using the videos class. the problem is that the class changes and is in a loop. how can i put the changing class into a jquery function this is the html <div class="musical-pictures"> <?php $i=1; while($i<=4) { $no = (rand(1,4)); echo'<div class="vid'.$no.'"> <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls></video> <audio> <source src="assets/audio/audio'.$no.'.mp3" type="audio/mpeg"
Get country name as a variable
hi , I want to get country name of visitor and display it on the web page,anyone have this code or any tutorial website please give me. Thank YOU .....
CDN's jQuery fall back to local
Hi, I was wondering which method is best to use for "CDN's jQuery fall back to local" ? Method 1: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="assets/js/jquery-1.8.3.min.js"></script>')</script> Method 2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>!window.jQuery && document.write('<script src="assets/js/jquery-1.8.3.min.js"></script>')</script> Method 3:
Problem publishing website
Hi, I'm using jquery mobile. I've built my UI and save the html page to my project. I noticed that in the html page I have this references: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"> </script> I tried to download these files from these links and I saved them into a new folder in my project. Then
drag and drag functionality in listbox through jquery
i have two listboxes let say A and B but names are dynamic on left side on aspx page and three listboxes C , D and E on right. what i want to drag the elements from any listbox from left side(A and B) to any listbox on right (C,D,E). any idea. thnx in advance. i have search alot but not found any solution.
Validate plugin accept method not working in IE8
I'm using jQuery 1.8.2 and jQuery Validation Plugin 1.10. I'm attempting to use the accept method on a file input to only allow specific file extensions. Works fine in Firefox but doesn't validate in IE7,8 (all file extensions are accepted). Before posting my code and begging for help I tested the sample form on the jQuery Validation author's web site: http://jquery.bassistance.de/validate/demo/file_input.html -- that also validates properly in FF but allows any file type in IE8. I didn't find any
jquery and jappix
Hi, there is some jquery expert that can help me to update the jquery used from Jappix? https://github.com/jappix/jappix/ i have more problem with the last version
Disable submit button based on text input conditions
Hi I have a simple website set up, 1 text input and 1 submit button. I have jQuery code in place to make it so, that the submit button is disabled until I have input at least 3 characters in the text input. That works as expected, but I have 2 little problems I have trouble of fixing. Here is the HTML: <input type="text" name="search_text" /> <input type="submit" value="Search" /> Here is the jQuery: <script> $(document).ready(function()
{
$('input[type="submit"]').attr('disabled','disabled');
$('input[type="text"]').keyup(function()
{
if($(this).val().length
Frame for Prototype on Desktop
Hi. This is probably a strange question, but I was wondering if there was a way to put a frame of a phone around the jquerymobile for view on a desktop but when the screen is small enough taking the phone frame away using media queries? I am just making a conceptual prototype for a class and we need to be able to view and critique it within the phone frame on a projector from a desktop so everyone can critique at once, but also see it working on a phone and use the awesome functionality of jquerymobile
Odd popup close behaviour.
So immediately on my startpage i fire off a popup like this: $( '#startpage' ).live( 'pageshow',function() { $("#mypopup").popup("open"); }); Looks nice overlaying the startpage. But when i close it, it doesn´t go back to the page it is overlaying. It goes back one more page exiting my web root. Why is this happening? I´m using the following html code: <body> <div data-role="page" id="startpage"> <div data-role="popup" id="mypopup" data-theme="b" data-overlay-theme="a" data-shadow="false"
$.mobile.ChangePage in 'startpage' pageshow changes startpage?
On my apps startpage (Phonegap/Jquery) i use the following code: $( '#startpage' ).live( 'pageshow',function(event,ui) { if (impoShown === false) { $.mobile.changePage('imp/impo.html',{transition: 'none'}); } }); So when the app starts the impo.html is loaded if impoShown = false. The poblem is that when this page is loaded...i can´t back out of it using android back button. The app closes. Like the startpage (the apps startpage) was never loaded and impo.html is now
JQuery Mobile & Ajax load()
Hi! In my App i load a flip toggle switch via $( "#obj" ).load("index.php?blabla"): into my app. That works fine, but the loaded flip toggle switch looks like a normal <select>-Object. All ajax inserted elements does not look like jquerymobile, How can i change this? Thx
ui dialog extension review
Looking for input on this dialog extension... this is one of my first attempts at extending jQuery UI and I am looking for feedback. Am I doing this right? Am I following best practice? Suggestions for improvement? Thanks in advance! http://jsfiddle.net/zachlankton/4UZc7/
Dialog to show when a page first loads?
Is there a way to get a Dialog to show when a page first loads? I would like to ask the user a question when he/she first loads the page. I know how to use a button to show a dialog. i guess i could have the button that is hidden and then use jquery to click it onload but is there a better way? Thanks for your help
Dialog Form with target frame
Hi guys , i' am still not able to resolve my problem. anybody can help on this? i need just to open my dialog form within a specified frame . is this possible ? thanks
Defining own Scrollpath
thats my page: http://www.problemgesicht.de/abendbrot and i want to go vertical to the brown div -> than 5 divs to the right (while scrolling downwards) and than go on vertical to the end. vertical -> horizontal -> vertical ! i thought about http://joelb.me/scrollpath/ or http://johnpolacek.github.com/superscrollorama/ but i cant figure it out....!!! what i want to do is: on a vertical-scrollable page i want to scroll horizontal a few divs and than go on with vertical scroll to the end! is this possible?
validate form element based on other element value
I have a dropdown with an option for 'Other' I would like it to validate the text box (and display an error msg with the rest of the validation) for being empty IF the user selects Other from the dropdown. Also it would be nice if the text box for the Other was hidden until the user selects Other from the dropdown. I am using the usual jquery rules and messages, but i have no idea how to do this. Cheers Darryl
Trouble making multiple ajax requests
Still a javascript and Jquery noob. I'm trying to make multiple ajax requests and I'm going off an example I found that creates two functions returning the ajax requests and then uses .when() method to do some stuff. Here's my code so far, which does nothing as of now. <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script > $(document).ready(function($) { // - 1st link in chain - var url = 'https://www.sciencebase.gov/catalog/items?parentId=504108e5e4b07a90c5ec62d4&max=60&offset=0&format=jsonp';
Referencing the current slide when using jQuery Cycle
Hello. I'm currently using the jQuery Cycle plugin to control a slideshow and am using the 'pause' option and the 'paused' and 'resumed' callbacks. Within the callbacks, how can I reference the currently active slide? I want to fadeIn a child element within the active slide and, when 'resumed' to triggered, fadeOut. $j('.slideshow ul.slides').cycle({ fx: 'fade', speed: 1000, timeout: 5000, pause: true, paused: function(cont, opts, byHover) { $j(?????????).fadeIn(600);
Form from Ajax loaded page
so I have a page that loads content via AJAX. $('#responseForm<?php echo $id; ?>').submit(function(){$('input[type=submit]', this);}); function parseResponse<?php echo $id; ?> () { var hiddenField2<?php echo $id; ?> = $("#hiddenField2<?php echo $id; ?>"); var hiddenField<?php echo $id; ?> = $("#hiddenField<?php echo $id; ?>"); var hiddenField1<?php echo $id; ?> = $("#hiddenField1<?php echo $id; ?>"); var url = "news_parse1.php"; $.post(url,{ hiddenField2: hiddenField2<?php echo $id; ?>.val(),hiddenField:
Superfish open
Hi, I am very new to jQuery so I am sorry for my stupid question. I would be interested if there is a possibility to open up a Superfish drop down menu when a user clicks on a separate html link <a> not situated in the menu but somewhere else on the page. How would I need to do the call so the menu opens up? Many thanks for your help! FLorian
JQuery Selector help
I found the code for doing a selector based on ID, but my circumstance is interesting; and unsure how to go about it. How would I for example, hide a div that doesnt have an id, but does have extra attributes for style ie. z-index 100000; ? This one is causing some headache trying to get the selector right.
Jquery load not working
i have a button that calls a js/jq function when clicked: the button: '<input type="button" value="Up Vote" onclick="changevote(true,'.$_GET['itemid'].','.$reviewid.');">'; the js/jq: function changevote(bool, itemid, reviewid){ $(this).load("changeVote.php", "bool="+bool+"&itemid="+itemid+"&reviewid="+reviewid,function(){}); } and finally changeVote.php that should be called: <? $ReviewGroup = new ReviewGroup($_GET['itemid']); $list = $ReviewGroup->getReviews(); //get the list of approved reviews
Use of ui-link-inherit class
What is the purpose and use of the ui-link-inherit class? I realize it's for internal use of buttons and lists, but it would help understanding what's going on in more detail.
Toggle - horizontal - html4
Hey, unfortunately, I have to use html 4 were I work. This code works in Chrome but not in IE (doctype html 4). Could I do something for this toggle work with this doctype? (as your mouse pass over the element open right to left) Código: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <title>Untitled Document</title> <script language="javascript" src="jquery-1.5.1.mim.js"></script> <script> jQuery(function($) { $(document).ready(function() { $('.panelHandle').hover(function()
Next Page