JQuery :: How To Get ID Of DIV By Using Attribute Function
Mar 25, 2011
index.php
if (idx == 8) {
var str="<?php echo $username1; ?>";
document.write(str);
jQuery.get("usermessage.php?username="+str, function(data) {
document.write(data);
var msgIDss = $(".messagepiece:last").attr("id");
document.write(msgIDss);
});
}
usermessage.php
<?php
$username1=$_GET["username"];
$query2 = "SELECT id, message, datetime FROM messages WHERE username='{$username1}' ORDER BY id";
$result2 = mysql_query($query2,$connection) or die (mysql_error());
confirm_query($result2);
$num = mysql_num_rows($result2);
while($userinfo = mysql_fetch_array($result2)){
$msgID= $userinfo['id'];
echo "<div class="messagepiece" id="" . $msgID . "">" . $userinfo['id'] . $userinfo['message'] . "<br><span style="font-size:13px; color:orange;">" . $userinfo['datetime'] . "</span></div>|";
}?>
My problem is document.write(msgIDss)
display empty / blank value.
On index.php, I have tested document.write(data);
And it works. I have tested document.write(str)
And it work too. I also tested open usermessage.php manually and it success display all the div(s), so usermessage.php page is not the problem. I guess the problem is on this line of code var msgIDss = $(".messagepiece:last").attr("id")
I have an image map with various areas on it. A user can click on the various areas and something happens. That said, I sometimes need to disable the ability to click on some areas. For instance areas whose id attribute contains 0 0. I have the code to split the id and grab whether the values are 0 or 1 and the alert pops up when one has 0 0 in the id but it's still clickable. I thought .unbind would do the trick, but it isn't. The alert is simply for testing.
$('area').each(function(){ // Use the each() method to gain access to each elements id var idToDisable = $(this).attr("id");//get id of area var splitID = idToDisable.split("_"); if (splitID[3] == 0 && splitID[5] == 0){ alert(splitID[3]+splitID[5]); $(this).unbind('click'); }else{ }});
This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -
i have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8.The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else...
I cant see any syntax errors - i pulled the example from the 1.4 site. There is no trailing commas in the object notation and i really cant see any reason it would work in firefox and not IEx and more to the point not only not work in IEx but break any other jquery in the entire page....
I'm working with a large (and unweildy) ASP.NET application, and there is a lot of jQuery code that uses selectors like this:
[name=_aspnetControl$_withASubControl] And unfortunately, some selectors that also look like this:
[name^=_someAspNetControl$_radioButtonList].
In other words, the effort to remove the $ from the attribute selectors would be monumental. If it is possible to escape the $ symbols, I can do that easily enough, but unfortunately the situation right now means that I can't upgrade to jQuery 1.5.
I'm learning jQuery with XML. I'm familiar with other query languages such as XPath. I'm having a little bit of difficulty wrapping my brain around how jQuery works but I think I can make the leap if I see a solution to a problem I know how to solve with other methods Given the following XML, please share a jQuery solution to finding the value of attribute B in elements named bar where attribute A has the value 30:
I need to call a JS function in headers attribute of td tag.
<td class="ScrollableCell" id="ItmUploadDate" headers="javascript:GetHeaderID('ItmUploadDate')" >UploadDate</td> All that this function does is append a text called
[Code]....
When I do this, I always see the html td tag as is, but is never interpreted as headers="ctl00_cphContent_RptrDboard_ctl00_ItmUploadDate"
I gave a simple usage of the function. But there is some complex logic in the function.
I'll trying to tell the difference between the following three cases:
<img alt="text string" /> <img alt="" /> <img />
I can do this in Firefox with the following code, where elem is the HTMLElement representing each image, but IE doesn't seem to differentiate between empty string and undefined.
var alt = elem.getAttribute('alt'); alt = (alt) ? alt : ((alt===null) ? 'really_null' : "");
The desired output from running this code on the 3 tags above is:
text string
really_null
It seems like this should be really easy...but I'm having a really difficult time trying to figure out what's going on...
i use it in a CMS. In my content page, when I insert a floating element, I use it to set the margin around element according to left or right float in this way:
I am new to jquery.I have made a function, that should only work if my attribute style on ul is not 0. However I think I am doing it wrong. I want to check the value of style attribute, not the string.[code]
I need to access a couple attribute values from a table when a button is clicked and I'm not sure how to access this information. For instance.. <tbody> <tr firstAttr='something' secondAttr='something'> <td></td>.... </tr> <tr firstAttr='something' secondAttr='something'> <td></td>.... </tr></tbody> When a button is clicked I need to grab those attribute values.
I'm using the jquery in place editor, and I need to get the value of a custom attribute in order to send it with the form. The jquery I have is as folder... (the bit I'm having trouble with is highlighted) $(".edit").editInPlace({ url: "./server.php", params: "folder=" + $(this).attr('folder') //show_buttons: true //$('.edit').attr('folder') });
And the html is as follows: <span class="edit" folder="folderName">text to edit</span> As you can see, I need to get jquery to get the attribute 'folder' value, in this case the value returned would be 'folderName'.
i'm trying jquery, and i want do do something .. that seems i cant understand how to do.thats my problem :i've got a page with some link and a div, every link calls this function :
function ajax_page(ele,url){ $(ele).load(url); setTimeout('justify()', 300);
How can I do a less than in a select e.g. something like $.("span.class [id<"+ a_custom_variable +"]") when I tried that it just selected all span of class with an ID attribute rather than where ID attribute is less than
I'm trying to find a way to add an attribute inside an anchor. I want to do this is because that attribute is required by a script I have running on the page, but it is not valid.Just so it makes more sense the code looks pretty much like this:<a id="previous" control="-6" href="#"></a> and I would like to add control="-6" inside <a> via jQuery, only I don't know how.
Attr('id') not working in AJAX. I use jQuery UI. I check and attr('class') not working too. Code: $.post('ajax.php', { top: $(".ui-draggable-dragging").css("top"), left: $(".ui-draggable-dragging").css("left"), width: $(".ui-draggable-dragging").width(), lenght: $(".ui-draggable-dragging").height() }, function(data){ goStart($(".ui-draggable-dragging").attr("id")); if(data == 'no'){ alert("1 :(");} else if(data == "yes"){ alert("0! :)");}});
Anyway, I'm interested in discussion of the following problem:I have a collection of divs each with their own numerical id that i use for ordering. They look like something like this:
<div class = "note" noteId = "1">... <div class = "note" noteId = "4">... <div class = "note" noteId ="23">...
I am trying to gain access to the src attribute of an image yet I keep getting undefined when I try to alert it. However, if I alert using the html() function I get the entire string for the img element. See code below:
