Нужна помощь с передачей свойств картинок php скрипту...
Есть несколько картинок
<div id="img1" class="image"><img src="image1.png" /></div>
<div id="img2" class="image"><img src="image2.png" /></div>
<div id="img3" class="image"><img src="image3.png" /></div>
<div id="img4" class="image"><img src="image4.png" /></div>
<div id="img5" class="image"><img src="image5.png" /></div>
<a id="submit"><span></span></a>
<form id="jsonform" action="merge.php" method="POST">
<input id="jsondata" name="jsondata" value="" autocomplete="off">
</form>
Их количество заранее не известно...
И код:
$('#submit').bind('click',function(){
/*Тут нужен код перебора свойств css
типа 'id' : objid,
'src' : objsrc,
'width' : objwidth,
'height' : objheight,
'top' : objtop,
'left' : objleft,
*/
var dataString = JSON.stringify(data);
$('#jsondata').val(dataString);
});
});
В конечном итоге должны получится строки для каждого дива примерно такие {"id":"img1","src":"images/image1.png","width":"940px","height":"1388px"}{"id ":"img2","src":"images/image2.png","width":"90px","height":"188px"} и т.д. они запишутся в input и отправятся на другую страничку...