Different files of jQuery with different versions are creating issues
Hi All, We are using three different jQuery files of different version in our project. (1) jQuery-ui-custom-min-1.9.2.js - For Ajax modal popup (2) jQuery.min.js - For all other jQuery related fucntions (3) We have one Quick poll functionality placed on our site. we use jQuery version 1.4.3 with some custom code here. we are referring all 3 files on one page. Now in AJAX modal popup there is a method named "dialog". We are getting an error here. Mentioning that "object doesn't support this property
JQuery
Hi I'm trying using Jquery and Jsp page to create GUI , it's simple . here is my code, in my folder, I create a Javascript library file , which contain jquery-1.8.3.js. So, when I click <button>Get External Content</button> it will display content in demo_test.txt ,but it didn't . Can you help me?? <!DOCTYPE html> <html> <head> <script language="javascript" src="Javascript/jquery-1.8.3.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").load("demo_test.txt");
Ajax Search Not Updating Content
Hello All! code below is for a carousel of a few images. Images are inline on page body. It has next / previous navigation. It also has a search box to enable search of an image by its name. Its an ajax request to a php file that uses an array to hold the images. Navigation by next / prev works. Using ajax search displays the specific image searched for on a first search. The searched image gets loaded into the carousel and hides the viewable images in the carousel viewable area. This is desired.
change title words when the user change the browser language
hi guys, i am working in globalization for diferentes languages. i wanna know how can i change the tag (alt) and (title) for another word. like the when the broswer be in english load the normal, when the browser be in portuguese put the portuguese word. so if english load what i have in english. <img src="../images/reviews/smiley_sad.png" alt="very bad" title="Rate this clinic as very bad"/> if pt-br in broswer so will change for <img src="../images/reviews/smiley_sad.png" alt="muito mal" title="Avalie
jquery
In Accordion jQuery functionality, how do you shift the tab positions dynamically using left, right, top and bottom without using UI plugin? Example: There is a drop down with four values these are 1.top 2.bottom 3.left and 4.right If i click on top - Tabs should display top to bottom direction If i click on bottom - Tabs should display bottom to top direction If i click on left - Tabs should display left to right direction If i click on left - Tabs should display right to left direction Assume there
Understand Module Pattern described in Code Organization Tutorial
Considering the last code fragment (reported below) about module pattern published in the Code Organization section of the Learning Center, I'm trying to understand some aspect of the module in the example: the variable declarations ($items, $container...) are separated by ";" while the function declarations (createContainer, buildUrl, showItem, ....) are separated by ","...why? Is there a bracket problem? why the name of the first three variables ($items, $container and $currentItem) starts with
header location iPhone start from Home Screen
I have a web app that I converted from jQTouch to jQuery Mobile and it works beautifully in browser mode on iPhone, but when I use the Add to Home Screen feature I have a problem. When it runs in this mode the header bars are partly hidden by the phone's status bar at the top. My workaround is to set a margin-top for the ui-header class, but then it looks a little silly in browser mode. Is there a way to get proper behavior in both modes? <head> <meta name="viewport" content="width=device-width,
jQuery Forms Plugin: append response text?
I've been banging my head over this. Is it possible to append the responseText as an li element rather than replace it? I have something like this that doesn't work: $(document.ready(function () { var options = { target: "#ul_element", beforeSubmit: validate, success: function () { $("#ul_element").append(responseText); } Thanks!
SetFocus to a field & show iphone keyboard
My requirement is to set focus into first input field when a page is shown or a previous input is blur-ed on iOS4. Few ppl raised the same question on other online forums, but any of solutions worked. (most of the solutions work fine on Android, however not on an iphone). Any ideas or workarounds? thanks
Correct syntax for Definition List (<dl>) in jQuery UI's Nested Menu?
I’m trying to combine jQuery UI’s nested menu with definition list (<dl>) elements, but I'm having trouble figuring out the correct syntax because a nested menu starts with <ul> and a definition list starts with <dl>. My reason for doing this is to create nested dropdown boxes, and I'm using the script and css in this fiddle to have the DL elements look and act like dropdown boxes. This code is the closest I've gotten, but it's not quite right because when the <dl> element is clicked, instead of
Display (span) div id's when scrolling
im trying to display a div id when scrolling, when a div is 100px under the top id like it's id to be displayed. All divs have id's such as '1' '3' '5'. All divs do have the class 'post'. Second Question all divs have odd numbers which id like to display in 'pagnering-odd' can I make it so if 1 is displayed in 'pagnering-odd' then 2 is displayed in pagnering-even. best $(window).scroll(function() { $('.post').each(function() { if( $("#container").offset().top > $(this).offset().top )
return array
This is not at all about jQuery, but it came across in one of my jQuery solutions O:-) When I want to return an array there can't be new line immediately after the word 'return' but whitespace is OK. Is this syntax error? Or something else? I don't understand it, because everywhere I can add new lines and nothing happens. I've prepared example here http://jsfiddle.net/3CyVE/
How to handle json returned to autocomplete from servlet
I'm trying to use the autocomplete widget to and to populate it I am using a servlet which is returning a JSON array. Bear with me, I'm not sure how much you need to see so I'm going to include a lot. Here is how I am constructing the autocomplete right now. It's not complete yet because I don't really know how to finish: $('#usernamesearch').autocomplete({ minLength: 2, source: function(request, response) { $.ajax({
How do I force a repaint with jquery
I have a video in an iframe that displays OK in IE, but its all dark in chrome. I find that if I switch to another tab in chrome, and then switch back, it is now displayed. So I'm thinking of forcing a repaint of the div that contains the iframe - or the iframe itself. I experimented with .show, .hide, and .toggle, but this doesn't seem to work. Anyone have ideas?
event.target.name
Hi, event.target.name works only for <input> tags?
submitting a form in FF or chrome works fine IE dosnt work
<script type="text/javascript" src="system/jquery-1.8.2.min.js"></script> <script type="text/javascript"> $('#setPAGE').submit(function(){$('input[id=subaddPAGE]', this).attr('disabled', 'disabled');}); function grabPAGE ( ) { var page_title = $("#page_title"); var page_desc = $("#page_desc"); var page_content = $("#page_content"); var url = "system/JQ_addpage.php"; if (page_title.val() == "") { $("#IAC").html('<div id="JQUERY_processor_container_RED"
Paging using table sorter code
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<Test2.Models.Movie>>" %> <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Index </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <link href="../../Content/style.css" rel="stylesheet" type="text/css" /> <link href="../../Content/jquery.tablesorter.pager.css" rel="stylesheet" type="text/css" /> <script src="../../Scripts/jquery-latest.js"
Can't build jQuery on OS X 10.8.2
Starting some time ago I can't build jQuery on OS X 10.8.2. It happened when master was on 1.9.0pre and it happens now when it's 2.0.0pre. If I follow instructions and run: $ npm install $ gruntI get an error: <FATAL> Unable to find "grunt.js" config file. Do you need any --help? </FATAL>Next, I tried to provide a config file (though it probably means README.md should be corrected): $ grunt --config Gruntfile.jsbut then I get this: Running "update_submodules" task Running "selector:src/selector.js"
browser re-size issue slider out of conatiner
0 down vote favorite when i re-size the browser window the slider goes out of the main container i am using bootstrap responsive css i see the extra margin in the slider container if i remove its ok but if i still make the window smaller slider goes out how to fix the bug... http://jsfiddle.net/48y2Q/embedded/result/ http://jsfiddle.net/48y2Q/ providing my code below <div class="container"> <div id="da-slider" class="da-slider" style="margin-top: 0px; margin-bottom: 0px; height: 300px; background-position:
Open a div with a same position as a list item
How can I achive this. What I need to do is basically open a Div in position 1 when list item form position 1 was clicked. Then open a div on position 2 when list item in position 2 was clicked etd. <div id="rollovers"> <ul> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> <div id="targetCont"> <div>Content for list item 1</div> <div>Content for list item 2</div> <div>Content
Using a function in the expected field of equal()
I have a function that starts a timer. Im using the asyncTest function to test my lapTime function, to make sure its within an acceptable range. I set the asyncTest to 4000 milliseconds, and then set my equal() to expect a value of 4. When running the test, it came back with a value of 3.999 and 3,998. I decided to then just change my expected to be >=4, which would tell me if my function was grabbing the time correctly. when i changed my expected to be (lapTime() <= 4, ) it says my expected output
jquery mobile popup and image maps
Hi, I have a page which has an image as the backgroud. I have 30 different points on the image and need to open a new image on click of these point in form of a popup on the same page (exactly like an jquery mobile popup). Since the JQMobile popup is liked to a <a> tag and the image map is using <area> tag i am unable to do it. Here is what i did.. <img src="images/img/landing.png" alt="landing" usemap="#Map"> <map name="Map"> <area shape="rect" coords="1369,176,1470,222" href="#dialog"
Styling A Fieldset - 7 Buttons in a row.
Hi, I have a fieldset on my page that contains 7 radio buttons horizontally. I am stuck however on how to style it as I want the buttons to be red and when pressed change to blue. Also I want a white border around the fieldset and not each button. Example. --------------------------------- | 1 | 2 | 3 | 4 | 5 | 6 | 7 | : Horizontal role of buttons in the field set. --------------------------------- Thanks in advance, Paul.
Problem with using a linked list in a collapsible button.
Jqm version: 1.2.0 Desired Result: Upon setting a collapsible button, links to data-mini="true", wish to have buttons should use data-mini="true" Problem: No matter what I do, I can not get the buttons to be minimize. I have been to the docs several times and tried every combination. I am providing the code snippet and a picture of the un-collapsed output. hope this helps. <!-- pasta dishes --> <div data-role="collapsible"> <h3><div data-iconpos="top">Pasta Dishes</div></h3> <h3 align="center">Great
web service problem
i had another problrem ... my jquery mobile app running on emulator or device but not in web browser.... if app is not with web services it running both on web browser and emulator fine .. but when i work with web services with the help of .net its running on emulator but not working on browser... please help me.. and explain why it is happining like that...
Problem with different jQuery versions for multiple jQuery PlugIns
Hey! Introducktion: I am new to jQuery, and I don't really know much about JavaScript. But I am creating a Website, and I relly like the things you can do with jQuery. Motivation: For my Projekt I want a Slide Menu and a Scrollbar. I've found some Demos and wanted to embedd them. The Problem is, they don't use the same jQuery version (i guess). They work fine single but if I add <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> to my HTML-Code,
How to loop using php array
I'm using a jquery color picker that adds a block of code for each color. I have changed it so it uses a predefined value from php code so it looks like this $("#<?php echo $colorsArray[0]; ?>").spectrum({ showInitial: true, showInput: true, showPalette: true, showSelectionPalette: true, palette: [ ['black', 'white', 'blanchedalmond'], ['rgb(255, 128, 0);', 'hsv 100 70 50', 'lightyellow'] ], localStorageKey: "my_colors", });
How to create a jquery poup box?
Please help me.
Applying CSS style to checked and unchecked checkbox using JQuery
Hi.. I have a group of checkboxes and I want to apply a style to checked checkbox and remove the style of all other boxes.Here only one checkbox should be cheked at a time. The code I used as follows <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".item").click(function(e) { //$(".item").each( function() { $(".subscribe").attr('checked', false); var checkbox = $(this).find(":checkbox"),
concept of class in jquery
I want to know that what is the concept of class in jquery. How to declare them and add properties and methods to our class. and after adding how to access them, how to instantiate a class in jquery
fullcalendar - Looping through event objects
I can see alot of event objects when I use the alert after the ajax post success in my jquery below. Can someone please tell me how I can access details for each event and change them accordingly? eventSources: [ { url: 'json-events.php', type: 'POST', error: function(data) { alert('there was an error while fetching events!' + data.msge); }, success: function(data) { // I see lots of event objects using this alert
Dialog box not opening in IE8
I am using jQuery v1.8.1 with jQuery UI v1.8.23. I am trying to open a dialog box on load of the screen. I am having the following div in my JSP. <div id="error-message1" title="This is the title!"> This is a test error message. </div> and I am invoking the dialog box like below $("#error-message1").dialog({ autoOpen: true, modal: true, height: 300, width: 300 }); The dialog box is opening in Firefox 16.0.2 but not in IE8. My entire screen is masked since I have
I can't download - I get this on my screen -
/*! jQuery v1.8.2 jquery.com | jquery.org/license */ (function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s),function(a,c){b[c]=!0}),b}function J(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(I,"-$1").toLowerCase() I am having problems with my website after I upgraded to Word Press 3.5 , I can not edit the text of my pages - - text & pictures etc - oddly a few of my pages I can edit. Anyways the Gurus at Word Press said I needed the latest version of Jquery I have been trying
Problem with jquery validation and form plugin ajaxSubmit(): Invalid JSON primitive
Hi. I'm combining the jquery validation and the form plugin to use the ajaxSubmit() method. I'm using this to call a WebMethod in my ASPX page. I'm passing two parameters to my WebMethod, but the problem is that I always get the error "Invalid JSON primitive". After a lot of reviewing I've seen that the data is not being sent in JSON format, but as a querystring. Even worst, the data is being URLEncoded. Why is this? How do I make the form plugin to not convert the data into a querystring but to
Slide out problem
I have two immediate problems with the code I am working with. I have an area when I hover over it makes visible prompts to social media sites. But I don’t know how to keep the prompts visible while you choose the site that you want to visit. Secondly as the icons appear there is a small line that appears between the icons. What is this from and how do I remove it. Obviously I would like some help in resolving these two problems. The viewable link is: http://rouse.ws/promptTest/slideRightSocialTest.html
Using sortable() on AJAX-generated results
Hi all, I have been playing around with the sortable() functionality and I have got it working fine on static DB results, however I have noticed that I can't get it to work on AJAX-generated DB results. I feel it has something to do with how I call the sortable() function within the $(document).ready(function() however I am not 100% sure. I have searched this forum and other forums to see if anyone else has this problem but I haven't found anything similar yet, so here's my attempt to describe my
is possible to end session when close the browser?
dear all, if user close the browser, then the session will be end. is it possible by using JQuery and PHP script? please give me solution. thanks.
Theme displaying themes
Version JGM: 1,2.0 URL: http://mobilehost.me/MP/ Problem: Adding a ThemeRoller Theme to my project, does not display. Steps : 1. Created themes A, B, C 2. Down loaded to my download folder 3. Moved the theme folder from download folder to my project. 4. Wrote the Link to the themes folder to get theme. My Code:: <link rel="stylesheet" href="themes/marrisPizza.min.css" /> <link rel="stylesheet" href="styles/myStyles.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
More efficient toggle
Hi all, newb questio, I know, but as I'm not very familiar with JQuery yet, can someone tell me if there is a more efficient way of writing the following code? jQuery(document).ready(function($) { $('.toggler').click(function(){ $(this).parent().children().toggle(); //swaps the display:none between the two spans $(this).parent().parent().find('.toggled_content').slideToggle(); //swap the display of the main content with slide action }); }); <div class='toggle_parent'><div
Is there a listner to check if the GPS signal is back/available
Dear All, I am searching since a while how check is GPS is available after having lost the signal. I am using that code to watch my position if($('#googleAPI').length != 0){ //var track_id = "me"; if (Tracking.watch_id == null) { Tracking.watch_id = navigator.geolocation.watchPosition( // Success function(position){ var lat = position.coords.latitude; var long = position.coords.longitude;
Next Page