Search Results

Search found 18359 results on 735 pages for 'jquery chosen'.

Page 455/735 | < Previous Page | 451 452 453 454 455 456 457 458 459 460 461 462  | Next Page >

  • get url:xml why external url does not work

    - by Kazim Cubbali
    I am trying to grab information from an external xml with the following code. It only worked when I uploaded same file to my servers. Why cant I grab information from an external url? <script language="javascript"> // This script uses jQuery to retrieve the news XML file and display the contents $(document).ready(function(){ $.ajax({ type: "GET", url: "www.simplyprofound.com/samples/xml_jquery/sample.xml", dataType: "xml", success: function(xml) { $(xml).find('item').each(function(){ var title = $(this).find('title').text(); var source = $(this).find('source').text(); var description = $(this).find('description').text(); $('<div class="news_title"></div>').html(title).appendTo('#news_wrap'); $('<div class="news_source"></div>').html(source).appendTo('#news_wrap'); $('<div class="news_description"></div>').html(description).appendTo('#news_wrap'); }); } }); }); </script>

    Read the article

  • How do you add objects to a javascript namespace?

    - by Fletcher Moore
    var Test = (function() { return { useSub: function () { this.Sub.sayHi(); }, init: function () { $(document).ready(this.useSub); } }; })(); Test.Sub = (function () { return { sayHi: function () { alert('hi'); } }; })(); Test.useSub(); // works Test.init(); // explodes Above I am trying to create a Test namespace and add an object Sub to it. I was doing fine until I tried using the object in jQuery. The error is "Uncaught TypeError: Cannot call method 'sayHi' of undefined". If there is a better way to do this, I am open to it.

    Read the article

  • Truncate text if it atempts to run into three lines

    - by Jigs
    I have a small about 140px wide aligned next to a picture. In total there is space for four lines of text. The first two lines are reserved for the title and there are two lines of other info. I want the title to be cut if it spans more than two lines else it will push the other info out of line with the bottom of the image. The only solution I could think of was to create a div the height of two lines with an overflow to hidden. However, if the title is only one line it leaves a big gap. The solution can be Jquery, plain javascript, CSS or even PHP (if its possible). TIA

    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

  • Problem with dynamically added script element - attribute src is empty

    - by Stazh
    Hi there, I have a problem with dynamically added script element (using jQuery). Code for adding new script element to DOM is this: var pScript = document.createElement("script"); pScript.type = "text/javascript"; pScript.src = sFile; // Add element to the end of head element $("head").append(pScript); The script is added with no problem, and the code runs perfectly. But, the problem occurs when I try to find the newly added script. I use this code to iterate through all script elements: var bAdd = true; $("script").each(function() { if(this.src == sFile) bAdd = false; }); (I need this code to prevent adding script that is already loaded) Problem is that all other script elements have src attribute set, but the newly added (dynamically) has not... Any idea?

    Read the article

  • Javascript parent page redirection from iframe.

    - by Danil
    Hello to all. I need to implement parent page redirection from iframe. I know that it is impossible to do in different domains due to browsers security. However I found that links have target attribute and tried to use it in the following way: <a href="http://google.com" target="_top" id="testParentRedirect">someLink</a> It works fine if I click this link manually, but I couldn't find cross-browser solution to simulate it using javascript. document.getElementById('testParentRedirect').click(); This works fine in IE, however Firefox and Safary don't know click function :). I tried to work with jquery, but for some reason they don't simulate click event for links. (see following post) I couldn't find any appropriate solution on stackoverflow. Maybe someone could help me in it. I will appreciate it. :)

    Read the article

  • how to hightlight a div if the page.isvalid=false.

    - by Nimesh
    I wanna high light particular div when the page.isvalid=false. on the pageload i am able to get display the error message. But the issue is that i am not able to highlight the control which is required. I have a js function which sets the error class to the div. Its working fine when i click on a button. On the page load i wanna set this as well. can i do this using some jquery??? or something other way.. Please let me know how to do this.... share your ideas.... Thanks

    Read the article

  • Datatables pagination characters "<<" and "<" not displaying correctly in IE and Safari

    - by Jaaromy
    I'm using the DataTables jQuery plugin and am having issues with the First and Previous pagination links displaying correctly in IE and Safari (Firefox and Opera work). "<<" and "<" display as "<" and "". $(document).ready(function () { oTable = $('#fileList').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "oLanguage": { "sSearch": "Search all columns:", "oPaginate": { "sNext": '>', "sLast": '>>', "sFirst": '<<', "sPrevious": '<' } } }); I have attempted to escape '\<\<' to no avail. Any ideas?

    Read the article

  • switching default keyevents actions after key combinations

    - by liysd
    I need to change default actions of two events. When I press "enter" one action occurs, when I press "shift-enter" another. I need to switch it. I means if I press "enter" than "shift-enter" action occurs. I tried something like this but if doesn't work. f(evt.keyCode == 13) { if(!evt.shiftKey){ evt.preventDefault(); evt.shiftKey = true; var e = jQuery.Event("keydown"); e.which = 13; e.shiftKey = true; $(wym._doc).trigger(e); Is there any way to do it?

    Read the article

  • How to pass json via a form element

    - by becomingGuru
    I have this swf (flash) file that provides the json that needs to be sent to the server. I wrote a very simple jQuery: function submitForm(swf_json) { $('#swfjson').val(swf_json); #swfjson is an input of type hidden $('#titleForm').submit(); } and the swf will call the submitForm above and I receive the request.POST in django as usual. But, django is interpreting the swf_json as a string "Object object" >>>type(request.POST['swfjson']) <type 'unicode'> Of course I can pass the json as a string to the view function. Doesn't seem good to me. Any other way of passing the json object to the django view?

    Read the article

  • Dependent checkbox, do you think this can be simplified more?

    - by Louie Miranda
    I have the following code which is working, I was wondering if this can simplified more. Demo: http://jsfiddle.net/TnpNV/8/ <form name="cbform"> <input type="checkbox" value="1" name="one" id="one" /> one<br /> <input type="checkbox" value="1" name="two" id="two" /> two </form>? <script> $('#one, #two').click(function(event) { var checked = $(this).is(':checked'); if (checked) { $('#one').attr('checked', true); $('#two').attr('checked', true); } else { $('#one').attr('checked', false); $('#two').attr('checked', false); } }); </script> It's basically a two checkbox that is dependent on each other. Jquery was used to check and uncheck them. Regards

    Read the article

  • Issue with Sliding Up/Down a Hidden Div using .toggle()

    - by user1760110
    Can you please take a look at this JSFIDDLE sample which I am trying to create a smooth animate of hidden div from down to up on mouse hover. As you can see the div appears from left down corner but I would like to animate it from bottom to top. I tried to use animate() but I didn't know how to change the hidden div statue from hidden? here is the code I am using: $(document).ready(function() { $('#handler').hover(function(){$('#hidden').toggle(1000)}); });? Can you please let me know how i can use jQuery easing plugin for something like this? Thanks

    Read the article

  • The best way to deploy one site for two companies in ColdFusion?

    - by Ofeargall
    My client has multiple companies; different names/logos etc, but all the content on the sites are identical with the exception of said names/logos. In a ColdFusion environment, what would be the best way for me to serve up identical content and swap out the logos/company names on the fly so I can keep everything in one spot? Is this a jQuery solution? regex? Or will ColdFusion enable me to deploy this in an efficient manner based on the url and session variables?

    Read the article

  • Dragged div change places with destination

    - by Cudos
    Hi. Maybe a bit complex to explain. I have a grid with 9 images 100 x 100 px like this (each number symbolize a picture): 1 2 3 4 5 6 7 8 9 What I want is that the user can drag and drop e.g. 9 over 1 and they change places like this: 9 2 3 4 5 6 7 8 1 Sortables from jquery UI will not work since their solution is using floats. That will "push" all the boxes to the right or left e.g.: 9 1 2 3 4 5 6 7 8 thanks in advance.

    Read the article

  • How to save event handlers, when we set new html for element?

    - by Kai
    I have simple html markup: <div id="cont">Some text here <div class="wrap" style="border: 1px solid black;display: inline;"> block element here </div> and another text</div> And jQuery code: $(function(){ $(".wrap").click(function(){ $("#cont").html($("#cont").html().replace(/text/g, "letter")); alert("Click!"); }); $("#d1").click(function(){ alert("#d1 clicked!"); }); }); I expect that click event will be fire any time you clicked by the #d1 div, but when we clicked by .wrap it neve fire again. I understand why it has such behavior, but how to solve it? In my code I can't set click event for #d1 after $("#cont").html($("#cont").html().replace(/text/g, "letter")) because I don't now at execution time if event was set. You can try example on JSBin

    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

  • is it possible to override a css class

    - by oo
    i have the following jquery code to format a html table. $(".jtable td").each(function() { $(this).addClass("ui-widget-content"); }); i want (one on table) to change the text color to blue (its black in the ui-widget-content class. i tried doing this below but it didn't seem to do anything. Any help on override some particular css for one table (and i want to leave the other tables alone) $(".jtable td").each(function() { $(this).addClass("ui-widget-content"); $(this).css("color", "Blue"); });

    Read the article

  • HTML: When i hide a textbox in a Table, is it expected that the table reformats the space?

    - by Michel
    Hi, i have a input type=text in a table (in a TD actually) When a user clicks a checkbox, the input is hidden with Jquery (via the hide method) This makes the style of the input to "display:none;" So far so good. Now, when that has happened, the row where the cell is in is shrunk (the height is lowered) because the only thing left in the row is a <span>, which height is lower than the input height. The net result of this is that the row gets smaller, and when you click the checkbox again the input re-appers and the row gets larger. That doesn't look so nice, so i wondered if there was a way to prevent this? And second: is this the way it should work (the table resizing)?

    Read the article

  • Is there a better acts_as_commentable for Rails?

    - by levi rosol
    Here's what I'm looking to do. I have a site where I want the user to be able to leave comments on various Models. acts_as_commentable is the obvious starting point for this, but I'm curious if there is a gem / plug-in with a more robust feature-set. For example: Pre-built partial(s) (w/ or w/o Twitter / FB buttons) Partial(s) that utilize jQuery Twitter and / or FB tunnels (push to the users twitter / FB when they comment) Pre-built mechanism for pushing other users comments to users viewing that Model I can see how some of this functionality could be app specific, however, a generic implementation seems like it would be useful. I'm curious if something like this exists or not.

    Read the article

  • How can I determine img width/height of dynamically loaded images in IE?

    - by Jens
    My markup is a simple div element with id 'load'. Using jQuery I then load a list of image elements into this div: $('#load').load('images.html', { }, function() { $(this).onImagesLoad({ selectorCallback: function() { ....do something.... } }); }); where images.html is a list like this: <img src='1.jpg' caption='img 1'> <img src='2.jpg' caption='img 2'> ... To ensure that all images are loaded completely, I use the onImagesLoad plugin. This, so far, works just fine on all browsers. However, on IE8 (and I assume other versions of IE also) when I then iterate over the img elements, I am unable to determine the width/height of the images loaded. The image.context.naturalWidth and naturalHeight attributes don't seem to work. How do I get a hold of the images' dimension? Thanks heaps :)

    Read the article

  • Looking for Info on a Javascript Testing framework

    - by DaveDev
    Hi Can somebody fill me in on JavaScript Testing Frameworks? I'm working on a project now and as the JS (Mostly jQuery) libraries grow, it's getting more and more difficult to introduce change or refactor, because I have no way of guaranteeing the accuracy of the code without manually testing everything. I don't really know anything about JavaScript Testing Frameworks, or how they integrate/operate in a .Net project, so I thought I'd ask here. What would a good testing framework be for .Net? What does a JavaScript test look like? (e.g. with NUnit, I have [TestFixture] classes & [Test] methods in a ProjectTests assembly) How do I run a javascript test? What are the conceptual differences between testing JS & testing C#? Is there anything else that would be worth knowing? Thanks Dave

    Read the article

  • How do I load the background image from another page?

    - by bbeckford
    Hi all, I'm creating a page that loads content from other pages using jQuery like this: $('#newPage').load('example.html' + ' #pageContent', function() { loadComplete(); }); That all works fine. Now what I want to do is change the background image of the current page to the background image of the page I'm loading from. This is what I'm doing now but I can't for the life of me get it to work: $.get('example.html', function(data) { var pageHTML = $(data); var pageBody = pageHTML.$('body'); alert(pageBody.attr("background")); }); What am I doing wrong?? Thanks, -Ben

    Read the article

  • Hide partial background repeat

    - by ComFreek
    Consider these simple CSS rules: jsFiddle div#container { width: 50%; height: 260px; background-image: url('Image.png'); background-repeat: repeat-x; }? The problem is that I only want full images. If there is not enough space for another duplicate, it should NOT be shown. I've never heard that CSS provides a rule for it. So how can I achieve it in JavaScript (jQuery already included)?

    Read the article

  • Conventional Approaches for Passing Data to Back-End?

    - by Calvin
    Hi guys, I'm fairly new to web development, so please pardon the painfully newbie question that's about to follow. My computer science class group and I are developing a web application for class, which is built in Python (under Django) and uses jQuery on the front end. It's primarily an AJAX-ified application, and passing data from the backend to the front end is done through AJAX calls to specific URLs which return JSON. This is probably a stupid question, but what's the conventional approach for passing data in the opposite direction? We don't want to reload the page or anything, so is it an AJAX pass going the other way or something? Thanks in advance for your help!

    Read the article

  • Where is the best place to put <script> tags in HTML markup?

    - by mipadi
    When embedding JavaScript in an HTML document, where is the best place to put the <script> tags and included JavaScript? I seem to recall that you are not supposed to place these in the <head> section, but placing at the beginning of the <body> section is bad, too, since the JavaScript will have to be parsed before the page is rendered completely (or something like that). This seems to leave the end of the <body> section as a logical place for <script> tags. So, where is the best place to put the <script> tags? (This question references this question, in which it was suggested that JavaScript function calls should be moved from <a> tags to <script> tags. I'm specifically using JQuery, but more general answers are also appropriate.)

    Read the article

< Previous Page | 451 452 453 454 455 456 457 458 459 460 461 462  | Next Page >