• Setting variable in parent document

    Hello:   How does one set a variable (global) in a parent document?   I've tried several methods:   parent.window['var_open']=true; window.parent.var_open=true; parent.var_open=true; None of those methods are changing the var_open variable to true.   What am I doing wrong?   Thanks Much:   Pavilion
  • noobie : facebook load different pdf in to a div via a link

    hi i wonder is someone can help me i am a bit of a noobie and trying to do a simple facebook static html page which allows the users to select a link and it then loads a pdf in to the same div on the page i basically trying reading a few articles and combing them but able to see it working so i have 3 or 4 links at the page which will then pass a filename to a function to basically update the div statement i have put a dummy - blank.pdf to load at start up just to stop errors when i was trying to
  • Problem with .load() callback in a loop

    Hello, This is my first time posting, so please forgive any etiquette transgressions. Also I am a beginner/novice jquery user, so please take it easy on me. What I am *attempting* to accomplish is queuing up a bunch of remote pages into a hidden div, with a bunch of sub-divs which contain the actual loaded content. I am loading these pages via the load() function in a for loop. Once the for loop completes a set of icons is displayed which when clicked shows the respective loaded content. Everything
  • how do i access the eliments of a page that has been .load() into a new page

    Hello everyone i am new to jquery but love it already ( i am a php programmer). i have just use the .load() function to load content from another page to a new page. i am able to load the contents. However, i now wish to accesssome elements of the newly loaded content but i am not able to do this.   $(document).ready(function() {   $('#signin a').click(function() {      var url=$(this).attr('href');      $('#loginpostion').load(url + ' #loginform');      return false;         $('#closebox a').click(function() {
  • How do I put the jquery tabs code into an external js file?

    I'm still learning how to use external javascript files so I'm a bit stumped at the moment. I already have the external js file working OK with a couple of functions.   How do I put the jquery tabs code into an external js file?   I'll make it really simple, here is the demo tabs site: http://jqueryui.com/demos/tabs/   I have copied and pasted this whole code into a HTML file and it works.   This is this bit of code I want to put into the external js file:   <script> $(function() { $( "#tabs" ).tabs();
  • "touchmove" event handler lost on appendTo

    Hello, I have found that the "touchmove" event handler ceases to work when you use appendTo, insertBefore or insertAfter on the element after the event handler has been bound to it. Please see the example below. $(function(){ $("<p>Drag this: it works</p>").appendTo("body").on("touchmove", function(e) { alert("Works!") }); $("<p>Drag this: it does not</p>").on("touchmove", function(e) { alert("Why not?") }).appendTo("body"); });
  • Building Collage using multiple images and saving it as image.

    Hi Team, I found many articles on net to build a collage using jquery. But my requirement is to fetch many images, built a collage out of it and save the collage as another image. Is there a way otu to do this either using jquery / server side? Thanks, Goutham
  • list ui-icon bind click

    Got a listview with left aligned icon. Unable to bind 'click' to icon. Able to get all icon's span with selector. <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"/> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> <script>  $('#home').live('pageshow',
  • Validate: Validate form + CKEditor plugin - multiple class non working

    Hi all, i'm trying to validate a form with a "required" textarea. The textarea has already a class to work with CKeditor plugin So i tried to put class="ckeditor required", and it is only ckeditor (not validated) then i tried to put class="required ckeditor", and it is only ckeditor (not validated) if i try class="required", the text area is validated. I can't understand what's wrong.. validate plugin should manage multiple class.. thanks
  • XML Datei auslesen und Values anzeigen

    Hallo Forum,   Mit diesen Script bin ich in der Lage eine XML Datei komplett auszulesen und alle Values (A,B,C,D,E,F,G,H) ausgeben.   Es ist so, dass ich nur die Values für einen bestimmten Künstler anzeigen möchte der als Drop-Down Liste gewählt wird. Also für Michael Jackson nur A und B als Values anzeigen.   Was müsste ich im Script anpassen um dies zu realisieren?   XML: <?xml version="1.0" encoding="iso-8859-1"?> <dropdown>  <menuitem>      <title>Michael Jackson</title>    <values>     <value>A</value>
  • showing and hiding a div

    How can I show a div on selecting of one option and hide it on selecting of another option.
  • .click on an image map

    Hi Guys, complete newbie here, so be nice! I have the following code that I want to fire as the result of somebody clicking an area on an image map: $('#Process').click(function () {             //do stuff             } and the image map is: <div id="Banner" >   <div style="text-align:center; width:842px; margin-left:auto; margin-right:auto;"> <img id="ImageMap" src="divimage.jpg" usemap="#ImageMap" border="0" width="842" height="226" alt="" /> <map id="_ImageMap" name="ImageMap"> <area shape="rect"
  • problem selecting parent

    Hello everyone, I am a newbie studying jquery recently and try to do my website. I am actually reading the jquery cookbook and thought I understood something. But in the practice I do not come along with some simple problems. For example I have these divs in my html: <div id = "menuItem">       <div id="FirstPos"      style = "…" onmouseout="fadeinAll();">             <img id="Collection"   src="images/COLLECTION.png"  onmouseover="fadeoutbutFirst();">             </img>       </div>       <div id="SecondPos" style
  • How to validate file size function before submitting form,

    Friends, I am using  jquery.validate plugin. from here I am not so smart in jquery.  My query is,  File size should be validate before submitting, for example maximum file size 500 kb the validation error should be the same according to the form. Here is the url of demo, i already mentioned the jotform upload url with code inside the demo.  http://alturl.com/ocm6v Please let me know  yashmistrey[a]gmail.com
  • G Maps - Cache JQM or Android?

    Android 3.2 jQuery Mobile 1.1.1 I have a shipment tracking program that provides two location links (Origin and Destination), which bring up a Google map in a separate page in a separate file. The user enters up to 5 tracking numbers, and sends the data to the top of the page where it is processed and the results displayed. The location links are within this displayed data. The map comes up just fine, and I am able to hit the back button and return to the form results - undoubtedly, because they
  • Adding Ellipsis after a number of characters...

    Hi there, Im a newby in Jquery, and Im whiling to learn more about it! By now, im having a problem with a text box which I need to show and hide a part of the content, but inserting the Elippsis when the part is hidden! bellow the html and script codes! Any help plz?   function toggle_guru(id, anchor) {             var b = $(id);             if(b.hasClass('guru'))             {                 b.animate({ "height": "210px" }, 500);                 $(anchor).html('read more');                 b.removeClass('guru');
  • Media pluging not working

    Hi there I'm a newbie to the jQuery media plugin.  I've followed the instructions at http://malsup.com/jquery/media/ but I haven't had any luck.  I have jQuery core included from http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js and I have downloaded and included the file from http://malsup.com/jquery/media/jquery.media.js?v.92 I have the media call like this;        <script type="text/javascript"> //Convert 'media' tags using jQuery $('a.media').media(); //Style appropriate menu item
  • jQuery.getJSON("api/endpoint", ...} results in 404 in Chrome, works in IE

    I'm using jQuery.getJSON to interact with a REST endpoint. The endpoint is always relative to the html page from which I'm using jQuery. jQuery.getJSON("api/endpoint", ...} In development: http://computername/dev/api/endpoint http://computername/dev/page.html In production: http://prod.url.com/api/endpoint http://prod.url.com/page.html In the development environment using chrome I receive a 404 - the request according to chrome developer tools is: /api/contactread. Note the / at the beginning. In
  • jquery slideshow.

    Ijquery slideshow  need to create a 5 image jquery slideshow On each slide i want the images i am going to use the cycle plug in for that. I also want text sliding away throughout each  slide with a fade in effect and fade out effect. I need some video guidance for that or directions as how to proceed with that
  • jquery to apply css to show only if url is checked

    Hi there, I've been asked to apply a change to the background of our website at work. However I need to be able to test it before I put it live and I need to test it on the test site. However if I make a change to css it applies it instantly to live and the test site. This is not good for customers if the background of the website is constantly changing colour and potentially presenting incorrectly. Is there anyway I can set a piece of css to only apply if jquery has checked the url in the browser
  • problem with linking

    Hi everyone,  I'm trying to make an application that browses some".html" stored on the device, and I'm trying to make a link to a cydia package in this form:  cydia://package/com.***.***  The link works in every app -notes, messages, whatsapp ...- except my app !  any idea what's the problem here ?!  Thanks ..
  • Select box change event

    Hi, I am new to jquery and try to use it for two simple functions on my page. Before i used Ajax but ajax didnt work on IE. So I am trying to get the value of a Selectbox on change and send it via get to another php page, this page echos the htmlinner for the second Selectbox. My first attemps to try out jquery didnt work. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <title>Softbox - Passwortverwaltung</title> <link
  • Using history.pushState() & history.replaceState() methods with ajaxEnabled: false

    Hello, I have ajaxEnable: false (IT architect decision) but one part of my app uses ajax to load the pages because we're using a web service for this one feature. When I hit the browser back button after navigating within the ajax section, it takes me to the previous fully loaded page and not the ajax loaded page I was last on. Make sense? I've implemented data-ajax="true" on all my links within the ajax section, but it doesn't seem to be working. I'm using the basic header, footer and content div
  • animate on page load...

    I am trying to animate the overview (a brif descrption) of my shopping basket on a clients website but it doesnt work! In theory sounds dead easy, however, I want that to happen only when the user adds a new product on the basket, so this is what is happening... When the user adds a new product on the basket, the page (which is the product details page) reloads its self and it deosnt take the user to the basket detials page. The user can go to the basket page only if s/he wants to. So what I want
  • Performance

    Hi all, Firstly sorry for my question! This $("input#test") is better than $("#test")? Or has no difference? Thanks..
  • Contact to jQuery

    Hi! Does anybody know if there is an email adress or a contact form to send a message to "jQuery headoffice" to ask them a question about licensing? Couldn't find an adress! Thanks!
  • Problem with Jquery and Jcicle

    Hi Guys I'am problem with code below  $(document).ready(function(){    $('#right').load('http://dilingerie.com.br/slide');    //----------------------------  $('#menu li a').click(function(){   link = $(this).attr('href')   $.ajax({     url : link,     beforeSend: function(){      $('#right').hide('slow')      $('#carregando').show('fade')     },        complete: function(){      $('#carregando').hide('slow')      $('#right').show('slow')     },     success: function(retorno){         $('#right').html(retorno)
  • Form submission dosn't work after self-destruction of child

    Browser: firefox 14.0.1 In simple test below if you press button "test1", then button "test2" will not work. In Google Chrome it's ok. <html> <head> <script type='text/javascript' src='/js/jquery-1.5.2.min.js'></script> </head> <body> <? echo $_POST[test]; ?> <form action='test.php' id='form' method='post'> <input name='test' type='text' value='testval'> <button onclick='$(this).remove(); return false;'>test1</button> <input  type='submit' > </form> <button onclick='$("#form").submit();'>test2</button>
  • Why does Ajax data send single integer as array?

    I'm sure this question has been answered many times in the >5000 posts found with "ajax data", so I apologize for repetition, but at least this should have a simple answer. If I write $.ajax({  ..., data: {id: id}, ...}) then I get a query string like ...?id[]=147 rather than ?id=147. Why is this array form used? According to the docs, the params function is used to convert the data if a key-value pair string is not provided, but $.params({id: id}) returns "id=147", not "id[]=147". What is going
  • Jquery dialog with modal true is not working

    Hi folks, I used jquery dialog plugin to create overlay dialog. Dialog works fine. But i also set property modal=true to hide/inactive all background screen. For some reason it was not working.  Here is a dialog sample::  $("#main_pre_note").dialog({         resizable: false,         height: 200,         width:484,         modal: true,         title: '<span class="icon"></span>&nbsp;Tittle text',         autoOpen: false        });  $("#main_pre_note").dialog('open')   Anybody have any idae?
  • Question about a data object for jquery each method...

    Is it possible to store a function into a data object for the jquery each method like this... $.each([ {keypress: 65, mcall: x()-player.speed},         ....          ....         .... ], function(i, obj) {           //Do something with keypress and mcall    }); I'm learning to put strings and numbers for the value of mcall, but I have a situation where I need to place a custom function x() minus a javascript object player.speed. Is that ok for mcall or is there another way to write this? Thanks!
  • populate telerik dropdown list using jquery

    I am having issues with populating a telerik dropdown list using jquery. I get the following Error: 'get(...).options' is null or not an object On line: $("#courseID").get(0).options.length = 0; Here is my telerik dropdown list:                 <%= Html.Telerik().DropDownList()                 .Name("courseID")                 .HtmlAttributes(new{ @id="courseID"})                 %> Here is how I am trying to populate it using jquery: I call the populateDDL function on "StudentID" focusout event,
  • jQuery Mobile and desktop browsers

    Having spent the last year or so working with jQuery Mobile, there are certain aspects of the framework that I think could also benefit my traditional, desktop projects. From a design perspective, I think iPads and other tablets share much more in common with desktop sites than with true, phone-oriented mobile sites, so I would prefer to design based on screen real estate first, and input type (touch vs. mouse) second. Obviously, there are a ton of caveats that could be highlighted here, but what
  • inserting div content into another div class

    Hi, do the needful. here is my code <div class="clsName">     <div class="innerClsName">one</div>   </div>   <div class="clsName">     <div class="innerClsName">two</div>   </div>     <!---Add Div here-->   <div class="clsName">     <div class="innerClsName">three</div>   </div>   <div class="clsName">     <div class="innerClsName">four</div>   </div>   <div class="clsName">     <div class="innerClsName">five</div>   </div> </div> i want  to insert any one of the innerclass(innerClsName) content
  • Showing text with specific font

    Hello, I load some htm file using jquery Load method into div section. the text in htm has a specific font. When clients are showing these html I'm not sure they will see the text with the font which is only installed in my system. I don't know how to show text on client machine with the desired font, help please.
  • Find and remove all occurences of class .selected

    Supposing i have 3 divs.Div1,div2,div3.Once any div is clicked,i add the class selected to that div.In my example,once another div is clicked,i remove all the class selected from all my divs,even those that do not have selected and add class selected to the clicked div.So far i have this. $('div .kontainer').find('.selected').removeClass('selected');Is this the right approach?.
  • Star Rating Plugin, replace input fields after whole page is loaded

    Hey there, I'm using the jQuery Star Rating Plugin v3.14 in a Typo3 environment where I show the result of a poll. When adding the stars to the "normal" page. Everything is working well.  But I have also a detail view (with the stars), which is loaded from the user with javascript (after the full page is loaded). Doing this, the input-fields (type="radio" class="star") won't replace with the stars.  Now my question: What do I have to do that input fields (which should be stars) are replaced with
  • Jquery Mobile and Lazy load

    Hello I have a problem with JQ Mobile and lazy load. When i create a 10 first articles, with collapside, is ok, but when i click the button to load more articles, that articles come with no design, no funcionalite (collapse). All works, but i dont know what is this problem. My english is bad sorry =D
  • Disable # Anchors?

    I have some jQuery UI tabs, controlled by # anchors. You click a tab and it opens instantly, but if you want to open 'tab 2' by default you would link to "domain.com/directory/#tab2" The problem is, each tab has a list of data with pagination. A page link example would be "domain.com/directory/?page=3#tab2" This will open page 3 on tab 2, but the page jumps down, when I'd like it to stay at the top of the page. How would I go about doing this? Thanks.
  • How do I trap and void ESC (CHR 27) keypress on my webpage?

    I would like to trap and void ESC keypress  by the following code:             //Block ESCAPE Keys             $(document).keydown(function (e) {                 if (e.keyCode == 27) return false;             }); It does not seem to do anything. Also can some guide me if I void ESC keys this way, would Jquery dialogs which use CLOSEONESCAPE be affected? I want them not to be disturbed by this trap and dragnet that I want to set for ESCape key.
  • Next Page

  • Announcements

  • The Basics of jQuery AJAX

    A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
  • jQuery Conference 2010: Boston Announcement

      The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010.  The conference will be held at the Hilton Boston Logan in Boston, Massachusetts.  The best part of this announcement is that Tickets are on sale now!  This venue is the largest that the project has worked with to date (Harvard Law School in ‘07, the MIT Stata Center in ‘08 and Microsoft New England Research Center in ‘09) and we expect to sell out very quickly. A brief synopsis of some of