Hello experts.
I need some help to finish my code.
I want to change the order of my divs with my goup and godown functions.
Not the ajax function.
I did test this tutorial http://biostall.com/swap-and-re-order-divs-smoothly-using-jquery-swapsie-plugin but it is not what i was looking for because it is not really changing the order but adding a style to display the divs in different positions.
Maybe the insertAfter() can help but i'm not familiar with this.
Any help?
<div id="container"><!-- First DIV--><div id="item_04446AE9-D82B-EC26-AA89CF89A88BBB3C" class="clearboth"> <div></div> <div></div> <div></div> <div id="sub_04446AE9-D82B-EC26-AA89CF89A88BBB3C" class="clearboth" style="width:100%"> <div></div> <div align="right" class="flright inline"style="width:50%"> <!-- IF THIS IS FIRST DIV HIDE ---> <a href="#" onclick="goup('04446AE9-D82B-EC26-AA89CF89A88BBB3C');return false;" title="Go up" style="display:none;" ><img src="img/arrowup.gif" alt="Go up" border="0"></a> <!-- IF THIS IS LAST DIV HIDE ---> <a href="#" onclick="godown('04446AE9-D82B-EC26-AA89CF89A88BBB3C');return false;" title="Go down" ><img src="img/arrowup.gif" alt="Go Down" border="0"></a> </div> </div> <hr class="clearboth"><br /><br /></div><!-- Second div --><div id="item_057E81DC-B73B-7CFE-D409ED4FDAE24C49" class="clearboth"> <div></div> <div></div> <div></div> <div id="sub_057E81DC-B73B-7CFE-D409ED4FDAE24C49" class="clearboth" style="width:100%"> <div></div> <div align="right" class="flright inline"style="width:50%"> <!-- IF THIS IS FIRST DIV HIDE ---> <a href="#" onclick="goup('057E81DC-B73B-7CFE-D409ED4FDAE24C49');return false;" title="Go up" ><img src="img/arrowup.gif" alt="Go up" border="0"></a> <!-- IF THIS IS LAST DIV HIDE ---> <a href="#" onclick="godown('04446AE9-D82B-EC26-AA89CF89A88BBB3C');return false;" title="Go down" style="display:none;" ><img src="img/arrowup.gif" alt="Go Down" border="0"></a> </div> </div> <hr class="clearboth"><br /><br /></div></div><script type="text/javascript">var godown = function (f){ var id = f ; //ajax function to change order in database. If success Gon on //current div var div1 = $('#item_' + f); //i have to find the raget div var divnext = div1.next().attr("id"); alert(divnext) // function to change order and to check if it is first or last to hide - show the atags }var goup = function (f){ var id = f ; //ajax function to change order in database. If success Gon on //current div var div1 = $('#item_' + f); //i have to find the raget div var divprev = div1.prev().attr("id"); alert(divprev) // function to change order and to check if it is first or last to hide - show the atags }</script>
It is working.
The only problem is now to show or hide the a tags if the new position is first or last.
Any idea how?