JQuery :: Sorting (rearranging Order) Of A Photo Album Using JQuery Sortable
Feb 6, 2011
I have a photo album gallery within my website and would like to allow users to sort the order of their photos within an album. After looking at very different ways I came across this example
http://www.west-wind.com/rick/photoalbum/demoMaui2006/Default.aspx?Admin=true which is exactly what I need.
The photo are stored in the uploads directory and details in the database. The images are displayed using the ListView as shown below:
[Code]....
I would like to rearrange the order of the photos; change the captions and/or delete the photos just like as in the example.
So could someone please provide the steps that I need to follow in order to achieve the following:
Firstly to display the photos from the Photo table in the database (can use the above listView) Rearrange the order; change caption and/or delete the photo(s) Final to update the changes in the Photo table
I am new to programming, especially jQuery so could you kindly provide/explain the steps that I need to follow.
View 8 Replies
Similar Messages:
Feb 6, 2011
I have a photo album gallery within my website and would like to allow users to sort the order of their photos within an album. After looking at very different ways I came across this example http:[URL]Admin=true which is exactly what I need.
The photo are stored in the uploads directory and details in the database. The images are displayed using the ListView as shown below:
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" GroupItemCount="15">
<LayoutTemplate>
<table id="groupPlaceholderContainer" runat="server" border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse; width: 100%;">
<tr id="groupPlaceholder" runat="server">
</tr>
</table>
</LayoutTemplate>
<GroupTemplate>
<tr id="itemPlaceholderContainer" runat="server">
[Code]....
View 1 Replies
Mar 15, 2011
I am using jQuery for custom sorting my <ul><li> list.But I have a problem. I can sort and move those <li>-s but problem is I don't know how to update database with new order integers.Example of html ul li:
[Code]....
This is an example of my li element.. I have id=43, thats Id of picture in database.I use this javascript for trying to somehow make array and read that id into array:
[Code]....
Problem is I don't know exactly what am I doing wrong, because my event doesn't fire, when I press "update button.. Update button fires "update" function on click:
[Code]....
I hope someone will try to explain.Do codebehind and html needs to be in the same document? Can I use ascx and use "update" button there, to fire aspx methode?
View 5 Replies
Feb 10, 2011
I want to create a photo album in my website like the following link
[URL]
View 3 Replies
Jan 23, 2010
I have 5 hard corded texboxes in a page in a sequence with sequence Number . Now i want to add re-order /re-arraning functionaly .. but i can't use ajax reorder list because i have 5 hard corded texbox. how can i maintain the order in Insert/Update cases. And also suggest me control that i can use, another than ajax re-order list. coz i not using any list items i have hard corded items on the page.
View 1 Replies
Feb 3, 2011
How do I get at the data after doing a .sortable serialize? Here is my code :
[Code]....
View 1 Replies
Feb 10, 2011
I have li list with jQuery sortable attached to it. but the receive function is never executed. When I drag list item 10 to the 2nd position the way i expect this code to execute is to execute the receive function. but it never gets executed.
[Code...]
View 1 Replies
Dec 22, 2010
am building jQuery UI sortable to store order in the database using serialize and ASP.NET Web Service. I know how to do it in php, but I am not sure how to do it in ASP.NET... I tried googling with little success.
$('#mylist').sortable({
handle: ".handle",
axis: "y",
[code]...
View 2 Replies
Feb 3, 2011
I am using .sortable on a div that I have. What I want to know is, how do I call a function when the drop event occurs? Here is my code at the moment :
[Code]....
View 2 Replies
Feb 1, 2011
I am new to programming especially jQuery. I am trying to use ColorBox to display photos from an album using the example from[URL]Below is the .aspx code:
[Code]....
Could someone please tell how to correct this? or to be able to display the photos within dlColorBox DataList using ColorBox?So it is displays the photos within the selected album like Grouped Photo 1 example[URL]I am new to jQuery so could you please indicate how to make this work by changing the code as I have spent last 3 days looking at different examples on the internet.
View 2 Replies
Mar 27, 2011
i wrote an application for facebook but i couldn't upload image to album that i created,
code is in below
Facebook.FacebookAPI api = new Facebook.FacebookAPI(GetAccessToken());
Dictionary<string, string> album = new Dictionary<string, string>();
album.Add("name", "Test Album");
album.Add("message", "Message here!");
JSONObject result = api.Post("me/albums", album);
string AlbumId = result.Dictionary["id"].String;
Dictionary<string, string> photo = new Dictionary<string, string>();
photo.Add("message", "test Message");
photo.Add("source", "tgw.jpg");
JSONObject photoResult = api.Post("/" + AlbumId + "/photos", photo);
View 1 Replies
Feb 7, 2011
The AjaxToolkit has a ReorderList. I'm searching for a jQuery solution that does the same and found this page. I would like to change the order of divs (vertically) and upload the new order to the database (ajax).
View 2 Replies
Jul 15, 2010
I was wondering if anyone knows a jQuery library that can suit my needs:
I want a slideshow of album covers which are retrieved dynamically from the database. I want to display 4 album covers at a time. I want there to be a next button so the the slideshow can continue. Here is what I cant find any librarys for. When I click the next button, I dont want to show another 4 different covers, i want it to move along by 1 album cover,
So say I had covers 1 , 2 , 3 , 4
When i click next i want to display 2 , 3 , 4 , 5.
Finally, I want the show to be able to repeat so at the end it starts at one again.
So say I only had 5 covers 1 , 2 , 3 , 4 , 5
when I click next while showing 2 , 3 , 4 , 5 I want 3 , 4 , 5 , 1 displayed.
View 1 Replies
May 28, 2010
Can anyone tell me how to create an ASP photo album page WITHOUT using a database for the photos? In other words, I just want to be able to call the photos from a folder within the site... I can't get databases to work properly on my computer so I need to do it this simpler way. Can anyone let me know of a site which shows how to do this
View 19 Replies
Mar 1, 2011
I need to create a display grid of picture cells 5 columns by rows determined by database select. Each cell to contain picture, title, name, phone number pulled from database. How do I create a table like structure and populate it? Can a DetailsView control be called into each table cell with the table row count being determined by the same select statement?
View 2 Replies
Jun 1, 2010
Im developing a news site and I want to do a gallery like the one in this site :
[URL]
it's created with flash but I need to do it with jQuery or ajax
View 3 Replies
Sep 23, 2010
I am an aspçnet developer on c# but I am not good at Java Script and jquery. what I need is so simple.
I will put some pictures in a div. let's say 10 thumbnails. this div will be called container. and then I will put another div. the div id will be displayer. there will be only one img tag. this image tag name will be myimg and this img will display my images. So I what that;
when I click a picture on the container div, I what the myimg's src to be the src of the thumbnail which have been clicked.
View 8 Replies
Nov 9, 2010
How can I sort gridview with JQuery using C#?
View 1 Replies
Feb 8, 2011
would like to sort an UL dom element having some LI elements.I'm stuck and some plugins I found are not correctly working, so I maybe need some custom code.The UL :
[Code]....
So the li elements contains the span element that has the real text that needs to be sorted, it is important that the li should be moved as the custom attribute id is required for another purpose.
View 5 Replies
Jan 6, 2011
After a little hard work I was finally able to bind jqgrid in asp.net, but now I am facing another problem that is I am not able to sort the data or use pagination in jqgrid. And it seems There is a post back every time I click on the grid headers or select the page drop down. My code is as follows:
[Code]....
And web method is as follows:
[Code]....
View 3 Replies
Feb 20, 2011
i want to load a usercontrol that contains a gridview with paging and sorting capabilities without postback.
Code for Load UserControl in case Dynamically is:
[Code]....
View 4 Replies
Nov 5, 2010
I wanna save the order of my list to the sql server database in jquery drag & drop using asp.net c#. How can I do this?
View 1 Replies
Mar 16, 2011
which is the best way to learn Jquery....and what all topics I need to cover to learn Jquery in full...so I could code like a pro.
View 2 Replies
Feb 6, 2011
I have a repeater using paging (see code below) I want to be able to offer a button that sorts the results by price and one for alphabetical order. I'm not sure how to achieve this with my current system. Would it just be a case of altering the sql select statement on click?
Private Sub BindRepeater()
Dim dv As DataView
dv = CType(SqlDataSource3.Select(DataSourceSelectArguments.Empty), DataView)
PagedResults.DataSource = dv
PagedResults.AllowPaging = True
PagedResults.PageSize = 9
PagedResults.CurrentPageIndex = CurrentPage
lnkBtnNext1.Visible = Not PagedResults.IsLastPage
lnkBtnPrevious1.Visible = Not PagedResults.IsFirstPage
Repeater1.DataSource = PagedResults
Repeater1.DataBind()
doPaging()
End Sub
[Code...]
View 4 Replies
Jan 8, 2011
I have a column TimePeriod with values in mmm-yyyy format. ex. Jan-2010, Apr-2010,Nov-2010, Dec-2010, Jan-2011
How can I wirte query so result will be in order by Jan-2010, Feb-2010,..... Jan-2011.
I tried to cast, convert but i couldnt figured it out. I did googling... can't find solution.
View 3 Replies