download
When I try to download jQuery by clicking on the "Download" button, I get is a page filled with script, but no download. Am I doing something wrong?
external javascript overwrites while I try to insert it into DOM
I am able to execute external JS file (which is used to render chemical molecules) inside jQuery. However, when the external JS file is loaded, it overwrites everything from my initial file. How am i supposed to insert the external JS file into the appropriate DOM (in this case, the last available class with className "render") without overwriting the existing HTML file? I use an URL to get data in JSON format and parse it using .each() function as mentioned below. $(document).ready(function(){ $.get("someURL",
jQuery PHP
Coding up an example in Jquery 1.3 with PHP Chapter 4 forms and Form Validation At first the book has you use the jquery.validate.min.js plugin with rules in the document section, which works fine. Then he has you move the rules to a php array, so I wrote the code, no problem, then he has you replace the client-side with 'rules' : <?php echo json_encode($form_rules); ?> this simply does not work IE flags it as an error and Firefox does nothing. a test shows it returns ("name":{required":true),"email":{required:true}}
All ID except hovered
Well, am 2 days into this. Delphi background, syntax for this is seeming fairly new for me. The goal is to change opacity of all but the image being hovered. So far, I can change opacity for the hovered item but I want to reverse this. A common thing but all the examples don't seem to work for ID's, at least not the way I have done it. Tried a dozen different ways to use :not, no luck. Perhaps someone can make the syntax plain for me? The reason I am capturing the ID to a variable is that eventually
How to force addition instead of concatenation
I'm trying to add all of the calorie contents in my javascript like this: total = parseFloat(myInt1 + myInt2 + myInt3); $('#response').append(total); Instead of adding the variables they get concatenated. I've tried using parseInt, parseFloat, and Number but I still just get concatenation and not addition. Please look at the view source at http://maureenmoore.com/momp_112412/121912_800.html
Parallex and vibrate background image with scroll
I need background image parallax and vibrate little bit when scrolling with mouse. Background position is working with jQuery's `css()` function but not vibrating. When ii firebug it result is <div data-speed="10" data-type="background" style="height: 1000px; background-position: 50% 0px; animation: 0s ease 0s normal none 1 NaNpx;" class="parallax-container" id="intro"> **I am using jQuery's code for this, and testing in `Mozilla`.** /*parallex backgound*/ $glob('div[data-type="background"]').each(
Error in <javascript> markups
Hi all, On my website I'd like to have 2 JQuery scripts, but 2 lines of code don't work with each other. These are: <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> Any idea what is wrong? Thanks
remove() or replaceWith() leaves line where link used to be?
Hey Board, I'm trying to display a list of links 10 at a time with the last link being used to show that there are more links available. After clicking this link I'm trying to remove or replace the last link that says "More..." with the next set of 10 links. The problem I'm having is there's a blank line where the "More..." once was. This happens when I do either remove() or replaceWith(). Is there a way to get rid of the line? When I put the code in jsfiddle the blank line doesn't show up, however
bxslider carousel code
i am trying to implement the slider from this site http://bxslider.com/ i used the exact procedure what they said but still my code is not working can you guys tell me how to fix it i am providing my fiddle code blow http://jsfiddle.net/v3efb/3/ http://jsfiddle.net/v3efb/3/embedded/result/ providing my code below
Slider handle
I've been lookign at the jquery ui slider control - its ok but does have some limitations. Perhaps the most annoying thing is that the handle now always protrudes out from either side of the slider track, with no option to change it. Its awkward for users in a lot of cases because the end of the track isnt where they think it is. Are there any other good sliders that are worth a look at?
.append-Problems
OK, so I want to add the elements with class "selected" to a div with class "zusammenfassung". This code works: $(".abschicken").click(function() { $("#ServicePortal ul li").each(function(){ if ($(this).hasClass("selected")) { $('.zusammenfassung').append(this); } }); }); except, it deletes the original divs with the class "selected". Is this normal with the append-function? And what can I do about it? Thanks for any help.
URL path to set class in A element using Jquery based on pathname
Ok.. I'm trying to get a dual layers navigation to work.. everything is cool but the jquery that sets the class "current" to the right A element according to what the URL is. But not even the alert is working, and I'm not sure why.. new to jquery.. as it currently is: http://gulfinsight.obmon.com the html: <div id="nav_container"> <ul id="top_nav"></li><li><a class="home" href="/home/all">HOME</a></li><li><a class="the-gcc" href="/the-gcc/all">THE GCC</a></li><li><a class="arts-and-culture"
How to format a gridview
Hello! I am adapting my asp.net web app to use jquery library, and everything is very easy and with a great result, but in one of the pages I need to show a gridview with some information, the gridis bigger than the device's screen so the grid is cut and I can't see it's whole content. I don't know what solution is the ebst for my problem, perhaps enablig horizontal scroll, but I don't know how, or perhaps creating a list with interactive rows, but I don't know how to do it either. I hope somebody
height and width method doesn't work when jquery library located in head section??
Hello guy! I'm new in jquery and i have a small test with height and width method in jquery I use the seperate file to execute my code to get height and width of element. but when i call it in body and jquery library in head section. So height and width method doesn't work at all. I don't know why but when i locate jquery library in body section (the same place with my file) . It worked fine!! Below is my code Html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Adding up Values
Hi, I'm new to jquery and was wondering if anyone could advise me on how to proceed. I would like to give a value to an image. When a use selects the image and depending on how many images the user selects they will get added up and the total will be shown on the screen. Can anyone give me any ideas on starting this. Thank you for your time.
Dag and Drop image to another image
I pretty new to jquery and what I want to do is to place the "fruit" images into a "basket" image AND for there to be an alert or comment appear when the "fruit" images are placed on top of the basket image also when this happens for any images placed on top of the basket to stay fixed to that image.. With this code I can drag the images on top of the other image but I want them to stay fixed to that location.This is the code I have so far. How can I do it with this code? or any advice would be
How can I detect 2 elements overlapping when dragging an element around?
Hi, I would like to know how I can detect when dragging around a element like a image or a div over a image or another div how can I detect both that both are overlapping each other. When this happens I want to fade in a window asking do you want to add this to this element? with a yes or no button. The element that isn't being dragged is the one that I want to highlight so the user can easily understand that we are asking them the question do you want to add that dragged element to the one that
Can't find current vsdoc.js file
No matter how hard I try, I can't find the current vsdoc.js file anywhere at the jQuery website. Why isn't it pointed to right next to the jQuery download sections? Can someone please enlighten me on where to find that file? I'd like to use it with Visual Studio 2012. Please pardon my ignorance if this is a stupid question. But none of my Google searches yielded anything useful so far. Thanks! Another jQuery API browser: http://www.dashop.de/?hf=blog_f.html&if=blog/en/dev/JavaScript/content/JavaScript-jQuery-API-Documentation-Viewer.html
Json
Hi, I've hit a brickwall with some ridulously simple jquery and i'm about to flip my desk so I hope someone can help. I've been trying to figure this out for hours and it makes no sense to me. I'm simply trying to return a PHP variable to an via an Ajax call: This is my js: $(function(){ $('#button').click(function(){ var user=1; $.ajax({ type: "POST", dataType: "json", data: "user",
need help :)
Hi guys, I'm new in jquery, I don't know much about it, but I need it because I'm building a template...Here is situation, I have a div which I want to slide in to page ( from outside, top) when I click on link, and when I click anywhere else on the page to slide out... This is what I have: // <![CDATA[ var tmpl_name = '<?php echo $this->template ?>'; jQuery(document).ready(function() { jQuery('#link').click(function() { var topy = jQuery('#div'); topy.delay(0).animate({ top:
unordered list overwriding
Hello, I`ve created a small WebApp. I got my index.html and my default CSS file. I want to style my ul li a as I want for instance, I want to change the text-decoration: to ---> none; and set my own color. How do I do this in my default CSS?
Is there a way to control the number of iterations .each() will do?
I like using $.each() however I can't control how many times it will run. Is there another method that works better? I'm trying to get this code, $.each(json, function(i,item){ // devHack, will be used along with linkbase to get to a specific link link = ""; $('#sbItems').append('<li><a href="' + link + '">' + this.title + '</a></li>'); }); to display the first 10 items each time instead of displaying all the items all at once.
x Close button does not close the dialog
Hi everybody, I am trying to create the following interface - from the grid's row I want to be able to launch a modal form to make edit and upon saving the row in the grid should update. I am using flexigrid control and ASP.NET MVC I use the following code (for testing purposes) to launch the modal form: function edit(com, grid)
{
$('.trSelected', grid).each(function () {
var id = $(this).attr('id');
id = id.substring(id.lastIndexOf('row') + 3);
.on not working in IE
Hi Guys, I'm wondering why a mouseenter/leave function doesn't work in IE, but works in all other browsers? When mouse entering, a tooltip should appear & a little pinched tail fades in. In IE, only hovering over the imgborder element (which is above the img & is positioned absolutely) produces the tail. When further hovering into the image, the tail disappears. Here's a test page: http://www.partiproductions.com/exhibittooltip_test/index.html My Script: $('.exhibit_tooltip_imgbord').on({
Jquery event wont work on sources/links?
Hi, I want that when you hover over the part that is inside the iframe the animation will work. Currently nothing happens. I have made the width of the div on my website slightly wider so you can see what the mouse over event should do. http://tragicclothing.co.uk/deleteeee.html <div id="box3" onmouseout="$('#box3').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'fast')" onmousemove="$('#box3') .stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" style="top: 0px; width: 700px; box-shadow:
Can I use only the jquery core for mobile website?
Can I only use jquery-1.8.2.min.js for my mobile website? Is it used for both mobile and desktop browsers?
$(#selector) Query
Hi guys , I'm new here , and I'm stuck with a problem using jQuery , I need your help I'm controlling some elements with same class and ID's . but they are repeated in different containers . and I would like to control these elements in each container that has an ID one per one (those containers have ID's like ( c1 ,c2 ,c3 ) and I would like to make the number beside (c) controlled by (If) statement to go through those containers to control their elements .. meaning $("#c1 #img").hide(); I
how to perform jQuery live filter on divs and not list items?
i am trying to filter outputted database entries where each entry has the following structure: <div class="class1 class2 class3" data-name="name" data-date="MM/DD/YY"> <img src="path/to/image.jpg"> <div class="class4"> <h4>some text here</h4> <!-- this is what i want to search in --> <div class="class5"> <span id="date">date: MM/DD/YY</span> <span id="id_one">text</span> </div> <div class="class6"> <span id="id_two">text</span>
HTML CSS Jquery Javascript in mobile App
I have developed an app using java script css & jquery where my app displays a sequence of images. coded every thing and which is working good on my laptop, now i just copied the code in to my mobile sd card and opened the index.html file where i could is the first image of my app and with no (div link) link ..... and i don't know if my jquery written is perfectly working on my android mobile... can some one help me how to make the links visible and move fwd .... Thanks in advance :) :) !!!!!!!!
what are the basic logic about this code
i get totally confused this alert call one time how ? var i = 0; function call(name) { if (i === 0) { setTimeout(function () { alert(name); i = 0 }, 1000); } i++; } call('as'); call('as1'); call('as'); call('as1')
hi .. I'm jay r ,what is the technique of query that easy to learn,
i want to have the experience of jquery TYSM!!
Using JQuery in Blogger
Hi All, I'm really new on this, in fact this is the first thing I'm trying to do with JQuery. I'm trying to get a Photo Gallery done in my blog and it is driving me crazy. I download some code from http://www.twospy.com/galleriffic/ and I'm trying to learn how to use it. I have 3 jQuery files: 1. jquery.galleriffic --> which I understand is the important file with all the Gallery code 2. jquery.opacityrollover --> which I belive has extra functions for the Gallery (not totally sure though) 3.
Destroying countdown within div
I'm using the Jquery countdown plugin from Keith Wood to show a countdown to a given time Everything works fine..but I'm stuck on a little piece of coding.. I'm trying to update a <div> with a new countdown, therefor I need to destroy the old countdown within that same <div>.. but that seems to fail. I'm using the destroy function from keith woods countdown plugin, but the coding I have at the moment shows the new and old countdown blinking through each other.. <script type='text/javascript' src='jquery.countdown.js'></script>
Link to an External Page / Framework is lost
Hi ! I'm very, very newbie to JQM, although very experienced with web development, dynamic content as well. To start, I have built a simple page with 3 sections. All of them same document. On the 3rd section I have a link to an external page that has dynamic content (that queries a data base server). Need to have this external page EMBEDED into the original DOM and Framework, that is, as if it was loaded originally INSIDE the first page. On my tests below, the external page is loaded but it looses
jQuery problem on iis server
I just took over a project written in php using jQuery. I need to do some edits so I moved a copy of the files that were working in production to our test server. Now, with no other changes, the jQuery function below is not working. Our test site and production site are set up on the same iis server (Windows Server 2008 R2). function preFill(voterID) { $('#txtVoterID').val(voterID); $('#dialog-voter-search').dialog("close"); $.post("engine.php", {act: 2, vi: voterID}, function(data) { $('#txtNameF').val(TitleCase(data.FIRST_NAME));
How to write the selector?
Hi, how can I select a list-item which is 3rd-Element and has a child span with a class? var paginationUl = jQuery('ul.pagination'), paginationLi = jQuery('li', paginationUl), firstLiNotCLass = jQuery('li:not([class])', paginationUl), paginationStart = jQuery('.pagination-start', paginationUl), paginationPrev = jQuery('.pagination-prev', paginationUl), paginationNext = jQuery('.pagination-next', paginationUl), paginationEnd = jQuery('.pagination-end', paginationUl);
Beginner: How to continueously alter between 5 sentences with JQuery.
Hi everybody. I need your help. I'm doing a website for a client and I want to display recommendations in the footer. I have 5 different statements like those below and I want a timer function to change the statement every sixth second. I'd like the vertical rotation effect. Can someone write the code here and explain me the things? Example: "We were so happy using Cocktails R Us", Johnny Hansson "The service was awesome", Loretta Stevenson "Cocktails were delicious", Bob Johnson Thanks in advance.
Zooming an draggable image keeping the center fix
I have an script that will resize an image with a jquery slider. The image is inside an overflow hidden container. But I am getting problem in keeping the draggable center of the image fix while zooming out or in. Its working fine while the image is not dragged. I know that can be done by plus minus the left and top value while zooming in out. But can't able to find a way to do it. You can View my script- var globalElement_width; var globalElement_height; $(document).ready(function () { $img = $('.canvas
Remove and bring back between two different select boxes
Hello, I have two select boxes that I want to show and hide, the only problem I have is that the form information of both select boxes still remains in the page, and I am not able to submit. Is there a way that I can remove and show, so I am able to submit the contents of only one of the select boxes? Thank you, Jason Passing Score: <select name="ChapterQuizPassingScore" id="ChapterQuizPassingScore" style="width:174px" class="HiddenPassingScore"> <option id="passingscore" value="0">Please
Can I use the .click() method to display information from an .ajax call?
I have two ajax calls which display a first set of links and then a second set of links under it onto a webpage. The second set of links are citations and they correspond to one of the links in the first set. When I click on the link in the first set I go to an outside webpage, here's the code, var linkBase = "http://www.sciencebase.gov/catalog/item/"; var link = ""; $.each(json.items, function(i,item){ link = linkBase + this.id
Next Page