Search Results

Search found 18690 results on 748 pages for 'jquery cookie'.

Page 468/748 | < Previous Page | 464 465 466 467 468 469 470 471 472 473 474 475  | Next Page >

• Decrease the load time for Mobile Version Rails Site

  - by Ramoji

  I have been working on the mobile version of my rails application.I am using the approach of using the same controller and rendering a mobile view when the request is from a mobile device. I am using jquery mobile in mobile views. For mobile views I did not use any layout for the views because it is the same as loading the required files in each view. In this approach, Every request essentially loads all of the required js,css files which i feel is making the mobile site to load slowly. How could i make my views to load the js and css files just once? Thanks, Ramoji.

  Read the article

• JavaScript OnClick Handler Not Invoking

  - by potatolicious

  I'm calling a javascript function in an inline onclick like so: <a href="#" onclick="removeAttribute('foo', 'bar');">Some Link</a> When I click on the link, though, nothing happens. I have other links (to other functions) tied to onclicks that work fine elsewhere on the same page. All links to this "removeAttribute" function fail. There are no errors in Firebug, and the onclick event handler is being invoked - but stepping into the removeAttribute function ends up, for some reason, somewhere in jQuery.js. At no point does removeAttribute ever get called. If I do: javascript:removeAttribute('foo', 'bar'); in Firefox's address bar. The function is called successfully. Anyone seen this?

  Read the article

• When a li is appended, does it not become a part of the ul "for real"?

  - by Noor

  I have right now this code: <ul><li class="listitem">text<li></ul> jQuery: $('.listitem').click(function() { $("#elname").text($(this).text()); $('#slists').css('visibility','hidden') $('#elname').css('visibility','visible') $('#elname').css('display','inline-block') }); This is supposed to hide a div and it does, but when I append items to the ul (with the class listitem) nothing happens with the appended item, the class it gets is correct, the title, and the value too. Can this have something to do with the code above being in the document ready function to do?

  Read the article

• Google Map V3 Constants as Variables

  - by Beardy

  In the example below I am trying to update the map type depending on the value of the selected option type. Unfortunately it doesn't seem to load the maptype into the google.maps.MapTypeId which is frustrating. I have tried it as a string as well as var gmapsMapType = google.maps.MapTypeId.++maptype; and I feel I am missing something here. HTML <select id="maptype" name="maptype"> <option selected="selected" value="RoadMap">Road Map</option> <option value="Satellite">Satellite</option> <option value="Hybrid">Hybrid</option> <option value="Terrain">Terrain</option> </select> JQUERY var maptype = $('#maptype>option:selected').val().toUpperCase(); var gmapsMapType = google.maps.MapTypeId.+maptype; map.setMapTypeId(gmapsMapType); Help is appreciated.

  Read the article

• javascript - how to call a function newly added from ajax

  - by strike_noir

  I have a coding difficulty which have been asked in this forum before: Calling a JavaScript function returned from a Ajax response But I didn't find the answers quite satisfying. To be more precise of the problem I'm dealing, here is the details: I dynamically load a document (HTML and javascript) using jquery var url = 'document.php'; $('#container').load(url); And then I want to call the functions from that document.php. Due to my requirement, I don't want to call the function after the documents' loaded, but rather to call it later when I need it. Because it was dynamically loaded, the DOM doesn't recognize the functions. How to properly call this function? Thank you

  Read the article

• Can't get ScrollTo to work with keyboard arrows

  - by adamwstl

  I'm trying to setup the Jquery plugin SerialScroll with Ariel's added keyboard controls. I'm calling these three JS files: serialScroll.js scrollTo.js keyboard.js (the keyboard control snippet) Html I'm trying to manipulate. Want it to jump from ind-photo to ind-photo on arrow left and right. <div id="photos"> <div class="ind-photo"><img src="2.jpg" /></div> <div class="ind-photo"><img src="3.jpg" /></div> </div> I can't get it to work at all. I know there are likely slight things that are going to be off, but this isn't working at all. Thanks in advance.

  Read the article

• Sending JSON collection to ASMX webservice

  - by Mironline

  I have got this json collection in page : var json= { "Elements": [ {"Alignment":null,"Bold":false}, {"Alignment":null,"Bold":false} ], "Front":true, "ThemeID":"9" }; I've generated this JSON in run-time & posted to page. my question is , What is the best solution to send this json to web-service using jQuery. should I use the JSON.stringify method and sent it as as string ? if yes what is the input type in web-service ? can I send it as an object to web-service and set the List<CusomeObject> as input ? in this case how can I implement that ?

  Read the article

• javascript: problem with function

  - by Zayatzz

  hi I have this simple function: <script type="text/javascript"> //<![CDATA[ jQuery(function($){ function here(b){alert(b);} ; here(6); }); //]]> </script> and i have this button on page: <button onclick="here(7);">TEST</button> The alert fires on page load, but not on button click. If i replace the here(7) with alert, it works fine. Why doesnt it work with function though? Alan

  Read the article

• How can I add styles to dynamically added table cells?

  - by Doc Hoffiday

  In my program I have a table that, when loaded, has jQuery add some styles/classes to the table cells and table headers. Everything works fine until rows are added via functionality on the rest of the page. Instead of adding the classes to the table cell during addition, is it possible to "listen" or fire some event that checks to see if child elements were added to the table. Essentially, I want something functionally equivalent to this: $("#table td").live("ready", function(){ // do something }); but the live/ready won't work on a table cell... Any ideas?

  Read the article

• Get drop down menu value on Jqery

  - by Jerry

  Hi all Got a simple question. I would like to get a drop down menu value when a use clicks it. I tried to write the code on my own, but couldn't do it. Any helps would be appreciated. My Jquery $("#week").change(function(){ var input=$("week: select").val(); alert(input); //display undefiend My Html <form id="week"> <select> <option>Week 1</option> <option>Week 2</option> <option>Week 3</option> <option>Week 4</option> <option>Week 5</option> </select> </form>

  Read the article

• ASP.NET MVC, JSON & non JavaScript clients

  - by redsquare

  I need to ensure that an application I am developing is accessable and also works with JavaScript turned off. I just need a pointer to assist with the following. I had 3 'chained' select boxes and I wanted JavaScript enabled clients to have a nice Ajax experience. I can easily write the required functionality to populate the chained boxes on the change event of the preceeding select using jQuery and JSON with a WCF service. However what about the non JavaScript client? Would I wrap a submit next to the select and place these inside their own form to post back with a certain action or different querstring parameter? Can the same controller give me a partial JSON response as well as feeding the full HTML response. Can anyone point me to a good demo that utilises both JSON and normal HTTP posts to produce the same result in ASP.NET MVC. All ASP.NET MVC demo/examples I see forget about the non JavaScript enabled client.

  Read the article

• Bypassing Javascript form handler

  - by Ben Aston

  We are writing an ASP.NET MVC application. By default, if the client browser has Javascript, the handler for every form on the page is set, by Javascript, to be one that sends the submission down an Ajax "pipe" (progressive enhancement). But, for one form (on a page of several), I'd like this handler to be bypassed/ignored. Is there a simple way to do this? Perhaps by overriding the handler by specifying my own onsubmit event directly in the DOM - or some other method? We use jQuery, so those libraries are available to me.

  Read the article

• after dragging up, animate viewport up and after dragging down, animate viewport down...

  - by Luis

  I been trying to make this work for the last couple of days, I'm a new into web designing so I hope someone can help me out with this. I'm trying to run an animation after dragging the div container depending if the user is dragging up or down. This is the code that Im working on. this is the code when calling the jquery widget $ $('#container').draggable({scroll:true, axis: 'y', //scrollSensitivity: 1000, stop: function(event, ui) { if(scrollY <= 0){ $('#container').animate({ top: '-2000px' }, 500); } if(scrollY -= 0){ $('#container').animate({ top: '0' }, 500); } } });

  Read the article

• Posting null values via AJAX

  - by nickf

  Using the jQuery $.post function, if you send a null value, it arrives at the server side as "null". Example: Javascript: $.post('test.php', { foo : null }); PHP: var_dump($_POST['foo']); // string(4) "null" I understand why this is so, but was wondering the best way to work around the limitation? Should you: Loop through all the variables in JS before you send them and replace with an empty string? Interpret "null" as null on the server side? Don't send the variable at all? Something else?

  Read the article

• Override asbolute position on child container (modal window)

  - by Shawn Mclean

  I have a modal window that is pulled from the server and inserted into a container that is absolute positioned. When that window is triggered to open, it does not display properly, it positions itself inside the container and most of it is hidden. Is there a specific css to be written for the container of the modal window (MyModalWindow). My code is as follows: <div style="position:relative;"> <div style="position: absolute;"> <div id="MyModalWindow"> </div> </div> </div> This is a jquery tools window.

  Read the article

• prevent hover set by the CSS

  - by meo

  I try to prevent the Browser from using the :hover effect of the CSS. $("ul#mainFilter a").hover( function(o){ o.preventDefault(); ...do my stuff... }, function(o){ o.preventDefault(); ...do my stuff... }); I tired it with return false; to but it does not work. Does anyone know how to do this? due the answers i give you some more nfo: I have set the a and a:hover styles, in my CSS already. Now if JS is available on the clients machine, i want to overwrite the effect with a smoother one. (using jQuery color plugin) As mentioned by fudgey, a work around would be to set the style (using .css()) but i would have to overwrite every single effect specified in the CSS (see here: http://jsfiddle.net/raPeX/1/ ). I am looking for a generic solution.

  Read the article

• Avoid multiple autocomplete calls by wrapping it with SetTimeOut

  - by pixelboy

  Here's my issue : using an autocomplete jQuery plugin, I'd like to avoid multiple ajax requests when user strikes his keynoard by surrounding the $('#query1').autocomplete({ serviceUrl:'/actions/autocomplete?population=salon', minChars:3, maxHeight:300, width:200, clearCache:true, onSelect: function(suggestions,data){ $(".btn1").attr("href", "${pageContext.request.contextPath}/actions/espaceClients?participantId=" + data) } }); with something like var search = false; $('#query1, #query2, #query3').keyup(function(){ if (!search){ search = true; } if (search) { search = false; autocompleteThem(); } }); A you can see, above code is stupid, but it kinda shows what i'm trying to do. In simple words, if user dosen't type anything else in a certain period of time, then you can call autocomplete. I hope i'm being clear, as my brains are a mess...

  Read the article

• iPad javascript scrolling

  - by davids

  I'd like to get the same behaviour of the native javascript scrollTo function in iPad, just attaching a function to the swipe event and scrolling the content a specific number of pixels. That doesn't work in iPad using scrollTo or several different jquery plugins, like scrollTo or iScroll. I think I'm having problems because I'm working with an iframe, as I have another html document in it, with its body divided in columns, but I'm just showing the first one. The point of all this is that, after swiping, it should show the next/prev column, and I tried scrolling the iframe window or the inner's html body, which actually works in chrome, but it doesn't in iPad.

  Read the article

• Does Google crawl AJAX content?

  - by Doug

  On the home page of my site I use JQuery's ajax function to pull down a list of recent activity of users. The recent activity is displayed on the page, and each line of the recent activity includes a link to the user profile of the user who did the activity. Will Google actually make the ajax call to pull down this info and use it in calculating page relevancy / link juice flow? I'm hoping that it does not because the user profile pages are not very Google index worthy, and I don't want all those links to the User profile pages diluting my home page's link juice flow away from other more important links.

  Read the article

• AJAX server calls on a JSF-centric app

  - by Konrad Garus

  I'm building a JSF 2 application. I wanted to integrate it with jQuery, e.g.: $.getJSON(contextPath + '/something', function(data) { // ... }); I need contextPath/something to return data in JSON. How can I do it? I know I can assign another servlet to this URL, but this approach does not seem to scale well. One could use a more scalable approach with a front end controller (e.g. Spring Web MVC), but I really wanted to write this in Java Enterprise stack. What other options are there?

  Read the article

• rails code within javascript

  - by Jesse

  I am trying to use some rails code withing a javascript and need to have that rails code be dynamically changed. Here's the line of code: $(this).replaceWith("<%= escape_javascript(render(:partial => 'shared/products')) %>"); The 'shared/products' is the part I want to change based off information passed earlier in the javascript. How do I insert a value from javascript so that instead of 'shared/products' the products portion can be a variable? Hope this makes sense. I'm not the most experienced jQuery/javascript programmer, so any help is very much appreciated. Thanks in advance!

  Read the article

• Pre-load audio files at the client-side for later use

  - by awj

  I'm building an online test which implements audio (mp3) using the native audio player (i.e. non Flash-based). The test shows one question at a time and loads each subsequent question asynchronously. Some questions have an accompanying audio file, others don't, and the audio files can be several MB in size. So what I'm hoping to do is to preload the audio files client-side at the start of the test and then move these into place when the relevant question comes up. So far I've tried loading an audio file into a QuickTime player, then when that question comes up I use jQuery's clone(true) method to copy this into a part of the page which is displayed. However, when I do this the QuickTime player has to reload the audio file from source. Same is true for Windows Media Player. Does anyone have any suggestions as to how I can preload the audio client-side and then call it forward when needed?

  Read the article

• Change the colors of JvectorMap when there are 2 maps on the page

  - by Youssef

  i am using Jvectormap to place 2 maps on my page. the maps are placed normally and everything is fine. they are placed in 2 different divs: <div id="map1"> </div> <div id="map2"> </div> and the Jquery: $(function () { $('#map1').vectorMap({ color: '#aaaaaa', backgroundColor: '#ffffff', hoverOpacity: 1, hoverColor: true }); }); $(function () { $('#map2').vectorMap({ color: '#aaaaaa', backgroundColor: '#ffffff', hoverOpacity: 1, }); }); Now when I try to change the colors of map2 dynamically using: $("#map2").vectorMap("set", "colors", colorsDictionnary); The colors of the first one only is changed. and this happens only when changing colors. Always the first one have it's colors changed even if I am using $("#map2") How can change the colors of the map2 without touching map1? Thank you very much for any help, I really need it

  Read the article

• Looking for a lean WYSIWYG inline editor for CMS projects that includes an image upload feature?

  - by Roeland

  Hey guys, I am looking to find a lean WYSIWYG inline editor. The main required feature is image uploading. A simple way to upload an image to the server and use it in the content being editted. I have come across a whole bunch of editors but nothing I liked so far. I am looking for something open source and free. So far I have checked out TinyMCE which is free.. untill you need image uploading capabilities. Ckeditor looks great.. uses jquery.. but requires you to have your own server side script to upload images. They barely give any documentation on how to do this. There were a few others, but the bottom line was that I cant find anything that is simple with out of the box image uploading capabilities. Thanks for any advice you may give!

  Read the article

• jqueryui progress bar options like transparency and text

  - by cf_PhillipSenn

  Can I have text in the background of a jQuery UI progress bar? You know the kind I'm talking about don't you? The kind that where color:white because the progress bar is over it, and color:black because the progress bar hasn't reached it yet. I think I've seen that type of effect while installing software. Also, what about a background-image, which works, except that it is totally covered up by the progress bar? I'd like for the progress bar itself to be a little bit transparent.

  Read the article

< Previous Page | 464 465 466 467 468 469 470 471 472 473 474 475  | Next Page >