Need to self host jQuery code
My testing worked well in my own "http" testing environment, but the production server I am moving to throws a warning that "page is calling out-side secure environment..." that is not in the same https. My options are to self host jQuery or find another solution. I clicked "down load code", cut and pasted it into bb edit, saved it with the suggested file name to a directory on the production server, called the script in the head with a path copied from other <script> loading tags - but jQuery
Problems with jquery ui plugins Dragable and Droppable in firefox 4
I have a problems with Draggable and Droppable plugins in fierefox 4, When I drag an item that does not stop and keeps moving with the mouse Thanks.
checkbox toggle (mobile)
I'm trying to trigger a toggle event from a checkbox using jQuery mobile. Here's a simple version of the html: <input type="checkbox" name="someName" id="someName" checked="checked" /> <label for="someName">Some Named Label</label> <div class="hiddenByDefault"> -- content that's hidden by default and displayed when the checkbox is unchecked -- </div> Here's the JS in it's simplest form (not working): $(".hiddenByDefault").hide(); $("[name=someName]").change(function () { $(".hiddenByDefault").toggle();
jQuery UI Tabs and absolute links
Hi. I have Tabs installed in a webpage and have run into a curious problem regarding links. One of the tabs (REGLAS) is a link to an external html file with simple plain text (no code). The original file is located in a subdirectory, which is also a subdomain. You can access this directory in one of three ways: http://eventos.canariaspoker.org/champions.php http://canariaspoker.org/eventos/champions.php http://www.canariaspoker.org/eventos/champions.php Due to some problems I had with relative addresses
How can i use jquery ui tabs with tiles frame work?
Can somebody give me or point to a simple tutorial for using jQuery UI tabs with Spring MVC and tiles framework? Thanks
soundcloud jquery plugin clash
Hi all this is my first post and I only stumbled upon jQuery mobile last night. here's what i'm working on: ctek.dj I got everything up and running fine on a basic wordpress multisite installation and I really ilke jQuery mobile, I have absolutely no jQuery knowledge but was able to get this up and running very quickly. My problem is with the soundcloud jquery players, you can see one on my site here. When you click 'play' jQuery mobile tries to open #play which results in an "Error Loading Page"
proplem with jquery code when i add a selector
hello i have a proplem with this code when i add my selector #nav $(function() { $("#nav ul > li").hover(function() { $(this).find("ul").stop(true, true).fadeIn('fast'); }, function() { $(this).find("ul").stop(true, true).fadeOut('fast'); }); });but when i remove my selector #nav it's work $(function() { $("ul > li").hover(function() { $(this).find("ul").stop(true, true).fadeIn('fast'); }, function() { $(this).find("ul").stop(true, true).fadeOut('fast');
Documentation pages broken?
Is it just me, or can no one else see the content of the documentation pages? http://api.jquery.com/category/traversing/ All I get is a blank window. I've tried multiple browsers on multiple computers with no difference.
JQuery Validate and web services
Hi, I am using the Jörn Zaefferer Jquery Validate plugin, but I seem to be having issues when I try to call web services using JQuery on the same page. Instead of making a normal call to a web service : http://localhost/Services/CDServices.asmx/GetAllUserProfiles It does this : http://localhost/Services/CDServices.asmx/GetAllUserProfiles?callback=jQuery15109683126045224081_1302011466636 Is there any way to prevent this?
Question: .replaceWith() for replacing both tags and texts
I'd like ask why in the below example, "GOOGLE" is repeated three times, which is not intended. What I just want to do is to remove the <a> tag thru jQuery. <script> $(function(){ $('a').replaceWith( "<div>" + $(this).text() + "</div>" ); }); </script> <a href="#">GOOGLE</a> <a href="#">GOOGLE</a> <a href="#">GOOGLE</a>And how about replacing the text "GOOGLE" with any other texts? Is that something like this? <script> $(function(){ $('a').replaceWith( "ANYTHING" ); }); </script>
JQuery tabs in IE not showing pictures
The problem I am having is that my pictures do not show up in the dynamic JQuery tabs in IE8 and below, but they show up in every other browser. I believe that it is associated with how the tabs load using JQuery because the pictures show up fine when I do not load the code. I used JQuery .hide() and fadeIn() functions in order to change tabs. Here is a screen shot of what I am talking about: http://www.marinicorp.net/jquerytabs.htm If you need anymore information just let me know. HTML Code:
How to get element index in dynamic form
Hi I try to make a dynamic form with inputs depended on selects fields. My method works in static form but I don't know how to use it in dynamic one. JSON function ( to control correct input with select) $(document).ready(function() { $('select.sf').change(function() { var z = $("select.sf").index(this); $.getJSON('ajax.php', {option: $(this).val()}, function(data) { $("[name^=jed]").eq(z).val(data.inputValue);
maphilight and general behaviour
Hi, I have an image with a bunch of coordinates on it that I highlight with the maphilight plugin and it really works great but my problem is when I want to do a simple animation like showing a piece of text. When I hover over an area the piece of text that is related to the area being hovered should show, simple, yet I can't get it to work. The other piece of code I used in other projects and it worked then so I guess my real question is, how do I make the two elements work together. HTML <script
How do I validate cloned form field inputs
Hello all, I'm having a bit of an issue using Validator plugin on Form Elements that get cloned. At first, the form had a single "set" of numeric-input elements that had a distinct name and id. The fields were "low value" and "high value". Validating that the "low" value was a 'number' and less in value than the "high value" element was simple and straightforward (and worked). The requirements changed, driving the need for many 'levels' - so I changed the "name" attribute for each, to that of an
jQuery Mobile Core?
When comparing the standard jQuery to jQuery Mobile the mobile version is half the size. The mobile version also includes "plugins" for UI stuff like navigation, fields, buttons, etc... Is there or will there be a "core" version of jQuery mobile without the UI stuff? I've heard that you can just use the regular jQuery and it'll work for both desktop and mobile (or it will), but what if you're developing a web application just for mobile? You wouldn't need support for IE or FireFox. In my situation
Add html to the current place?
Hi everybody! I have the following code: '<div class="Comment">' + $.each(post.Comments, function (i, comment) { document.write(comment.Description); }) + '</div>' );The document.write() is not working ;-), it erase all the content of my page in fact. What I want is just write the HTML contained in 'comment.Description' for each iteration. (comment.Description
Chained select box like state and city in jqm....
Hi ... i have a form where i need user to fill out state and city. State and city are related to each other by foreign key in database... So i have put state select box like this.. <div data-role="fieldcontain"> <label for="state_id" class="select">State:</label> <select name="state_id" id="state_id"> <option value="" data-placeholder="true" >Choose</option> <?php foreach ($states as $states):?> <option value="<?php echo $states->id?>" ><?php echo $states->states;?></option>
Newbie help for "Simple Tabs w/ CSS & jQuery"
Hi All, I'm kinda new to Web Development (knowing just enough of CSS & HTML to be dangerous)...but little or nothing of jQuery/JS to do anything at all. So anyways, I picked up this great piece of work from http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/#comment-14970 (thanks to Soh Tanaka) and it works just great "as-is". Now, the thing is...I'm trying to modify it to allow for a link (within the content of a selected tab) to change to a different tab (instead of having to click on
how to access the “id',”name" etc. of Loaded URL in iframe from the HTML file using Jquery
I have an Iframe.html file : <body onload="alert('frame 1 loaded');"> <div> This is frame 1 content </div> <a id="a1" href="Sample.html"> click</a> </body> Sample.html <body> <ul id="list1"> <li name="one">one</li> <li name="two">two</li> </ul> And I calling the iframe form test.html file : <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var i=10; $("#frame1").ready(function () {
.height() gives different values Chrome/FF/IE
Hello, At the moment i'm using this short piece of code $(document).ready(function() { $heightDiv = $('#colRight').height(); $('#colLeft').css('height',$heightDiv); }); When i'm alerting the $heightDiv i'm getting 3 different value's. Chrome: 139 IE: 779 FF: 781 The strange thing is that evrything is displaying like it should be in Internet Explorer. Any fix for this? Kind regards Zijkantje
delegate to all TDs without all with attribute enabled="false"
hello, i'm using this code: $("#mydiv tr:not(#tableheader)").delegate("td:not([enabled=false])", "click", function(){ alert($(this).html()); })but it doesn't seem to work. What am I doing wrong?
jQuery Cycle Plugin
Hi, I am a website developer (in the making...) and I have downloaded your plugin and have it up and running on one of my web pages. It has a lot of cool features, good job. But, in firefox, in the 'fade' mode, when the text fades out and the text in the next slide fades in, they conflict and produce a green colour, any ideas? (picture below). With the same settings, internet explorer displays the div in a block like display mode (on top of each other, again a picture will be below). With the same
Changing gFeed so that I can also get the thumbnails form the feeds
Hi, I would like to know what I should change in the jquery.gfeed.js script so that I can also get the thumbnails from the feeds. Here is my code: <script type="text/javascript" src="http://jquery.malsup.com/gfeed/jquery.gfeed.js"></script> ... <script type="text/javascript"> // when the DOM is ready, convert the feed anchors into feed content $(document).ready(function() { // add a feed manually $('.myFeeds').gFeed({ max: 5, // number of items displayed
.each() -> mouseover on Elements
Hi everybody, I have 4 Images, which schould change their "src" by mouseover()/mouseout() jQuery( "#selecter img" ).each(function(){ alert ( this.id+jQuery(this).attr('id') ) ; jQuery( jQuery(this).attr('id') ).mouseover(function(){ alert ( jQuery(this).attr('id') ) ; jQuery( jQuery(this).attr('id') ).attr("src","dk_images/"+jQuery(this).attr('id')+"_1.jpg") ; }); }); <span id="selecter"> <img id="select_one"
Dynamic hidden field problem
Hi! This doesn't work, the dynamic hidden field will be submitted as "". I have tested this in Firebug, inserts the hidden field correctly in DOM. VERSION gets submitted ok, STAMP won't. Am I missing something here?? Shouldn't this be elementary stuff?? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){
IE UI Progress bar don't show up.. Instead page loads up silently..
Hi, I am newby to Jquery. I am trying to achieve image hover effect using jquery in asp.net like when mouse is hovered image changes to something showing highlighed and the other way. All the images are also link (<a>) in my case. The problem is when i click on the link, IE status bar is shown immidiately and gone and then the page loads up silently. User has no idea whats going on. Strange thing is if i dont remove the mouse from image then status bar is shown fine. Thanks in advance!!
the document seems broken
some document pages becomes blank. e.g. http://api.jquery.com/category/traversing/. is this just my problem?
jQuery FormWizard summarypage?
Hi, I'm a newbie with jQuery and I'm messing around with jQuery FormWizard. I'd like to have summary of form inputs (textfields and radiobuttons) in the last page before submit. There is a summary page option in formwizard, but it shows summary as a editable form. How do I get summary so, that it only shows field names and their inputs as a plain text, not as a form? Thanks
Populating div with textarea content
I am trying to populate a preview div with the content of a textarea. I have 2 textareas on the page. One with ID compose and another with ID profile_signature. Each has its own preview button named respectivly #profile_sig_preview and #msg_preview. however no matter which button is clicked the div is always populated with the content of the first textarea ie profile_signature. I tired setting up 2 divs so the content could be seperated but that did the same thing. $j('#preview_msg_btn').click(function(){
Dashboard plugin - add new widget error
Hi there, Has anyone successfully got this plugin working well with saving the current dashboard state on the server side? I added/set the 'stateChangeUrl' option, which works fine when moving the default widgets around. But when I click to add a new widget, I get the following error in my firebug console: dashboard.getWidget($(this).attr("id")) is null r+= (dashboard.getWidget($(this).attr("id"))).serialize(); I've pretty much got the dashboard set up as per the examples, with this code here for
jQuery Cycle - Exclude IE 6,7,8 from recognizing effects
1. How to use jQuery .support() perhaps to exclude Internet Explorer 6,7,8 from recognizing fade effects. I am fading content with transparent PNG files and it is creating black artifacts.
Jquery scope after ajaxForm
Hello everyone, I'm showing a form in a Simplemodal dialog in combination with ajaxForm() to redirect the resulting page to another DOM element. The success function of ajaxForm() closes the modal dialog. The resulting page in the other DOM element has no access to the jquery function $(). When I load a page using ajax into the DOM element there is no issue access the jquery function, this only happens when I redirect the resulting page from the ajaxForm() function. Could someone give a pointer on
Adding a localstorage key into a jquery script
Hi, I'm trying to adapt some jquery code but having trouble making sense of a lot of it.. I thought it would be pretty easy to insert a variable stored in localstorage into the script.. I thought it would be simple to just add localStorage.getItem("RSSfeeds"); into the script but no joy. The RSSfeeds key is basically a string of more code like newsfeed.addFeed("Ormiston School News", "http://www.ormistonsandwell.org.uk/RSS/News/"); How can I add them into the code below? var newsfeed=new gfeedfetcher("rssfeeds",
Drag boxes into boxes
Hi, I'm new to javascript\jquery. I have had a play around with some sample code and I'm understanding more by the day. Basically, now I'm working on a ittle project, one part of it is to create a page with a list of peoples names and allow users to drag these names into boxes, however only a certain number of people should be able to fit into a box I assume that this is a basic task and anyone with any example code which has this aim, would be appreciated. (Attached a picture to explain my
jQuery validation plugin: treat validation errors as warnings and allow form submit
Hello, as the subject suggests, I am using the bassistance.de validation plugin (http://docs.jquery.com/Plugins/Validation/) and I would like to be able to submit the form even when there are validation errors. Basically, we only want to use the plug-in to warn the user of potential issues (please don't question the usability issues with this , I know). So, is there a way to do it easily or should I hack into the plugin code? Thanks in advance!
iOS-ready slider with range?
I've seen that there's very nice slider implementation, though what I need is one that would allow me to create a slider that can select a range between values. Like... Select 5 - 7 where total slider range is 1-10 It'd have two pickable points and color filled only in range between them. How to set it up? Or create? Thank you very much for any help or hints!
Accordion - scroll back to top of accordion when new panel opens
Hi there - was wondering if anyone could help. I'm using an accordion to display a list of sub-categories on a classifieds website, there are 3 main categories - we'll call them X, Y, Z. My problem is that the sub-category lists can be quite long - and aren't consistent between X, Y, Z. Currently, when clicking on header X - the accordion extends way beyond the fold so obviously the user will scroll down the page. When the user clicks Y - currently with a lot smaller sub-category list, the accordion
Add/Remove class
I am trying to make a navigation menu that when a link is clicked, loads content into a hidden div, then shows the hidden div, then changed the class of the list item. If the same link is clicked again the class reverts back to what it was before and then the content div becomes hidden. Here is a url view-source:http://www.scottjraney.com/javatest/ Here is the Jquery $(document).ready(function(){ $("a.1").click(function(){ $("div#hidden").load("/javatest/content1.html"); $("div#hidden").slideDown();
Jquery Validate and submitHandler
Hi, I am using jquery.validate, when you specify a function for submitHandler, can you use it to call a method to for example do additional validation and then calling another method to write to the database? I have specified a method in my submitHandler, but I get the error 'invalid label {"d":0}'. Here is my code : $.validator.setDefaults({ submitHandler: function() { addUser(); } }); $("form").validate({ //errorLabelContainer: $("#divErrors"),
jquery function: how to get this element id?
Hi guys,i'm trying to do a drag and drop...,practically a newbie to jquery & all basically i have a list of draggable objects and a container(that these draggable objects can be dropped into) all i want to do is whenever i drop one of the objects onto the container, an alert would pop, "you have dropped "item X" into the container". i got the object moving but alerting the user seems to be a problem. anyone see what i'm doing wrong or what i'm not doin code below <HTML> <HEAD> <script type="text/javascript"
Next Page