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
Why not add timer functionality to the core?
It seems to be that jQuery is all about taking what you can already do in JS in browsers, and wrapping it to make it a lot easier. To that end, timer functionality would seem to be an ideal thing to add to the jQuery core. You could have named timers, or timers associated with individual DOM elements. I could just refer to a timer by name, for example: $.timer("redCountdown").start(); $.timer("redCountdown").changeInterval(123); $.timer("redCountdown").stop(); Or have a timer associated with DOM
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
Prime-UI - Additional jQuery UI Widgets Released
I hope this is the right forum to post this. Prime-UI is an additional set of jQuery UI widgets, currently there are 6 widgets and we'll have more in the future as the project is actually a spin-off from popular PrimeFaces library so we'll port more widgets from PrimeFaces to Prime-UI like various menus, datatable, lightbox, growl, tree, tree table and more. Prime-UI is licensed under Apache License and we aim to contribute to jQuery Ecosystem by complementing jQuery UI widgets and utilities. So
Pagebeforecreate fires twice?
I´m hooking up my buttons with this code: $( '#startpage' ).live( 'pagebeforecreate',function() { console.log('pagebeforecreate started'); console.log('hook btns'); $("#info").on('tap',function() { $.mobile.changePage('pages/info/info.html'); return false; }); Problem is that is seems to fire twice and that is a problem (since i "hook" up the buttons). I also have this on the page and i think that the $.mobile.ChangePage will make the event fire
table row click
Please could anyone help me urgently. I am having a bit of a hassle. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body> //My page only works when clicking on the physical row of the table. // I want it do the same #N(button) is clicked as well to simulate //the same behaviour as the manual click process. <script type="text/javascript"> //These 2 variables will only be set at the bottom of the page var xFactor; var DeleteRow;
$.mobile.changePage shows 'to' page, but then sends back to 'from' page
Hello everyone, I'v been playing around with jquery mobile and I have to say that i like it. I have came across this issue - I have two pages and I have connected to the 'swipe' event and I am trying to go from one page to other. It works fine, but after few swipes it starts to behave weird. I am on page1 and I swipe to page2 which shows up and then it seems like changePage is triggered immediately again and takes me back to page1. Could anyone give me advice what am I doing wrong? Here is my code
Jquery Tools local script not working
on this page : https://ice.servtech.co.uk/html/admin/formtest.asp I am running the validator demo form from jquery tools, I am using an external src for jquery itself but wish to use a local version of the jquery tools script so i can customise it. the local script is here : https://ice.servtech.co.uk/jscripts/jquery.tools.min.js as u can see existing on server quite happily, but as the first link shows the validation boxes are not working properly, click submit to see the error, if i embed the
Animate web page elements with Scroll
hi , i am new to jquery.i have project new website with scroll animate. any one can help me. i need good tutorial to create this website. i need > if scroll down move some text , move div , zoom in, zoom out. but i don't know tricks. please help me. Thank you.
Why Google Hosted Libraries 1.8.3 already?
Google Hosted Libraries jQuery snippet: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> site: http://jquery.com/ versions: 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3 note: 1.2.5 and 1.2.4 are not hosted due to their short and unstable lives in the wild.
Set Table Width Implicitly
Hi. I have a jQuery that works. It does what it's supposed to do. It takes a long menu bar on a SharePoint web page and splits it into two menu bars. However, the two tables that contain the two menu bars are not rendered with the same width and it looks funny. At the end of this jQuery, I'd like to set the two tables to the same width. I believe either pixels or a percentage would do the trick. I tried searching this forum for an example of setting table with and did not find one. Thanks
What Could Be Possible causes of extremely slow keyboard in IPAD Phonegap APP
One of the bugs that have cropped up in an app I'm working is the following: 1. Page one has a login popup - enter your login information. This page works fine no keyboard slowdown 2. The second dialog on the next page has the user enter some more details and is invoked via a standard JQM popup link. 3. Now the inputs in this new popup have become next to unresponsive and completely unusable - the ipad keyboard sticks and key strokes have a major delay between keystroke character and showing up in
css file cant find the arrow images..Help Please
HI I am new to jquery and am using a scrollable script for my new website http://selsong.com/jenny/jcopyb.html it is all working fine EXCEPT the arrows do not appear on either side of the scrollable section.....even though if you place your mouse there is works perfectly. My question is: Where are those arrows? should the script source them from jqery's website , or should I have them on my computer for them to appear. If I need to have them on my computer, where do I get them from?? Any help would be
$.ajax() / same origin policy satisfied.
Hi. I'm suffering from ajax using jquery. I set up all ajax using jquery with jsonp. taking lots of time, I succeeded to get with jsonp from Node.js server i made becuase I need to use another port beside 80. Since it's not possible use POST type at all with jsonp, I rather starting to re-set up for same origin policy. I recreate and clean the environment to use 80 port. However, as I've been trying to send GET or POST to server, it drives me an error every single time. is there anybody can help
View Table
I have a table made up only of colors and just being with jQuery I cannot find away to display it's elements. <table width="160" align="center" id="my_table"> <tbody> <tr> <td><img src="assets/Color1.png" width="160" height="40" alt="One"></td> </tr> <tr> <td><img src="assets/Color2.png" width="160" height="40" alt="Two"></td> </tr> ... </table> I do have working
jquery $.get switch doesn't work
<ul> <li><a href="http://www.home.fr/">Accueil</a></li> <li><a href="index.html?page=1" >E-books</a></li> <li><a href="index.html?page=2" >Boutique</a></li> <li><a href="index.html?page=3" >Forum</a></li> <li><a href="index.html?page=4" >A propos</a></li> <li><a href="modules/alert.html" >Test</a></li> </ul> <div id="result"> <script type="text/javascript"> var page; $.get("page", function (data){ $('#result').load($.this).attr("href") switch((page){
Next Page