Load external image into dynamic list
How would I load an external image into a dynamic list within a post function? I see that it is not possible to just call <img src="foo"> as this will time out, but using a load and an append is the correct course of action. Can't wrap my head around how I could inject this into the list element with an append after a load function. I am trying to get an image to show within this one list element (eventually to the left of all the text). Looking for any help or suggestions on the best way to accomplish
toggle checkboxes in a table after click function
I need this function to work after the page is loaded. The error is a missing ; before statement error on the true line. Also when the checkbox toggle-all is clicked as "checked" I want it to mark the class in the table checkall checked as true and when toggle-all checkbox is clicked again, mark all checked boxes in the table false. It seems almost right but some error with the brackets. $(document).ready(function() { $('#toggle-all, input:checkbox').click( function () { $('#table,
Show list contents on hover.
I need to make list content show up on hover. The content for every different list should appear in the same place and no content should show when not on hover. I'm trying to avoid writing different jquery code for each list category. Any ideas?
Execute 2nd Jquery only after completion of prior Jquery
Dear All I want to Execute 2nd Jquery only after completion of prior Jquery in 1st JQUERY i.e. $('#selectheaderdiv').load(prog); I am upodating the required table and I want to exeute 2nd JQUERY i.e. $('#selectheaderdiv').load(prog); // 2nd task only after completing execution of 1st one i,e $('#selectheaderdiv').load(prog); // 1st task Pls help At present JQUERY given below 2nd JQUERY gets executed even before 1st one $("#addheader").click(function () { var keyword=$('#keyword').val();
Tooltip.js (bassistance.de) extraClass Issues
Reference site: http://www.envisionedge.com/new/ I have 5 different Div ID's that have Tooltips assigned to them. Each of these ID's have a specific "extraClass" added to them so I can style the color for the H3 per Tooltip instance. All 5 Tooltips are working, but it's adding every "extraClass" from every div ID to the Tooltip class. I tried including a line to remove the classes after each function, but it doesn't seem to work. If I only use 2 Tooltips, such as the example shown here for different
datetime picker with prev and next year changer
hi i want to use http://jqueryui.com/datepicker/#icon-trigger calendar contorl but there is no year change if i set changeyear :true it will bring drop down i want year changer same as month changer with next and previous please help.
Spinner shows through calendar; Harmonize styles
Hello I only have shallow knowledge of JavaScript and am just getting started with jQuery. I have a couple of issues with a form for the web site for a hotel I'm working on (picture attached): 1. I need to use the spinner to let the customer type the number of people for a reservation, and the calendar to choose the check-in/check-out dates. However, when I use the calendar, the spinner underneath it shows through. 2. The spinner uses round corners instead of the rectangular corners used in the standard
How to set delay time in this code?
Hello everyone, I am new here. Please be patient with me. I have this code from this link http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery function mainmenu(){ $(" #nav ul ").css({display: "none"}); // Opera Fix $(" #nav li").hover(function(){ $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400); },function(){ $(this).find('ul:first').css({visibility: "hidden"});
Animation on bottom of page
... Im trying to do this stuff just for fun on page. And i have occurred a problem. Thing is, i want to have a little part of human head on bottom of page and when you hover it, it slides up. But not with slide up, but with animate... (Slideup looks really bad with pictures). This is actually working, but thing is, i dont know how t css it :D I have just image in div on bottom of page like this: .redneckClass{ position: absolute; left: 45%; bottom: -500px; overflow: inherit; } #redneck{ position:
Sorting an array
I can't figure out how to sort this by price, and I am not sure where to start. Any direction would be awesome! var products = [[“Hamburger”, “4.99”],[“Cheeseburger”, “5.49”], [“Fries”, “2.99”], [“Soda”, “1.69”]];
are functions in functions not allowed in widgets? What's happening here?
In an Autocomplete select: option function, I define a variable as a function. The variable does not execute this function. It completely skips it. I get no error in the Console, but when I follow execution line by line. I get the following at that line, which I don't understand. citiesWithBoroughs: function (request, response){ get arguments: function ThrowTypeError() { [native code] } get caller: function ThrowTypeError() { [native code] } length: 2 name: "" prototype: Object set arguments: function
JQuery Mobile Error Loading Page via Wicket BookmarkablePageLink
I am new to JQuery Mobile. I have an Apache Wicket-based application that I'd like to try JQuery Mobile on so it looks more pleasing on mobile devices. Unfortunately, I am getting "Error Loading Page" errors for all the page links, which I never had problems with before switching to JQuery Mobile. The root cause appears to be the URLs contained in the HTTP requests. I used JQuery Mobile 1.2.0, JQuery 1.8.0, Wicket 1.5.5, locally tested using jetty server 6.1.26 and FireFox 16.0. Here is the
Need Help Installing Start & Stop jQuery Plugin in Blogger
Although i've used jquery before in Blogger, it was always simple and came with a 'copy this'- 'paste that here' tutorial. I want to upgrade to something a little more complex and I need to know how to install this new start & stop jquery plugin to my blog header. Can any of you help me with this? I've uploaded the jquery zip file already. If you need the link to my blog, please let me know.
Bind Blur to Dynamic Form Fields
I have an order form that had lots of input boxes so I wrote a little function to validate them on blur. It looks at all the input's with the input class and assigns blur to them. Problem the user can add up to 75 more inputs and I'm trying to think of a way to do this the easiest. Can I call my function below again after each new row of inputs is created to add the blur function to the newly created form items or will it screw things up. What's the best way for me to do this. I'd like to just
Appending stylesheet with jQuery
Hi, i used to append stylesheets with query 1.4.2. Example: if (!$('head link[href*="jquery.fancybox"]').length) $("head").append('<link rel="stylesheet" type="text/css" href="../_content/layout/default/_shared/js/fancybox/jquery.fancybox-1.3.1.css" />'); ... without problems. After updating query to 1.7.2 that doesn't work with ie8 anymore. I know, that I could help myself with document.createStyleSheet(), but that means more code because it isn't a crossbrowser-solution and I ask myself why the
full page width stretch for radio button
Hi Guys, I want to make the horizontal radio button to full width of the screen and I am referring http://jquerymobile.com/demos/1.1.1/docs/forms/radiobuttons/ and my code is below: <div> <fieldset data-role="controlgroup" data-type="horizontal"> <input type="radio" name="radio-choice-1" id="spent_money_1" value="choice-1" checked="checked" /> <label for="spent_money_1">Spent Some $</label> <input type="radio" name="radio-choice-1" id="made_money_1" value="choice-2"/> <label for="made_money_1">Made
Fixed (persistent footer) funky transition issue
Hey Guys. I've stumbled across a minor problem relative to fixed/persistent footers and transitioning. I'm testing on IPhone only for now. And this might only happen on iphone considering it's related to scrolling the browser beyond it's boundaries. Anyway, if you add a fixed and persistent footer to the page: <div data-role="footer" data-position="fixed" id="siteFooter" data-id="siteFooter" data-transition="none" data-tap-toggle="false"> Then, if you scroll the browser up (which is down with the
object doesn't support property or method 'mask'
Hi, I have the following code in my html page. It works if I test it with alert but when I try to run as is I get the error: Microsoft jScript runtime error: Object doesn't support property or method 'mask' <script src="Scripts/jquery-1.2.8.js" type="text/javascript"></script> <script src="Scripts/jQuery.maskedinput.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $("#txtCommercial").mask("(999) 999-9999"); }); </script> Can
More strip constant at the bottom of ui-content div?
I'm creating a simple iOS/Android app and the client wants a small strip at the bottom of the ui-content div right above the footer that basically only appears if there's more content to scroll in that section. Basically, a simple gradient (using CSS3 properties). Being new to JQM, I'm wondering what the best approach is to accomplish this. Or maybe someone can point me to another forum post, tutorial, etc. that would offer a solution to this. Key is if there's no content to scroll, the strip does
$.mobile.loading('show') usage
I wrote the following code to load data. During the loading, I would like to show the loading spinner using $.mobile.loading('show'). $(document).bind('pageinit', function() { $.ajax({ url: 'http://testserver/data', type: 'GET', dataType: 'json', beforeSend: function() { $.mobile.loading('show') }, complete: function(jqXHR, textStatus) { $.mobile.loading('hide'); } }); });The spinner is not showing
carousal jquery not working
can you guys tell me why carousel code is not working http://jsfiddle.net/UjJEJ/4/ providing my js code below
jquery $(document).ready problem with working
Hey. i using $(document).ready(function() to start roundabout. its like this: <script type="text/javascript"> $(document).ready(function() { $('ul').roundabout({ shape: 'figure8', duration: 1800, }); </script> Problem is, sometimes (and its rare) roundabout dont load and list set im classical html style, vertical with no roundabout moving, clicking etc. Reloading page make it workin again. Where is the problem, or it is another good method to start roundabout or other script?
jQuery in a Windows 8 Metro app
Does jQuery have any plans to make a compatible version with Windows 8 javascript metro apps?
JQuery Mobile Error Loading Page HTTP 404 with incorrect URL
I am new to JQuery Mobile. I have an Apache Wicket-based application that I'd like to try JQuery Mobile on so it looks more pleasing on mobile devices. Unfortunately, I am getting "Error Loading Page" errors for all the page links, which I never had problems with before switching to JQuery Mobile. The root cause appears to be the URLs contained in the HTTP requests. I used JQuery Mobile 1.2.0, JQuery 1.8.0, Wicket 1.5.5, locally tested using jetty server 6.1.26 and FireFox 16.0. Here is the
Can't navigate between internal pages without refreshing page
I have one html document with several internal pages, but I can't seem to figure out how to navigate between pages without refreshing every time. It works one way (I navigate to the home page, I then am able to navigate to an internal page) but when I hit the back button, I can't open anything else. I'm definitely a beginner when it comes to this, so I may need to be walked through this on a very basic level, if possible! Thanks in advance for the help!
Jquery mobile ui-btn-active in navbar dynamic page.?
I've been trying to get this to work for 4 days now, with no luck. I have a very simple jquery mobile app. The app has a header, content and footer. The footer is being generated dynamically (footer.tpl), like same opencart footer template because it is always the same and I don't want to have its HTML in every page. my footer.tpl code given below div data-role="footer" data-position="fixed" data-theme="h"> <div data-role="navbar" data-grid="d" class="nav-glyphish-example"> <ul> <li><a href="index.php"
Conditional Class Based Validation Required
I'm adding validation to an existing website. For most of the inputs I am successfully using Class specifications for the required validation. One page is for entering the information for up to two team members, and I want to make the second team member's information optional. From what I read I should be able to use something like: class= "required: #checkbox:checked" But, I need to make the requirement to be based on another field having text entered. I can't find any reference to this. Has
sending long data via jquery ajax
the below codes get html, encode and send it to any php files. php files include just "hello" string. but when function runs it can get all html but cant send cause of string's long. Becase you cant see the HELLO alert. Ajax allows defined longest? Am I right? <script> function getlongdata() { // htmldatas=encodeURIComponent($('#divlongcontent').html()); alert(htmldatas); $.ajax({ type: "GET", url: "sayhello.php", data: "longdatago="+htmldatas, success: function(msg){
OOP in Javascript: Class function to define "classes"
Hi all, i' ve written a tool that provides a “Class” function in Javascript: it is intended to be a really light copy of the MooTools’s Class function with basic features, to encourage OOP in Javascript and make the inheritance easier. It is not really a jQuery plugin but a tool i am using with jQuery and i' ll be happy if someone will make a jQuery plugin of it. Here you can find more about it, examples and sources (it is a post on my blog): http://nerdstuckathome.wordpress.com/2012/11/14/a-class-function-to-define-classes-in-javascript-with-mootools-like-syntax/
Probable conflict
"wt-scroller" hangs when it is clicked. It’s probably a conflict, but these tired eyes can’t see it. Maybe fresh eyes will help. www.janisource.com Clicking on the Youtube videos should result in a popup player. But the popup hangs. What do I need to do to correct this problem? Thanks in advance.
problem with selector
hello i m using jquery to do this: jQuery('tr:has(.filterline) .jquery-selectbox-moreButton').each(function(){ this.hide(); }); and the problem is that hide all on 'tr:has(.filterline) and hide all element that have class .jquery-selectbox-moreButton i want to have only tr:has(.filterline) with child .jquery-selectbox-moreButton to hide element i try something like this : jQuery('tr:has(.filterline) > .jquery-selectbox-moreButton').each(function(){ this.hide(); }); or jQuery('tr:has(.filterline)
jquery returning to previous state
when i click the add image button a new image appears when i click the new image can i revert it back to my previous state using jquery...showing the previous image with add image on hover http://jsfiddle.net/6MmMe/37/ providing my js code below
Dynamically create form elements
I downloaded the code below to allow the user to add another form element if required. It works BUT it places the text from the previous text box into the new one. I want to create an email page where the user can create as many recipents as possible, but this isnt acceptable. How do i modify the code to remove the clone and just create a new form element? Cheers Darryl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Popup displayed within the content
Hi, Am using JQ 1.8 and latest JQM and am encountering an issue with the popup functionality, whereby the popup content is being displayed in the page content area and when the button is clicked to display the popup, some text comes through from items displayed beneath it. I have checked and double checked that the popup is located within the calling page and all is how it explains in the docs, so I am completely stumped and wondered if anyone has come across anything similar before. A page where
jquery hover , remove class and add new one
i wanna like, when hover the mouse in div class main, remove the class city and insert city2 on <div class="city">Curitiba - PR</div> but only working with a hover mouse in <div class="city">amsterdan</div>, so remove a class and add new one. i had tried but i have no sucess. $(document).ready(function(){ $('.fundo').hover(function(){ $(this).children('.cidade').removeClass('.cidade').addClass('.cidade2'); }); }); <div class="main" onclick="window.open('http://google.com.br','_blank');"
Get html of the elements in another page is not working!
Hello, I'm trying get the html of an element in another page, but i am having problems. I am using $.get function, look at the code: $.get('page',function(d){$('#derp').html($('body',d).html())}); Are returning null, please i need help. Note: Sorry for my english.
Need a sequential image swap on hover
Hello I need to swap more than one image on mouseover, I need to pass an array of group of images to a javascript function that will swap these images sequentially, not just one image Many Thanks
a is undefined
This one is over my head! I keep getting a sporadic "a is undefined" error from jQuery. I'm sure the culprit is in my code, not jQuery, but Firebug keeps pointing me to the library. Anyway, the issue can be replicated here: http://interactive.mellemallc.com by simply clicking around quickly on the links in the sidebar. Also worth noting, I've commented out virtually every line in my script to find out where the culprit may lie, and I've found that when I comment out the simple line calling the
jQuery 1.8.1 fails with firefox 14 with error "d is undefined"
I am writing a firefox plugin and am intending to use jQuery in it. From the overlay, I am calling my javascript which has the page load listener in it. I am loading jquery once the page load is triggered. //code snippet window.addEventListener("load", function pageLoader(evt){ window.removeEventListener("load", pageLoader, false); var jsLoader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"].getService(Components.interfaces.mozIJSSubScriptLoader); jsLoader.loadSubScript("chrome://content/plugin/jquery-1.8.1.min.js");
JQM conditional form validation working, but not on mobile...
Hi, I am having a problem with my jqm form not working properly in mobile browsers (iPad 1 Safari, Android Dolphin) but working as expected in desktop browsers (Chrome, Firefox, Safari & IE9 on Win7). The form starts by asking the user how they would like to be contacted (email, sms, and/or post), then updates fields to be required based on this selection (validation is via the validationEngine.js plugin). An example of the form can be seen here. The logic of the script is that it checks to see if
Next Page