Basic(?) jQuery problem
I would like to execute this basic jQuery command: var query = jQuery('<item>Test Me</item>'); displayMessage("*" + query.("item").text() + "*"); I should see Test Me in the notification box right? But I see nothing. Am I missing something here? Mroki Fatcow reviews
Ajax loading of kml works in webkit/gecko/presto; not in IE
I'm developing yet another kml viewer for google maps, as neither GeoXml or nor GGeoXml provide a feature I really need: good dynamic network link support. The current code I've got works well in every browser except Internet Explorer, which fails when trying to load the kml. I've set up a simple example at http://tsr.no-ip.org/jqkml.html, although this is stripped back to the bare minimum to highlight the problem. The problem lies in the mimetype handling. If the mimetype for the kml file is over-ridden
[Accordion] Layout move on click
Hi guys, I use Accordion into a tab and I have a particular problem just on FF.. When I click an accordion header the whole layout move on the left side ... This is the page, so you can see my problem: http://www.forumlibri.it/tuttoteche/non_so_dove_volare-69/ Any solution? Thanks
How to select ID from clicked element and pass it to the server using AJAX
Hello, I wonder how you can select the ID of an element (li) you have clicked and pass this to the server to do stuff with it :-) Thx, for all support! Christophe
xml parsing
hi, im converting now my javascripts files to jquery, i need to to how do i parse xml file by using jquery/ajax. instesd of using var xmlDoc = GXml.parse(xml); as im doing today on js. tnx alot.
$.ajax vs $.post
Hi everybody, could anybody tell me, why those two ajax calls, which should behave the same way, do not... var requestBody = { 'method' : method, 'params' : params }; $.post(url, requestBody, function(data){ $('#output').html(data); } ); $.ajax({ url: url, contentType: 'application/json', data: requestBody, dataType: 'json', processData: false,
Issues with $.get() function in firefox, chrome and safari.
Got a problem with the $.get() function on my site.. $('.tunchecked').click(function(e) { id = this.id; e.preventDefault(); $.get("/task/finishTask/"+id); location.reload(true); }); .tunchecked is a checkbox that should call a php function called finishtask . the reload and preventdefault works but not the actual calling of the function.. it works in IE (8), Opera (10.5) but not in Chrome, Firefox(latest) or Safari. Does anybody know why this is?
Implementing Dialog Widget in VS2008 Masterpage and Child Form
I am attempting to use the Dialog widget in VS2008 utilizing a masterpage and a child form that needs to call the dialog box to appear on a asp button click event and close after processing a call to a .dll that generates a report. Anyone know how to configure?
Problems with download
Is the site experiencing download problems again? I am trying to download the package but all I get in the zip file is index.html - nothing else. I see that the site has had problems in the past so I'm just wondering if I'm doing something wrong or if the site is down again. Thanks.
Tying click event to a variable
I have a setting where I construct an image reference which I then append somewhere in the DOM, like so for instance: var one = "<img src = \"test.jpg\" "; var two = "/>"; var my_img = one + two; and then I add it to DOM using after() function. It works fine. However, I also need to add a click event to it. I tried to do this: my_img.click(function(){ }); and then append it using after(), but it doesn't seem to work. One thing I can think of is append it after a certain ID, then look for it as
Why the a tag can't be selected ??
Hi, all: I'm using jquery 1.3.2 in my project, I fill the div #user_login with post and ajax: $(document).ready(function() { $.post('./app/user_account.php', function(data) { $('#user_login').html(data); return false; }); }); ./app/user_account.php
fade a css property like background color
I have a button where on hover, the background-color changes. Is it possible to fade or tween between the over and out color? I've never used jquery before so a link to an example or a small example would be awesome
Change background color at an interval of time
I would like to achieve the background color change effect by using jQuery like the one in www.intigus.com. But do not know how to do that. Anyone could lend some help?
Jquery live search+quicksilver plugin issue
Ok, as i'm sure that most people here have heard about this plugin if not here's the exact link to it.live search link and here's a link to the demo demo and finally here's the code that i was using which is the revised version of it. revised Which was done by the main man himself apparently. Well the problem i'm having with it is that it searches by list elements. And what i was going to do was to add in a bit of hidden text for the various items that i was listing mainly the hidden text/revealing
how to change a background of an element with mouseover
Hi all, I'm a bit of a newbie to jQuery, and I am trying to basically change the background image of a div element containing a nav bar when a navigation link is hovered over. Here is my script: $(function(){ $("li#hover-first").mouseover(function(){ $("div.nav").removeClass("nav").addClass("navbg"); .mouseout(function(){$("div.nav").removeClass("navbg").addClass("nav"); });So the idea is, once the first li item is hovered over, the div with classname "nav" has it's class
How to insert a class selector when roll mouse over an image?
1. I want to have 2 things on my page: an unordered list of links at left, and a grid of images at right. Each item in the list is represented by an image in the grid. This is how it should work: when you mouse over an image, the text link at left changes color. So, I hardly know any jQuery, but I suspect that you need to dynamically insert a css class selector into the <li> for that list item. How in the world do I do this? 2. I am using this plugin: jQuery cycle lite. Is there a way to make the
Hmm.. jquery and cufon_yui problem on IE8
I am not sure but, I am getting jquery script error on IE8 when I enable cufon_yui. http://184.56.229.195/xe/casetest/board_6/321 If you try to rate this document using "rating", you will see an error in IE8. (Firefox and others work fine) cufon is applied on right side bar where "Lastest Updates" is. and if I disable cufon_yui, jquery works fine on IE8 too. I am not sure what is going on.. because cufon is not applied on the button that is causing the error.. and if I disable the cufon, it
Overlayed divs, z-index and JQuery's click
I have: <div id="page"> <div> <div id="workspace"> <div id="window"> Some random text. </div> </div> <div id="map"> <svg><circle...</circle></svg> </div> </div> </div> the workspace and map divs are overlayed over each other; map's z-index is -20 and workspace's is -10. I've registered Jquery click functions for the svg circle (works when the workspace and map
Seeing content of other tabs on page load
Before the tab ui is loaded, I see the content of both tabs on the front page. Is there a way to fix this? http://4colorrebellion.com
Unable to get jquery.form file upload (with <textarea> output) working in IE7, 8.
Dear Mike, I'm was able to successfully use your plugin for firefox, safari, chrome. When the form submits the request with file upload, here is the html I send back to the browser (via Rails): <textarea>{'status': 'success', 'avatar_url': '<%=@user.avatar.url(:medium)%>'}</textarea> Nothing fancy and it follows the specs listed in your file upload plugin page. Here is what happens: 1. In firefox, chrome, safari - the success callback gets invoked and the page gets updated ajaxically with the json
Refreshing the screen
Hi all, We are using jquery to fetch JSON data from a webservice and render it to the screen in a table. We use a foreach loop to iterate through the returned collection of data items and for each item we add a table row and performs various other actions. This can be up to a couple of hundred rows. What I would like to know is how can I get the screen to refresh after a new row is added. Currently, the javascript executes, adds ALL the rows, then the screen is updated. From the users perspective
$('label[@for=txtNumber]')
Hi I used this code in jquery old version $('label[@for=txtNumber]').prepend("<span>*</span>"); And I never have any problem, now with the new version a have the next error uncaught exception: Syntax error, unrecognized expression: [@for=txtNumber] Some body can help me?
Multiple parallel ajax calls
I'm trying to build a page that hhas multiple ajax calls on it. When you do it the old-fashioned way with XmlHttpRequest, you'd create a new xhr object for every call so that they execute simultaneously. If I try to do this in jquery it will only execute a call when the previous one has completed. This makes the page load time completely unacceptable. Does anyone have an idea on how to improve the performance?
Troubleshooting XML error returned to client browser
I'm new to Ajax. I'm getting a parse error in $.ajax. The xml file I am feeding it is dead simple, and validates just fine elsewhere. What else can I do to see what is wrong with the xml file? Here's my problem function: $(document).ready(function(){ $("#signup").submit(function(){ alert("post is about to be called"); $.ajax({ url: "php/signup.php", type: "POST", datatype: "xml", data: { f_email: $("#f_email").val(), f_firstname: $("#f_firstname").val(),
How do I create a non-stop fade cycle?
Hi Folks, I have this little problem that I seem to not be able to figure out... I'm using jquery to fade images. My customer whishes that these fades happen without any breaks in between. (meaning that they'll continuously keep fading into each other) Currently my code look like this: <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade', speed: 3000, timeout: 1 }); }); </script> If I undestood this correctly (reading the wikis)
Changing datepicker's date format
Hi, My datepicker works well except that the date it outputs in my input field is like mm-dd-yy, whereas I want dd-mm-yy. I tried to use formatDate : $( "#timeline" ).datepicker({ disabled: true }); $.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26)); But it doesn't change anything! Anybody knows why ?
IE issues
Hi, It's probably caused by scripts written by us, and some of the old prototype scripts we're migrating to jQuery still, but we're having some major issues with Internet Explorer (don't we all do?) First off, we're getting an error on jquery.js, line 5899 - invali argument (currently using 1.4.2 from Google CDN). The line reads: fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit; Does anybody have an idea what might be causing this?
store in a variable only the first or only the second of an element's multiple classes
I'm using this bit of jQ to add a class to two different elements based on the class of another (parent/grandparent, etc) element: $(document).ready(function(){ var containerClass = $('#main-content').attr('class'); $('#nav-primary li#'+containerClass).addClass('active'); $('#aux-left div[id$='+containerClass+']').addClass('active'); }); Brilliant, but I have two problems with it: First, when there's no class at all in <div id="main-content">, the 'active' class is added to *all* the
Interecept previously declared event - form submit
Hi, I'm currently working on a SilverStripe project. It already has a form submit listener and I would like to intercept those listeners before they can make an AJAX request. Is there a way in jQuery where I could intercept a previously define events? I would like to do something like: $(function(){ $('#FormEdit').intercept('submit', function(){ if( some condition ) { return true; // triggers the previously defined event
Simple question: dialog title
I have the following codes but I can see that the dialog title not being set. How can I change the title of the dialog box. The alerts clearly shows that the title are the new values passed. Only they are not being displayed as the title in the dialog box. How can I make it work? <script type="text/javascript"> var Dtitle; $(function() { $('#DivPassword').dialog({ autoOpen: false, width: 800, title : Dtitle, buttons:
How to auto centre the last changed table row after reload?
Hi all, I am working on a PHP utility for someone that needs some features. Currently I am working on a table to manage products. This is is a part of the table I have: code | name | active 1 test1 enable/disable 2 test2 enable/disable 3 test3 enable/disable Every time I press the button enable/disable in one of the rows, the page refreshes and you will see the page as always, scrolled back to the top. Like this: _____________ | changed row | | | | | | | |____________| What I want is the following.
Jsonp callbacks execution order in Firefox
Hello, I am trying to develop a iGoogle-like dashboard that uses JSONP to get the content of each widget from other (trusted) sites. Each widget is a div that will take care of getting its content using $.ajax() and use the callback to update the div with the html content returned with JSONP. The problem I have happens only in Firefox (I'm using 3.6.3) : when a site is unavailable or takes longer to return the JSONP content for a widget, it seems that the callback for the other widget does not get
How do reload a php or xml-file after 30 seconds automatical?
Hello, can I help me everywhere? How to reload a php or xml-file permenent on 30 seconds in jQuery? I wrote a little javascript-script with the follow structure: var ticker = { timer1: ' ', updateContent:function(php or xml-filename) { frequency = 30; var output = "php or xml-content"; document.getElementById("insert").innerHTML = output; } } The php-file for the 30sec-reload-content is here: echo "<span id='insert'></span>";
Hide toggle as default
I use this snippet to remember the state of a toggle. But i want the default state to be hidden. How can i accomplish this? I added "display:none;" to .toggle_container but this isn't working. $ ( ".toggle_container" ). each ( function () { $ ( this ). toggle ( $ . cookie ( 'show-' + this . id ) != 'collapsed' ); }); $ ( ".trigger" ). click ( function () { var tc = $ ( this ). toggleClass ( "active" ). next ( ".toggle_container" ). slideToggle ( "slow" , function () {
jquery opps
Hi Everybody, I would like using the jquery in opps. I know the opps in java and c++.This language have a class .The class encapsulate the methods and variable.but in jquery and javascripit handle the opps only methods without class .I did not understand anything ...Please Explain meeeeeeee.. Thank you
Binding to html that is dynamically produced
I would really appreciate some help on this... I have a simple button and a function bound to the ID so clicking on the button produces some output (a table). What I wanted to do is then have another button/clickable in the table that, when clicked, it would produce more output but I can't seem to get it to work. If I have 2 buttons - one bound to one function and one bound to the other they both work but the same function doesn't seem to work when the button is produced by the first function:
getJSON Breaks With 1.4.2 When Parameter Argument is an Array
I have a production webpage working fine for over a year now. Recently, I wanted to upgrade to 1.4.2 in order to take advantage of the many new features. It seems that the passing of array variables weeks_selected and years_selected in the code below is not accepted in 1.4.2. When these were replaced with scalar variables for the sake of testing, 1.4.2 worked fine. Of course, the application is based on sending any number of weeks within a year, or any number of years, and so an array must be passed.
ajax to refresh captcha image.
I am using MSCaptcha image inside a table cell. How can I get to refresh the captcha image on refresh button click using jquery. <td> <ms:captcha id="captcha1" runat="server" /> </td>
beforeSubmit in forms plugin doesn't cancel returning false
My title pretty much sums up the problem. On the forms plugin by malsup, returning false for the beforeSubmit function doesn't cancel the submit at all. Thanks.
Converting from prototype to jQuery
I would like to convert the following code to jQuery ajax.load or ajax.get function but it wont work for me... heres the code to convert... new Ajax.Updater(myDiv, page, { method: 'get', parameters: params, onComplete: function(){ new Effect.Highlight($(myDiv));}}); here's the code i wrote... $(myDiv).load(page, function() { $('#persistentBarStage').fadeIn(3000, function() { $(myDiv).fadeIn(100); }); }); It doesn't work what am i doing wrong? any help please...
Next Page