I'm using jQuery 1.4.4 andI can't understand where I'm doing wrong, I'm simply populating all the rows of a table with template function, so far so good, but I cant delegate the "hover" (and click and all the events) event on a row or a cell.
I've tried to put the .delegate() code also in the footer of my page but nothing.
My code actually is:
I've an HTML table that uses the jQuery-datatables plug-in. One of the columns in the table includes a button for adding a new row to the table immediately following the row where the button was clicked from.
My HTML code is as follows :
<table id="contactInfo">
<thead>...</thead>
<tbody>
<tr>
<td>...</td>
[Code]....
With this code, the function() to execute my button's onclick event isn't loading and therefore I cant event see the "button clicked" alert msg.
What's up with .tmpl()? Is it deprecated and is there a replacement? The jQuery info page says "The jQuery team has decided not to take this plugin past beta. It is no longer being actively developed or maintained." URL...Based on this information I'm hesitant to use the tmpl() plugin because it seems like it's essentially deprecated at this point and was never RTM. I had a coworker use tmpl() on a past project for something and it seemed like a structured way of doing things.why the jQuery team decided not to take this plugin past beta? What is now the recommended way to implement similar functionality?
View 1 Replies View RelatedI've recently started playing around with jQuery and the jquery-tmpl plugin. I've been fairly impressed with how easy it has been to get my sample apps to call a web service and populate the returned data using a template on my page using something like...
var rendered = $.tmpl("myNamedTemplate", data);
$("#resultList").html(rendered);
What I'm currently having trouble understanding is how to get the html results of rendering a template into a string so I can use it with other APIs. I'm working with the Bing AJAX map control and various functions in it's API take HTML as a string parameter.
What I tried first...
var myHtmlTitle = $.tmpl("myTitleTemplate", data);
pin.SetTitle(myHtmlTitle);
That didn't quite work like I expected and resulted in an exception from the BING map control. I quickly figured out that what .tmpl was returning was not a formatted HTML string, so it makes sense that would fail.
I then tried appending .html to things and I got close...
var myHtmlTitle = $.tmpl("myTitleTemplate", data).html();
pin.SetTitle(myHtmlTitle);
This did in fact return an HTML string, but the problem is it was stripping off the top-level tag in my template. It's acting like it's returning innerHTML of the top-level tag.
Is there an easy way to simply render the template to a string so I can pass that into the APIs?.
I'm trying to get a delegate() event to fire in IE (any version) with no joy. The code below works in Firefox, Safari and Chrome:
$('#gmap').delegate('a.removepoint','click', function(event){
alert('Remove');
return false; });
The link <a class="removepoint" href=""/> is created inside the infoWindow of a GoogleMap.
My understanding is that delegate() should find this, even though it's been created afterthe document.ready(), yet IE will not pick it up.
Here is what I have at [URL]...Basically I setup a function for message selection that will call an AJAX request. Once content is loaded via .html() in my #messages div, I could not click links from within and have to use .delegate().
The code works fine when I copy and paste code from my message_click function, but if I access the function from within .delegate(), it does not work. Is it possible to use a predefined function with .delegate() or will I have to continue to reuse code?
If instead of "scroll" you choose any other event ("click", "mousenter", etc), the delgate works.Is not possible to delegate scroll events?
View 1 Replies View RelatedIt turns out that jeditable.js will not work on any content that was .load(ed) Is there a way to use .delegate to accomplish the same as .load
View 3 Replies View RelatedI load a static page, inside this page there are links like this:
<a href="some/path/here/with/id" class="update">Click</a>
With this function I can change the link value (Click) with a second value depending on ajax response.
$('.update').click(function(event) {
event.preventDefault();
$.post('script.php', {}, function(data){
[code].....
Why this submit event is not executing? It works fine if I change it to a "click" event and serialize the submit buttons parent form but I'd like to know why wont this work?
[code]
$(dialog).delegate("form#stayplanselect", "submit", function(event) {
event.preventDefault();
$.post("/admin/viewer/rates", $(this).serialize(), processResponse);
});
[/code]
I've used nice livequery plugin for many things, not just for binding events. Now when jquery1.4.2 is out it seems like it is time to replace $.livequery() with new .delegate() or even .live(), but browser events like (ready) does not work. Am I using the incorrect event (with delegate)? For example I am using livequery:
$('ul.fileList li').livequery(function(){
var oi =$(this);
// DOM manipulation, appending menus and attaching plugins and so on
[code].....
Demo at [URL]
Description: If you perform any selection, alert will be triggered. It fails in IE.
Code: [URL]
Plugin:[url]
Usage examples:[url]
I have a dropdown box and a div. Depending on what is selected in the dropdown box, different content is appended to the div using the jQuery append function. This is working without problems. But, when I append DOM that should trigger events, I am using the delegate method to accomplish this. That is also working without problems, but not with the tooltip plugin. Let me try to illustrate what I mean with some code.
jQuery
HTML
Using Firebug, the "inside delegate" is indeed printed in the console every time I hover over the text, but nothing happens with the tooltip. I have tried to insert the text directly into HTML without appending it with jQuery, removing the delegate and then it works perfectly. For some reason beyond my knowledge, I can not get the plugin to work when I append the text and use the delegate method to set the event.
Is there any way to use delegate function without any event or in document ready event? [code]
View 8 Replies View Relatedwhy the following code (which counts the remaining allowed chars in html-textarea) does not work in Firefox although it works in all other browsers, IE including?
[Code]...
I tried to use delegate, but it is bounded with events. I don't really want to execute a function on a standard event. But I would need to change the elements that match a selector, when they appear in dom. Is possible to "unhook" delegate from events?like for all existing and new elements with class ".red" to add to the "data" a new key "initiated:true".
View 2 Replies View RelatedI'm just now trying to get my head around AJAX in general and jQuery's AJAX specifically.I have a table that is generated from php/mysql. A sample of the rendered page can be seen here. I've also attached a text document with the php code that generates the page.What I'm trying to do is, when a user clicks on one of the edit buttons, I want to open a jQuery UI Dialog popup and populate a form with the current information for the class the user clicked on. Then, after the user clicks on a Submit button (and some basic validation), jQuery's ajax() sends the data for processing to a php script. Upon successfully processing the changes to the class I want to close the Dialog popup and show the changes in the table on the main page.[code]
View 4 Replies View RelatedI've created a page that uses 2 seperate functions for passing variables.The first runs when the page loads and requests categories from a database to fill a dropdown box.The second function sends a date value and the contents of the select from the dropdown box to search a database then outputs the results to the page.They both use getelementbyid to display their results. the category search uses <div id="txtindex"> and the date/dropdown search uses <div id="txtupdate">My problem is the results from the date/dropdown which should display in the 'txtupdate' div are displaying where the dropdown box used to be, so in the 'txtindex' div.
View 9 Replies View RelatedI want to have a page that is a list of auction items, and for each list item, show a field with the current bid price - easy to do statically, but I want the current bid price field to by dynamically updated by javascript every few seconds from a php database query.I have had no trouble building this page, but what happens is that the javascript will do the php query only once and fill the current bid price field continually with the same value, even if it has been changed in the database.I have the javascript function repeating every second, so that is not the issue.My php script works nicely, so that is not the issue.Just to re-iterate, there is no problem passing a value to javascript from a php sql query, it is in trying to get javascript to refresh the value it gets from the php sql query everytime that it runs.I have been working on this for over a year, and have done loads and loads of research, but to no avail.
View 3 Replies View RelatedI am wondering if I can get the value of a drop down box that was created using ajax.I have a div tag holding the spot on item.php and when the user make a selection it calls my getitem.php which returns a drop down with the populated items.
<option value="0"></option>
<?
while($row = mysql_fetch_array($result))[code].....
So I have no tag handler since they were all created back on the getitem.php page. What is the best way to do this? I would love the have the drop down tags on item.php but how do I dynamically populate the list then?
I have a date selector that populates an input box. My input box looks like:
Code:
<input type="text" name="date_input" id="date_input" onchange="this.form.submit()">
<script language="JavaScript">
new tcal ({
'formname': 'make_graph',
'controlname': 'date_input'
});
Now, when the input box is populated, the onsubmit doesnt trigger. I have tried adding the following to the end of the javascript file for the date selection, but it has no effect:
[Code]...
I just bought a CSS template with lots of JS in it. You can see it at code...
I cant for the life of me figure out where in the JS the TripAdvisor logo at the top-left is being populated.
I have a form to add items to a database. In the sidebar next to the form I have a bunch of pre-defined items, I would like to be able to click on one the pre-defined items and have it add a populated text field to the form.
View 1 Replies View RelatedIn the IT department that I work at, when we move a computer/install a new one we have to fill out a form with the information on the computer (CPU clock speed, amount of RAM, OS and service pack, etc). I created a web form already where instead of doing it on paper, we can fill it out online and it'll send it via email. My boss now wants me to figure out a way to automatically populate the form with the information the computer should know. I think I can do the IP Address in the ASP we have on there, but I think I need something client side to do the other things. I guess my first question is if this is even possible using javascript?
View 1 Replies View RelatedI have a webpage for insurance agents that the agent will login and then enter some insured information.
There is a field named "agentnumber" that is on the form, but is hidden by a display:none. The field is set from the username of the person who logs in whenever the form loads the first time. The form will save automatically when the user leaves the page.
I am experiencing a weird issue that every now and then, the agentnumber field is getting saved with incorrect data. After discussing it with the agent, it is being saved with the agentnumber of the agent from other companies, not from the my website. what may be happening as I thought browser security would prevent cross site javascript. The users are using IE 7 & IE 8.
I have a form in which I preset some text inside a readonly, disabled textarea using javascript ('data' being the text):
document.getElementById("link_of_current_view2").value = data;
However, once I call my .php script to process the form, the element is null. How do I get it to pass along that data, which is in the textbox when the user views the form?
<div id="sendlink" class="contact_form" style="z-index:10;">
<a class="close" onclick="document.sendlink_form.reset();return false">CLOSE</a>
<form id='sendlink_form' name='sendlink_form' method="post" action="sendlink.php" >
<label for="link_of_current_view2">Link: </label>
<textarea id="link_of_current_view2" name="_of_current_view2" class="link_of_current_view" rows="2" disabled="disabled" wrap="soft" size="58" value="" readonly="readonly" value=/>