مرتب نشدن فیلدها در html [بایگانی]

paranoide

سه شنبه 04 مهر 1391, 10:45 صبح

سلام به همگی
من یه فرم طراحی کردم که توش چند تا تکست فیلد داره
میخوام وقتی روی butom کلیک میکنم چند تاش مخفی بشه، مشکل اینجاست که زمانی که مثلا اون چند تا فیلد مخفی میشه فیلدهای پایینی بالای فرم نمیان و همون سر جای قبلی باقی میمونند.
من با javascript display=none میکنم ولی بقیه فیلدها سرجای خودشون میمونند و بالای فرم نمیان

function hide() {

var elements = document.getElementsByTagName("*");

for(i = 0; i < elements.length; i++) {

if(elements[i].getAttribute("class") == "test") {
elements[i].style.display="none";
}}}

s2/mri

سه شنبه 04 مهر 1391, 10:58 صبح

سلام
شما باید بعد از مخفی شدن عناصر دوباره صفحه رو load کنین
ajax!

mamali-mohammad

سه شنبه 04 مهر 1391, 11:17 صبح

از table توی کارت استفاده کردی ؟

paranoide

سه شنبه 04 مهر 1391, 14:07 عصر

سلام
شما باید بعد از مخفی شدن عناصر دوباره صفحه رو load کنین
ajax!
location.reload(); رو زدم بازم نشد
یه کم بیشتر توضیح بدین ممنون میشم

از table توی کارت استفاده کردی ؟
نه چند تا OBJECT زیر هم گذاشتم

s2/mri

سه شنبه 04 مهر 1391, 15:18 عصر

$(document).ready(function(){
var DelId = element.attr("id");
$.ajax({
type: "GET",
url: "delete.php",
data: {delid : DelId},
success: function(html){
$('#result').html(html)
}
});

});

من برا حذف از این دستور جی کوئری استفاده میکنم(البته حذف از دیتابیس،server side) نه client side
در قسمت url ادرس صفحه ای که باید اطلاعات به اونجا فرستاده بشه تا حذف بشه
و قسمت success تابع html که صفحه delete.php رو دوباره فراخوانی میکنه و در result صفحه رو به کاربر نمایش میده

paranoide

چهارشنبه 05 مهر 1391, 20:52 عصر

کسی نمیتونه کمک کنه؟؟؟؟؟؟؟؟

mamali-mohammad

چهارشنبه 05 مهر 1391, 22:35 عصر

کدتو کامل بزار تا تست کنم

paranoide

چهارشنبه 05 مهر 1391, 22:54 عصر

یه چیزی شبیه به این رو میخوام
وقتی submit زده شد test2 بیاد بالای صفحه

<script>
function hide() {
var elements = document.getElementsByTagName("*");
for(i = 0; i < elements.length; i++) {
if(elements[i].getAttribute("class") == "hideable") {
elements[i].style.display="none";
}}}
</script>
<body >
<input type="text" name="ready" class="hideable" />
<label for="ready" class="hideable" >test1 </label>
<br>
<br>
<input type="text" name="ready" class="hideable" >
<label for="ready" class="hideable" >test1</label>
<br>
<br>
<input type="text" name="family" class="hideable" />
<label for="ready" class="hideable" >test1 </label>
<br>
<br>

<input type="text" name="family" class="customer" />
<label for="ready" class="customer" style="top:2px" > test2 </label>
<br>
<br>
<input type="text" name="mablag" class="customer" />
<label for="ready" class="customer" > test2</label>
<br>
<br>
<input type="submit" onclick="hide()" />
</body>

mamali-mohammad

پنج شنبه 06 مهر 1391, 11:06 صبح

paranoide

پنج شنبه 06 مهر 1391, 11:21 صبح

ممنون حل شد:بوس:

<div style="width:200px;">
<input type="text" name="ready" class="hideable" />
<label for="" class="hideable" >test1 </label>

<input type="text" name="ready" class="hideable" >
<label for="ready" class="hideable" >test1</label>

<input type="text" name="family" class="hideable" />
<label for="ready" class="hideable" >test1 </label>

<input type="text" name="family" class="customer" />
<label for="ready" class="customer" style="top:2px" > test2 </label>

<input type="text" name="mablag" class="customer" />
<label for="ready" class="customer" > test2</label>

<input type="submit" onclick="hide()" />
</div>