in system 1 i have :
[code]
<style>
.remove{visibility:hidden;}
</style>
<script src = 'libjq.js'></script>
<script src = 'pm.js'></script>
<script>
$(document).ready(function(){
$('.com').live('click', function(value){
$('.remove').remove();
$('body').append('<iframe src="http://www.server'+$(this).val()+'.com/door.html" width=0% height=0% class="remove" name="iserver"></iframe>');
$('iframe').load( function(){
pm({
target: window.frames["iserver"],
type:"server",
data:{'data':'hello'},
success: function(response) {
alert(response.toSource());
}
});
});
});
});
</script>
Server A
Server B
Server C
[/code]
In system 2 i have:
<script src = 'libjq.js'></script>
<script src = 'pm.js'></script>
<script>
$(document).ready(function(){
pm.bind('server', function(data) {
$.post('response.php',function(response) {
var jsonresponse = $.parseJSON(response);
$.extend(data, jsonresponse);
});
alert(data.toSource());
return data;
});
});
</script>
For the first click of button it is working. when i click different or same button again it is not.
