Search jQuery

jQuery Forum

Using jQuery

rodkan

Attr('id') not working in AJAX

in Using jQuery • 10 years ago

Hi! Attr('id') not working in AJAX. I use jQuery UI. I check and attr('class') not working too. Please, help.

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! :)");
}
});

Thanks!

Replies(4)

charlietfl

Re: Attr('id') not working in AJAX

10 years ago

other than mis spelling of "length" there is nothing in code provided that anyone can help with

best suggestion is to use a logging console like Firebug to see if the selectors you are working with have ID's. There is no way for us to know what goStart() does or where this ajax call fits into anything else in your code

rodkan

Re: Re: Attr('id') not working in AJAX

10 years ago

goStart() code:

function goStart(iId){
$.post('ajax.php', { getdata: iId }, function(data){
var values = data.split('x');
alert(values[0]+' '+iId);
});
alert(iId);
}

ajax.php file:

<?php
class Rectangle {
private $x;
private $y;
private $width;
private $height;
public function __construct($x, $y, $width, $height){
$this->x = $x;
$this->y = $y;
$this->width = $width;
$this->height = $height;
}
public function intersects(Rectangle $r){
$tw = $this->width;
$th = $this->height;
$tx = $this->x;
$ty = $this->y;
$rw = $r->width;
$rh = $r->height;
$rx = $r->x;
$ry = $r->y;
$rw += $rx;
$rh += $ry;
$tw += $tx;
$th += $ty;
return (($rw < $rx || $rw > $tx) &&
($rh < $ry || $rh > $ty) &&
($tw < $tx || $tw > $rx) &&
($th < $ty || $th > $ry));
}
}
if(isset($_POST['top']) && isset($_POST['left']) && isset($_POST['width']) && isset($_POST['length'])){
$top = $_POST['top'];
$left = $_POST['left'];
$width = $_POST['width'];
$length = $_POST['length'];
$w1 = new Rectangle($left, $top, $width, $length);
$wspolrzedne = mysql_query("SELECT * FROM items") or die(mysql_error());
while($wsp = mysql_fetch_row($wspolrzedne)){
$w2 = new Rectangle($wsp[14], $wsp[13], $wsp[12], $wsp[11]);
$check = $w1->intersects($w2);
if($check == true){
$x = 'no';
break;
}
}
if($x == 'no'){
echo 'no';
}
else{
echo 'yes';
}
}
if(isset($_POST['getdata'])){
$query = mysql_fetch_row(mysql_query('SELECT * FROM items WHERE id = '.$_POST['getdata'].' LIMIT 1'));
echo $query[13].'x'.$query[14];
}
?>

I see in Firebug selectors and they have ID's.

Sorry for my English but this isn't my national language.

charlietfl

Re: Attr('id') not working in AJAX

10 years ago

the php code doesn't help much. I suspect your problem is when you stop dragging the class"ui-draggable-dragging" is removed

I don't know what you are using to trigger the goSTart() but there are events you can use that allow you access to the object without needing to use that class for example:

$( selector).bind( "dragstop", function(event, ui) {

alert( $(this).attr('id'))

});

rodkan

Re: Re: Attr('id') not working in AJAX

10 years ago

I have solution.

Code:

var itemId = $(".ui-draggable-dragging").attr("id");
var values = goStart(itemId);
values = values.split('x');
var top = values[0] * 36;
var left = values[1] * 36;
var element_width = $(".ui-draggable-dragging").width() / 36;
var element_length = $(".ui-draggable-dragging").height() / 36;
$.ajax({
url: 'ajax.php',
type: 'POST',
data: { top: top, left: left, width: element_width, length: element_length },
success: function(data){
alert(data);
if(data == 'no'){
alert("1 :(");
}
else if(data == "yes"){
alert("0! :)");
}
},
async: false
});
function goStart(iId){
var return_data = ''";
$.ajax({
url: 'ajax.php',
type: 'POST',
data: { getdata: iId },
success: function(data){
return_data = data;
},
async: false
});
return return_data;
}

Thanks!

Top Reply

Response title

Attachments

jQuery Forum

Attr('id') not working in AJAX

Replies(4)

Re: Attr('id') not working in AJAX

Re: Re: Attr('id') not working in AJAX

Re: Attr('id') not working in AJAX

Re: Re: Attr('id') not working in AJAX

Statistics

Tags

Actions

Related Posts