سوال: مشکل در ایجاد جدول [بایگانی]

alireza182

سه شنبه 29 اردیبهشت 1394, 17:44 عصر

با سلام دوستان
بنده میخوام یه جدولی داشته باشم که هر دوتا متن بصورت یک tr قرار بگیره مثلا:

پیاز 2عدد

در کد نویسی

if(recipestext) { output +='[table]'; jQuery("input[id^=recipestext]").each(function() { output +=''+jQuery(this).val()+''; });

این کد هر متنو تو یه tr میندازه به این صورت
پیاز
2عدد

لطفا راهنمایی کنین چجوری مشکلمو برطرف کنم

در اخر میخوام جدول با سلول های زیادی درست کنم که نتیجه بشه این

پیاز 2عدد
سیب 3عدد
برنج 6کیلو
نمک به میزان لازم

لازم به ذکره بگم که هر کدوم از این اطلاعات را کاربر وارد میکنه که متن درون input که ای دی اون recipestext را میگیره و دکمه Add گذاشتم که هرچقدر خواست بتونه اطلاعات وارد کنه با زدن هر بار دکمه Add یک tr ساخته میشه که باید دوتا متن از کاربر بگیره و اونارو توی دوتا td قرار بده ولی این کارو نمیکنه و هر متنو جداگونه داخل یه tr قرار میده!

Freedon_23

چهارشنبه 30 اردیبهشت 1394, 08:28 صبح

سلام
چیزی که من از کدهای شما متوجه شدم به ازای هر فیلدی که ایجاد شده شما یک ردیف (tr) و یک td درست کردید که طبیعتا نتیجه هم درست است ولی شما فکر کنم می خواهید دو فیلد (input) رو توی یک ردیف (tr) قرار بدید اگر اینطور باشد که کدهای شما باید تغییر کند.
در ضمن برای راهنمایی بیشتر کدهای html رو هم قرار بدید.

alireza182

چهارشنبه 30 اردیبهشت 1394, 10:54 صبح

سلام
چیزی که من از کدهای شما متوجه شدم به ازای هر فیلدی که ایجاد شده شما یک ردیف (tr) و یک td درست کردید که طبیعتا نتیجه هم درست است ولی شما فکر کنم می خواهید دو فیلد (input) رو توی یک ردیف (tr) قرار بدید اگر اینطور باشد که کدهای شما باید تغییر کند.
در ضمن برای راهنمایی بیشتر کدهای html رو هم قرار بدید.

بله دقیقا همین کار را میخوام انجام بدم
<?php
} elseif( $page == 'recipes' ){
?>
<script type="text/javascript">
var Addrecipes = {
e: '',
init: function(e) {
Addrecipes.e = e;
tinyMCEPopup.resizeToInnerSize();
},
insert: function createGalleryShortcode(e) {

var recipestext = jQuery('#recipestext').val();
var recipestext1 = jQuery('#recipestext1').val();

var output = '';

if(recipestext) {
output +='

'+jQuery(this).val()+'

';
}

output += '';

tinyMCEPopup.execCommand('mceReplaceContent', false, output);
tinyMCEPopup.close();

}
}

jQuery(document).ready(function() {
jQuery("#add-tab").click(function() {
jQuery('#recepi').append('<p> <label for="recipestext">td 1</label> <input id="recipestext" name="recipestext" type="text" value="" /> <input id="recipestext1" name="recipestext1" type="text" value="" /> </p>');
});
});
tinyMCEPopup.onInit.add(Addrecipes.init, Addrecipes);

</script>
<title>افزودن مواد لازم</title>

</head>
<body>
<form id="GalleryShortcode">
<div id="recepi">
<p>
<label for="recipestext">td 1</label>
<input id="recipestext" name="recipestext" type="text" value="" />
<input id="recipestext1" name="recipestext1" type="text" value="" />
</p>

</div>
</br>
<strong><a style="cursor: pointer;" id="add-tab">+ Add Tab</a></strong>

<p><a class="add-shortcode" href="javascript:Addrecipes.insert(Addrecipes.e)">افزودن به پست</a></p>
<br/>
</form>

این کد فقط یک ورودی اینپوت را به صورتی که گفتم قرار میده ولی من میخوام هر دو متن input های recipestext و recipestext1 را در یک tr بصورتی که recipestext در یک td و recipestext1 در td دیگری در همان tr تاکید میکنم در همان tr قرار بده بصورت زیر

<tr><td>پیاز</td><td>2 عدد</td></tr>

کد من پیاز رو قرار میده ولی 2 عدد را در یک tr دیگه قرار میده

لطفا به بنده sms بدهید تا بتونم تلفنی بیشتر توضیح بدم:ناراحت: با تشکر 09372603646