e new to jQuery and have a question. I'm populating a table with rows where some of the columns include links and buttons. For some of these links and buttons I want to run some jQuery stuff before it's redirected (acually, I want to have the result loaded in a div via ajax). In the jQuery function I want to be able to extract the ID of the button or the href target that was clicked.
[Code]...
in a table I want to have a specific click event (calling a function) for the first cell of each row and another function call e.g. for the third table cell.I assigned different class names to these cells and used this script:$("#tab_kat tr").find(".firstCell").bind("click", function() { ... });And the same for ".thirdCell".But is this possible without assigning class names to reduce the size of the code?Something like that:$("#tab_kat tr td.cells[1]").bind("click", function() { ... });
View 2 Replies View RelatedWhat I want is a piece of code that reads a table and inserts new entries into a listbox on the user side. I dont want to have to "refresh" the page to get new entries into the listbox.Essentially, the table will get updated by an app on one side and I want users to be able to view the updates as they occur.
View 2 Replies View RelatedI work on a portal website that has approximately 700 pages and several thousand links.Some of these links are to various documents (.doc, .pdf, .xls). I would like to use Jquery to dynamically find these links on a page when the pages load and add another link directly after it that can invoke a modal window. When the modal window opens I need to hold onto the values of the original link as it will be stored in a DB. So I think I will need the second link to contain the first links name and URL pattern as some sort of property that I can store. I am not sure the best way to accomplish this. For example:
[Code]...
Iīve gone thru a few exaples of the 'hello world' equivalent for ajax; the classic example having main.html with div id="main_panel", then having ON THE SAME folder of the main.html file, the few files for getting via ajax and then render itīs content inside div id=main_panel and so on, happy with that;my question is: All of those examples, always get those 'few files', lets say, one.html, two.html, and so, in the same folder where main.html resides; I want to achieve to have the 'some files' in a different folder, letīs say, /editors/ relative to the path where main.html is; Iīve done this, the ajax call works fine; the PROBLEM is that the xmlhttpresponse (consumed ajax text) wich is basically html 4, changes the links (hrefs) in those to the path of main, letīs say, for example, one.html has a link that points to itself, not an anchor, just a link pointing to itself as we often use for pagination of a grid, well, that link href attribute is changed to the path of the main.html file, and not preserving the original href attribute... why? where should I start from? changing the context parametere prior to calling ajax get?
View 1 Replies View RelatedI want to use an anchor tag to invoke some javascript and I've read that it's bad form to use <a href="javascript:foo()">
I've read endless usenet posts and hint sites on the net, they all suggest different things and I can't get any kind of consistency, and I can't find any solution that works properly for IE, opera and mozilla.
many of the recommended solutions go something like this:
<a href="javascript:void(0);" onclick="foo()" />
this generates an <a> that looks like a hyperlink (good) and it invokes foo() as well (also good). the problem is that if in function foo, I put
window.location.href = "some new url";
it just seems to get ignored. If I miss out the href altogether, the link works but it's not formatted as a hyperlink.
All I'm trying to do is make something that looks like a normal hyperlink but whereby I can build the URL with some javascript rather than having it coded into the HTML, and I have to say it's driving me mad!!.
Ok so i'm trying to write a Greasemonkey script to change all the hrefs on a single page. The href by default looks like this:
<a href="javascript:get('246154895')" class="postid">ID</a>
What i'm trying to do is make the number from get() appear in stead of "ID". How should i get this done? I started up with this:
var posts = document.getElementsByClassname('postid');
for (i=0; i<posts.length; i++) {
//Replacing
}
But i doubt it will work, since there are other items with the class "postid" that aren't related to these tags i'm trying to change.
I have a form with 12 fields. This form submits the information for registering a student for courses that we offer. Currently, it only handles one registration at a time and is kind of clunky.I want to present the user the capability to register more than one person at a time. Essentially adding multiple users' info at once before submitting the form.I also want to have an area above the form that shows a list of people that they enter in a select,which will later be modified to have checkboxes so they may remove them, if needed.
View 2 Replies View RelatedI am sure that this is a BASIC question for javascript gurus but I'm struggling to resolve.The form starts with the cursor focus in the FROM ACCT NUMBER FIELD. When I tab to the next field without entering any value in this text field I want to send an alert to the user that the field is required and put the cursor back on that field. I attempted to do that using:
$(function() {
$("#ARTransferForm\:fromAccountNumber").blur(function() {
var fromAcctNumLen = $("#ARTransferForm\:fromAccountNumber").val().length;
[code]....
I would like to add a "Create new..." item to my autocomplete lists togive users a way to create new items. This item would stick at eitherthe top of the bottom of the suggestion list and, when selected, firea callback where I could display a dialog to collect the formationfor the new entry, which would then go into the autocomplete list.I could easily be missing something but this doesn't look possible outof the box.More explanation: I'm selecting from a list of people. If the personI'm looking for isn't in the list I need to pop up a dialog so I canenter their name, email, etc. That new person then gets put into theautocomplete list and selected into the form field.I've been poking around the source code but haven't been able tofigure out a way to implement this yet
View 1 Replies View RelatedI'm having trouble with a plugin system that I'm working on. It involves binding a doubleclick with two elements that have the same id. The two elements are different plugins, and load appropriately, however the dblclick binding seems to not change between elements. Here's my code(simplified):
$("div.editor").droppable({
drop: function(event,ui) {
objID = ui.draggable.attr("objID");
$.getJSON("objects/"+objID+"/object.json", function(data) {
[Code]....
2 forms, one submit button - that works, I can't get the validation to bind to the submit function.
$
(
"#sbtBtn"
[code]....
I'd like to have a hyperlink on a page, that when clicked reveals some hidden text below the hyperlink AND at the same time opens a new browser window to a specified URL (which would have been declared in the HTML code NOT the jQuery bind code). There will be several of these 'Click here to reveal password and open site' hyperlinks on the page. Will this scenario cause a problem in the sense that if you click on one hyperlink then all of the reveals would be triggered and numerous windows would be opened?
View 4 Replies View RelatedI have this code that works:
var btnInput= document.getElementById('btnInput');
btnInput.addEventListener("click", showVal, true);
Why doesn't this work?
$('btnInput').click(showVal);
$('btnInput').bind('click', showVal);
why doesn't this work? Is there a way to get this type of iteration to work?
for (i = 1; i < numOfButtons; i++) {
$('#navbutton-' + i).click(function(){
updateStage(i);
[Code]....
I am having difficulty binding a popup to a text link.
The following code works:
CSS:
/* COPY LINK CSS */
#copylink {
position: absolute;
top: 170px;
[Code].....
Here is the html:
<select name="activities_limit" id="activities_limit">
<option value="5" selected="selected">5</option>
<option value="7">7</option>
<option value="10">10</option>
<option value="14">14</option>
</select>
And the jQuery:
$("#activities_limit").bind("change", function() { alert("value changed"); });
I am not seeing the JavaScript alert though.
I've noticed I can bind and trigger events on objects that are not DOM elements. However this appears to be an undocumented feature, as the docs explicitly refer to the "DOM element" when discussing things like event.currentTarget. Is it safe to depend on code like the example below working in future jQuery releases?
var thing = $({hello: "world"});
thing.bind('bounce', function(e) {
alert('Boing! '+e.currentTarget.hello);
});
thing.trigger('bounce');
I have a question that's probably basic javascript, but I can't find the answer.So if any of you can point me in the right direction?This is the problem:I want to loop through an array and in each iteration I want to bind a value from that array to a click event.I made a small example where I only bind the first iteration to a click event.
$(document).ready(function(){
var dummy=new Array();
dummy[0]=1;
[code]....
I have a function in my widget :
this.element.find('.abc').live(this.options.event,jQuery.proxy(this._onCollapse, this));
[Code]...
I'm having trouble with multiple ajax_functions during init phase of code. Pseudo:
ajax_init_global_data();
ajax_init_stuff_1();
ajax_init_stuff_2();
startMainCode();
problem is that these functions seem to pass so fast that ajax queries aren't ready when code passes to startMainCode(). One way I could prevent this is by making ajax_init_global_data() "success" call ajax_init_stuff_1(), and same with stuff_1 -> stuff_2, and finally stuff_2 -> startMainCode().
Still, I was thinking is there a way to write condition in way that when ajax_inits go "success", I could put variables "phase_1_ready = true", "phase_2_ready = true" and "phase_3_ready = true", and finally write something like: if $document.bind(phase_1_ready == true && phase_2_ready == true && phase_3_ready) { startMainCode());
So basically I'm wondering if there is way to bind condition to trigger function, without writing somekind of setTimeout -loop to do the check?
This is regarding binding data to a drop down list. I am getting the data from the server and binding the data to a drop down list using JSON and JQuery. It is working fine for around 400 items, but when i need to bind the drop down with around 600 items i am getting the below error
Stop running this script? A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer may become unresponsive.
The code i am using ot bind the drop down is as below
$.each(data, function (index, city) {
comboCity.append(
$('<option></option>').val(city.CityID).html(city.CityName)
);
});
for (x=0;x<=10;x++) {
var tempID = 'elementName' + x;
$(jq_escape(tempID)).bind('dblclick',function(event) {
[code]....
I am learning jQuery now and have a big interest in this javascript framework. I am trying to bind an event to more than one element. I won't meet any problem if using selector. But now, I've created a function which I will pass the element. And I need within this function, to bind the code. This is my current code :
function updateDay(dayObj, monthObj, yearObj){
//I want to bind both monthObj and yearObj.
yearObj.change(function(){
//do something
});
monthObj.change(function(){yearObj.change()});
}
$(document).ready(function(){
updateDay( $("#day"), $("#month"), $("#year"));
});
As you can see, I must bind twice, once for yearObj, the other for monthObj. Is there anyway to bind the change() event only once? If there are some logic mistake in using function or such as feel free to point out, since I still haven't read all the documentation yet.
New to javascript/jquery and have a question regarding scope. I want to bind an event within my class so it calls one of the class methods. The problem I run into is that the event handler is a anonymous function that runs outside the scope of the class, therefore it doesn't see the class methods or properties.
Is there a proper way to deal with this:
Sample code:
function myObject(tag) {
// properties
this.myvar = 'test';
this.tag = tag;
// methods
function sendRequest() {
alert(this.myvar);
}
// initialization
$(this.tag).click( function() {
this.sendRequest();
});}
I have developed a plugin for mutual selection on a list of elements.It works fine if I make those element into mutual list only once.
like $("appropriateSelector").toMutualSelect();
that plugin will add click event handler to each element and they remember the whole list by enclosure.
If I add new elements to that list. and do$("appropriateSelector").toMutualSelect(); again. New elements will behave as expected but old ones will have problems. Each old element will have the same handler bind multiple times to them. That will result like toggle two times andmessingup the outcome. How do I prevent this? I am trying to clean up their bound handlers but seems no luck.