В первом поле выводится Wowa, а во втором выводится 123-SQ.
Требуется удалить второе поле совсем, а сообщение "123-SQ" каким-то образом показывать прямо в тексте сразу после слова "Категория -".
Как удалить поле - понятно. А вот как бы показать сообщение непосредственно в тексте?
Собственно, вся проблема состоит в том, что я не знаю, как воспроизвсти непосредственно в тексте инфу, пришешедщую из json. Как в поле ввода - понятно. А как просто в тексте, непосредственно в тегах <p>?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Проба</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/modal.css" rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery.simplemodal.js"></script>
<script src='js/jquery.form.js'></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
Array.prototype.max = function (){ //Скрипт всплывающей формы
var i, max = this[0];
for (i = 1; i < this.length; i++) {
if (max < this[i])
max = this[i];
}
return max;
}
function openWindow(module, id, success_href){
$('#modalContainer').modal({onShow: function (dialog) {
$.getJSON('json.php?id='+id+'&module='+module, function(data){
$.each(data, function(key, val){
switch(key){
case 'options':
var options_html = '';
var names_length = [];
var options_arr = $.parseJSON(val);
$.each(options_arr, function(id, name){
options_html+='<option value="'+id+'">'+name+'</option>';
names_length.push(name.length);
});
$('#gruppa').css('width',names_length.max()*9+'px');
$('#gruppa').html(options_html);
break;
case 'group_id_old':
$("#gruppa [value='"+val+"']").attr("selected", "selected");
break;
default:
$("#"+key).val(val);
break;
}
});
});
if(success_href!='undefined'){
$("input[name='success_href']").val(success_href);
}
}});
};
var options = {
target:"#output",
success: function(data){
if($(data).attr("id")=='success'){
$.modal.close();
}
}
};
</script>
</head>
<body bgcolor="#FFFFFF">
<div id="modalContainer" style="display:none;">
<div id="messageText">
<form action="server.php" method="post" onsubmit="$(this).ajaxSubmit(options);return false;">
<input type="hidden" id="module" name="dob_grupp" value="">
<input type="hidden" name="success_href" value="" />
<table width="600" bgcolor="#F2FFFF" border="0px" cellpadding="0px" cellspacing="10px">
<tr>
<td>
<p>Название создаваемой группы</p>
<input type="text" id="producer" name="producer" value="" style="width:600px;" /><br />
</td>
</tr>
<tr>
<td>
<p>Категория -</p>
<input type="text" id="artikul" name="artikul" value="" style="width:600px;" /><br />
</td>
</tr>
<tr>
<td style="text-align:center;">
<input type="submit" value="Сохранить" /></td>
</tr>
</table>
<table width="100%" bgcolor="#F2FFFF" >
<tr>
<td style="text-align:center;" colspan="2">
<div id="output"></div>
</td>
</tr>
</table>
</div>
</div>
<br />
<table class="st1">
<tr>
<td>
<p class="f10"><a href="#" onclick="openWindow('dob_grupp', '', '/detal/');">Добавить группу</a></p>
</td>
</tr>
</table>
Файл json.php:
$module = $_GET['module'];
if ($module == "dob_grupp")
{
$data = array (
'producer'=>'Wowa',
'artikul'=>'123-SQ',
'module'=>$module
);
echo json_encode($data);
}