Jump to content
php.lv forumi
  • 0

mainīt div secību


Question

Posted (edited)

š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

10 answers to this question

Recommended Posts

  • 0
Posted

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.

  • 0
Posted

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>

  • 0
Posted

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?

  • 0
Posted

> 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?

 

Vai tev ir jQuery libs?

  • 0
Posted

Nevar jau saprast, varbūt gunmetal domā, ka ar codez piemēru viss automātiski/maģiski notiek un viss tiek saglabāts DB, atkārtoti ejot lapā visas izmaiņas tiek automātiski attēlotas... :)

  • 0
Posted (edited)

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
  • 0
Posted (edited)

jquery bibliotēka ir?

body tags ir?

 

 

P.S. Galu galā var taču arī no jsfiddle tam demo ifreimam paņemt view source un paskatīties pilnu sourci.

Edited by codez

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...