umlaut error using load()
When i use load to read a servlet and replace the contents of a tag with it . i get ? instead of any umlaut character å is there a workaround or something that can be done
adding multiple table rows
Hi, I'm pretty new to jQuery, but am starting to get the hang of it. However, I've been struggling for the last couple of days with the following problem. I'm trying to write an app that will allow the user to add several new rows with input boxes to the end of a table in order to allow the user to input additional values if they need to. I've had no problem when I just need to clone one row, as I can use the clone() function and change the id's of the input boxes, so I will have a collection of
sequential analyzing of several xml files?
Hi experts, I am trying to use get jquery get method to read and analyze a number of xml files. I am scanning a folder for xml files, storing the urls (using the file protocol notation) in an array of variable length - which means that the script cannot tell in advance how many files must be interpreted. It looks like... <script type="text/javascript"> var myXMLfilenames = new Array(); var myXMLentries = new Array(); var indexofentries = 0; // scanning part cut out - result is something like...
Understanding trigger() and triggerHandler()
Hi there I've been trying to get my head around how trigger works, I've had difficulties with triggering bound functions to elements. The unexpected behaviour is that when triggering a bound function to a matched element, the bound functions for all other elements also get executed. This causes conflict with my understanding of how bind() and trigger() can be used. To view an example of this, please take a look at: http://jsbin.com/osere3/ The logic is essentially: - bind 3 different functions (expand,
Expand a row when clicking only on an image
Hi, I'm testing the Jexpand plugin (expand table rows) : http://www.jankoatwarpspeed.com/examples/expandable-rows/ and i would like to know what i have to modify to expand/collpase rows only when i click on the left arrows picture (not by clicking everywhere on the row) please ? $("#report tr:odd").addClass("master"); $("#report tr:not(.master)").hide(); $("#report tr:first-child").show(); $("#report tr.master").click(function(){ $(this).next("tr").toggle(); $(this).find(".arrow").toggleClass("up");
Is it possible to trim content to perfectly fit a container?
Hey all, Picture a table where each cell row is 50px tall, with 3 to 5 columns of varying length. For example: thumbnail, name, description, price, options. The thumbnail will always be the same size, but for efficiency of space, nothing else is. My question is one of overflow. With long descriptions, overflow:hidden will keep things clean. But the most aesthetic presentation would be to dynamically truncate the description with ellipses (...) somewhere just before the text runs off the end of the
Tab icons
Is there a way to put icons on the tab itself kind of like the buttons? In this case, I actually just want icons and no text for the tab. I search all the doc . There is no doc that talk about tab icons. Thanks
.trigger() event not working correctly within $(document).ready
All the code in my $(document).ready function is processing correctly, except for the .trigger() statement below: $('.content-btn:nth-child(3) a').triggerHandler('click'); I've tried triggerHandler() and trigger() both, and the command runs fine if called from another event handler—the click event for that <a> works as desired. Console shows no errors, and as I said the other lines in (document).ready work fine, it's just this one thing that doesn't seem to run. Does anybody know why would this command
Animated toggle width from x pixels to y pixels
Hi, I have the following code: <style type="text/css"> #toggle {width: 100px; height: 100px} </style> <div id="toggle"> <a href="#" id="toggle-button">Click me</a> </div> What I want to do is animate the div so that it extends to 400px wide when the toggle link is clicked. Then animate it back to 100px when the link is clicked again. Using the toggle function, I can only seem to show/hide the div completely, but I just want to change the width. I'd like to do this in a neat a way as
Populating List Items on change or focus of text box
Dear All, I have requirement the search functionality similar to hotmail. The on change or focus of the text box an list items should be populated. Please find the attached screen shot. Regards Prakash
Show/hide future element in jQuery
quick question about show/hide future element in the DOM. I have something like this where it will be triggered by a modal dialog (e.g. a facebox) <div id="parent" style="display:none"> <a href="#" id="link">click me</a> <div> I am hoping on click me I can show/hide the parent. I did $("a#link").live('click", function() { $(this).parent().hide(); }; But because parent wasn't available so it seems the hide event wasn't able to bind to the parent. Any ideas how to work around it? Thanks -Aaron
jquery-1.4.2.min.js causing IE 7 / IE 8 issues
Ok. I have a page that is posting to an external perl script using the $.ajax function in jquery-1.4.2.min.js. It is throwing an "Access Denied" error on line 127, character 287. This means absolute crap to me, as the file in question is obfuscated. I don't suppose there's a decently unobfuscated version of this file somewhere, is there? Anyway...this ONLY happens in IE 7/8. I have no problems with Chrome, FF, Safari or Opera. Is anyone else experiencing this? If so, what type of work-around did
How to Debug JQuery Animate Problems
While JQuery is an excellent tool, I have frequently run into problems where the animate class functions fail silently. Stepping through the code with a tool like Firebug is tedious and difficult because of the complexity of the JQuery code. Are there any tools that can highlight why the animate functions fail and what to correct?
IE "live"/"change" workaround?!
One gentleman on the "live" page of the jQuery docs suggested the following workaround code in order to get change() to work in IE: $(element).change(function() { doChange(); }).attr("onchange", function() { doChange();});I am not familiar with doChange and whether I apply this suggestion correctly for: $(".foo").live("click", function() { $(this).do something; });Could anybody give me a hint or has anybody experience how to solve the "change" issue with IE?
Help trying to optimize a jQuery filter
Hello, I created a similar post into jQuery plugins forum, but I noticed that I'm not using Metadata plugin I was thinking I was using, so I left the data here just in case someone could help me: I'm traversing 3000 dom elements in a very complex web page (it's a very big form). The elements are TRs of tables, and I need to show or hide them following some rules. This is a typical element I need to show or hide: <tr dim="{ta_1,en_G,re_V,se_3,tsk}" id_col="GVNSEG_WINNAT_NOM" style="display: none;">
AJAX Query
Hi, I have a simple web application that uses ajax to get some XML from a remote site. The problem is that it does not work. Could you please provide any pointers. url="http://www.islamicfinder.org/prayer_service.php?country=united_kingdom&city=london_borough_of_lambeth&state=H1&zipcode=&latitude=51.4167&longitude=-0.1333&timezone=0&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=1&simpleFormat=xml"
Custom themes will not download
I am having trouble downloading any custom theme that I create using themeroller on jqueryui.com the session just hangs and then gives up once the download button is pressed. this happens in ie 8 in windows 7 and Firefox 3.6 on OS X
Simple JQuery problem, what am I missing?
Hello all, I have a really simple situation where I want to read a html page and then pull a div from it, but I can't :-( I'm sure it's a really easy problem but I can't see why it doesn't work. Can someone take a look and point me in the right direction? <html> <head> <script language="JavaScript" type="text/javascript" src="jquery-1.4.2.js"></script> <script language="JavaScript" type="text/javascript"> $.ajax({ url: 'logs.html', success: function(data) { var jQueryObject = $(data); var div = jQueryObject.find("#logs");
What are JQuery's advantages and what are disadvantages
Hi, everybody I am a Vietnamese student. I am learning JQuery. It is great. But i have a question If i using event like this $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); }); for all of elements not just "a". Is it slow when compared with <a onclick="alert('Hello world!')"></a> I need to know what are advantages and what are disadvantages Thanks for reading. I love you and JQuery
jquery use in a page with multiple panels
The question I have is more theory/best practice question. I'll tell you my goal (which I've been working for some time but have yet to find an elegant solution) and what I've tried. I'd like to hear how more experience programmers would approach the problem. Before I started using jquery it seemed very simple. the page.html would be divided into 2 main <div> tags. I would use ajax to load an external webpage content.html into area 2. Things worked great, The most important was that it allowed
option value=3 doesn't get appended
This has been a tricky one to figure out. I'm using jQuery to dynamically create some content, including some select boxes. To populate the select boxes I'm looping through a JSON object and as soon as I try to add an option that has a value of 3 it doesn't get added, but I'm not getting any errors either. Any Ideas? Function code is below, light red is the select portion, slightly darker red is the line where the option items are being appended. var $outcome = $('<div />').addClass('outcome').attr('id','o_'+outcome_id);
Passing a anchor id to open accordion
I am reasonably new to Jquery and I am having trouble working out this problem and was hoping someone could help. I have created a simple accordion that hides and shows span tags when the corresponding h3 header is clicked. The Jquery: $(".accordion span").addClass("answer"); $(".answer").hide(); $(".accordion h3").click( function() { $(this).next(".answer").toggle().siblings(".answer:visible").hide(); } I would like to pass a anchor id via the url so that I can open the correct
How to pass reference to an object to anonymous function?
Hello, I would like to know how to pass in a reference of this to anonymous function so I can access parameters from anonymous. Here is my code: $(\"#slider\").slider( { min:0, max:19, range:'min', stop: function(event, ui) { //how to access to max??? });Now I would like to be able to access max value from anonymous function stop. Any help will be appreciated! Thanks in advance.
ajax .loa() in IE
I have the following code which works perfectly well in all other browsers except IE. The code is: function uploadMessage() { var message = $('#message').val(); var user = $('#user').val(); $.ajax({ type: "POST", url: "includes/insert_message.php", cache: false, data: "message="+message+"&user="+user, dataType: "text", success: function(response){ $('div.success').fadeIn(); $('#table').load("document_messages.php");
form does not work on 2nd submission
Hi There, I have the following code that launches modal forms from within tabs. For each of the rows in the table below, I can launch the modal, edit the data in the form and save the changes. However, If I attempt to edit any of the rows a second time, everything submits, but the new data is ignored. It is almost as if the previous data for that row is cached. Can anyone please shed any light on what I am doing wrong? <script type="text/javascript"> $(function() { //var formData = ''; var
Is there any way to validate controls in user control?
Is there any way to validate controls in user control?
Problem with cloning of radio group in IE6
I need to create a new radio group by clicking Add Another Asset link. I am using jquery-1.3.2 and applying cloning(true) on the first radio group object then renaming all the "id,name,for" attributes and appending to the existing Dom. Its working fine in fire fox and chrome, working as desired with events and everything but in IE6 all the radio groups are behaving as a single group. Its allowing to select only one radio button out of ten different groups. I have 4 different dynamic layers
Getting an array of open visible div tags
i have a page that has a menu that inserts new div tags into a parent div tag called "content". Each new div tag has the same class called "child". So my page will look like this: <div id="menu"> <a>Menu 1</a> <a>Menu 2</a> </div> <div id="content"> <div class="child">some content</div> </div> But my menu might have maybe 20 items, so up to 20 new div tags will be added into the "content" area. Is there a way that i can get all the "opened/visible" div tags inside the "content"
How to fix that menu? (probably needs stop() somewhere, but I don't know how and where)
http://much4.com/test/ Here's the menu. It shows submenu divs on menu hover - I had to do it this "div-way" and not "li-way", because of not regular background and submenu lenght. Anyway, that's not the issue. Try changing hovers fast - it makes weird effect and has to finish previously started animation, so that both submenus show blinking. Help appreciated, thanks in advance.
My delegate not running?
i am trying to reproduce the same effect as StackOverflow's add question page. where their WMD/markdown editor will dynamically update the preview. i want to use prettify to have syntax coloring on my <code> blocks. i tried $("#main").delegate("code", "ready", function() { ... does not run ... }if i try changing ready to hover, it runs. my idea is to when code blocks are generated on the page, attach the class "prettyprint" to them to trigger syntax coloring
Array of Checkboxes Help!!!
Hi All, Newbie here. Would appreciate if i can get some help here. I have a array of check boxes declared as follows: <tr class="<?php echo "cls" . $status; ?>"> <td id="c"> <input type=checkbox id= "deleteConsignments1" name="deleteConsignments[]" onclick="row_color(this)" value= <?php echo $address2->getId(); ?> /> </td> What i would like to acheive is that if that the form should only submit when only 1 of the checkboxes is checked. I have the following JQuery but it does'nt seem to work. Please
Issue with ui tabs component: multiple tabs, ajax in all, unable to "hijax" links and load new pages in...
... each respective tab. 1) This works for tab indexed 0, the default I am assuming: <script language="javascript"> $('#managetabs').tabs( { load : function(event, ui) { $("#managetabs").find("a").live('click', function() { $(ui.panel).load(this.href); return false; }); } }); </script> The ajax content loads in the tab indexed 0, and its links load into the same tab. However, when I go to tab indexed 1,2, etc... this
jQuery AJAX call fails on same origin domain
I'm doing a JSONP query of a Wordpress database. Example call: $.getJSON("http://www.bettervallejo.org/?json=1&cat=5&include=url,attachments&callback=?",{}, function(jfeed) { ... }This code returns the expected data when executed on my local server. It also returns the expected data when I upload it to one of my remote servers. But it fails when run from the root of the domain it's calling, www.bettervallejo.org — no data is returned. (Behavior is the same for latest versions
Parsing Json
I have a json variable with the following structure: data1->highlight->Matnr001->descr = "Marnr001 Description" data1->highlight->Matnr002->descr = "Marnr002 Description" data1->highlight->Matnr003->descr = "Marnr003 Description" data1->highlight->Matnr004->descr = "Marnr004 Description" I realize that I can retrieve descr for Matnr001 via var result = data1.highlight.Matnr001.descr; However, I want to be able to retrieve descr via a variable assigned in Matnr. Something like this: var matnr = "Matnr001";
Edit form layout+text and get final code in a php variable
Hi, I need to be able to edit a form layout that contains some simple text, a textfield and a submit button. I need to be able to change the colors of the different elements as well as the text displayed. The form should update it self so it can be previewed by the user, and when the form layout is complete I need to be able to save the full form code in a php variable so it can be submitted to a database. The form could look like this: <form action="process.php" method="post" style="border: 1px
Link click event stopped working
Hey, This problem quite honestly pisses me off, so I hope someone can help me. I had the following, which worked perfectly: <a href="#" class="page">1</a> <a href="#" class="page">2</a> <a href="#" class="page">3</a> and the jQuery: $('.page').click(function() { console.log("you clicked"); }); But now when I add the links within a div, it stops working. <div id="newsPages" class="pageNumbers"> <a href="#" class="page">1</a> <a href="#" class="page">2</a> <a href="#" class="page">3</a>
$.get not working ?
Hi, I used this method to load page ... function remoteCall(sUrl, sQueryStr, sCalledBy) { var str = " { "; $.post(sUrl,sQueryStr, function(data){ sResponse[sCalledBy] = data; //alert(data); eval(" "+sCalledBy+"()"); }); } but when i changed $.post to $.get it doesn't work actually i need to change this bcoz i am loading this page from remote page.... Please Help. Thanks.
.animate never gets triggered
Hi Everybody Hi have this code: $('#showLayers').click(function() { $('#test').show(); $('body').width(640); $('#mapContent').animate({width:'toogle'}, {duration:500, queue:false, complete:function(){$('body').width(320);} }); });But it never triggers the complete.
Some issues with scroll() method.
Hi everyone, I have some problems with the scroll() methods and the css property overflow. I'm making a site with a special navigation, the width and the height of the document fit well your browser and you can access other pages with the arrows. So I set the css of the <body> to overflow: none; In Firefox there is no problems (I think with IE too), no scrollbar and no scrolling possible. Well, in Chromium (6) and Opera (10.60), you can scroll without the scrollbar, it's bad, very bad :'( So I tried
IE change() event firing even with no changes
I have a problem where the html for a form is sent in from the server with some of the input fields initialized to values other than "". When the user tabs thru these fields, but does not make any changes, the change() event is fired in IE6, the first time. Subsequent times and on fields where the value is "" to begin with there is no problem. This problem does not happen on other browsers. Any thoughts or work-arounds? Bufo
Next Page