Jump to content
php.lv forumi
  • 0

mainīt div secību


gunmetal

Question

šodien labu laiciņu meklēju, kā neatjaunojot lapu var mainīt div secību. nu tas laikam ir iespējams tikai ar javascript palīdzību.

13255271521.PNG

 

Domu cerēsim, ka sapratāt

Piespiež uz bultiņas un paceļ augšā bēdīgo sejiņu.

Man slikti iet ar skaidrošanu tāpēc attēloju attēlā..

Edited by gunmetal
Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Ja vēlies blokus "iestatīti" mainīt, tad noteikti katra bloka pozīcija būs jaglabā datubāzē, attiecīgi vadoties pēc kārtas nummura un pozīcijas lapā. Un tālāk jau aiziet cikls, cik tev tie paneļi ir, vai arī ja ir kontstantes vērtības paneļi, tad iztiec arī bez cikla.

Ja vēlies tikai klienta pusē mainīt uz esošo momentu, tīrākā spēle ar JQuery.

Kurš variants tev der? Sāc taisīt un domājams pie kādas nezināšanas vietas, tev paskaidros sīkāk.

Link to comment
Share on other sites

  • 0

Ar jquery to ir ļoti viegli izdarīt:

http://jsfiddle.net/RZtwk/

 

js:

$('body').delegate('.btn_up','click',function(){
var $t=$(this).parent();
$t.insertBefore($t.prev());
}).delegate('.btn_down','click',function(){
var $t=$(this).parent();
$t.insertAfter($t.next());
});

 

html:

<div class="row">1.A <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">2.B <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">3.C <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">4.D <button class="btn_up">up</button><button class="btn_down">down</button></div>

Link to comment
Share on other sites

  • 0

Ar jquery to ir ļoti viegli izdarīt:

http://jsfiddle.net/RZtwk/

 

js:

$('body').delegate('.btn_up','click',function(){
var $t=$(this).parent();
$t.insertBefore($t.prev());
}).delegate('.btn_down','click',function(){
var $t=$(this).parent();
$t.insertAfter($t.next());
});

 

html:

<div class="row">1.A <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">2.B <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">3.C <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">4.D <button class="btn_up">up</button><button class="btn_down">down</button></div>

Tajā linkā kur aizsūtīji viss darbojas ideāli un tieši kā vajag tikai kāpēc kad visu pārkopēju nekas nedarbojas?

Link to comment
Share on other sites

  • 0

Labi, labi pietiek ņirgāties! :D

Es ievietoju mājas lapā kodu un tas nedarbojas.

<script>
$('body').delegate('.btn_up','click',function(){
   	var $t=$(this).parent();
   	$t.insertBefore($t.prev());
}).delegate('.btn_down','click',function(){
   	var $t=$(this).parent();
   	$t.insertAfter($t.next());
});
</script>
<div class="row">1.A <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">2.B <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">3.C <button class="btn_up">up</button><button class="btn_down">down</button></div>
<div class="row">4.D <button class="btn_up">up</button><button class="btn_down">down</button></div>

Un P.S es nevienā brīdī neteicu, ka man Db ir jāsaglabā secība, man wnk vajadzēja lai mainās secība un viss.

Edited by gunmetal
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...