Solved

Asp.net mvc4

Posted on 2014-10-02
6
96 Views
Last Modified: 2014-10-09
Hi Guys ,

I would like to implement into my MVC application gallery page with Picture of all our items.

Actually , I Implemented already the items pics Gallery and I allow users to upload picture for each item and view them,  but I would like to make it much more like amazons view, like when you search for items you get some square for each item with description and pic.
For now I built some index view that show all the item and View button that give you the option to upload pic and view them.

I have attached the view for this implementation. Please review and let me know if you have any idea.


Thanks ,[MyApp
0
Comment
Question by:Moti Mashiah
  • 4
  • 2
6 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 40359181
What about :
$(".ViewButtonClass").click(function(event) {
        event.preventDefault(); 
        var product_id = $(this).data("productid"); // https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
        window.open("/StoreCatalog/ItemPicture/" + product_id, "mytitle", "width:640,height:480");       
});

Open in new window


but I think it's better to use a CSS popup :
http://fancybox.net/howto
http://jqueryui.com/dialog/
0
 
LVL 1

Author Comment

by:Moti Mashiah
ID: 40359712
Hi There ,

Thank you for your respond. My intention is not to popup from the "view" button as this concept I have already in order to let users to upload new photos (see attachment ).
Index view
What I would like to do is to create another view page and when users search for some item they don't get this index view as show at the attachment. I would like to give them something like this view (see attachment Newindexview).

Newindexview
0
 
LVL 1

Author Comment

by:Moti Mashiah
ID: 40359718
My question is - how can I design some UI like this one.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 82

Expert Comment

by:leakim971
ID: 40360146
you can use jQuery.autocomplete
check the example here : http://jqueryui.com/autocomplete/#custom-data

So you controller send back an array with products data, and you render it like the example.
0
 
LVL 1

Accepted Solution

by:
Moti Mashiah earned 0 total points
ID: 40361770
It is good idea but I didn't actually asked for this solution.


thanks ,
0
 
LVL 1

Author Closing Comment

by:Moti Mashiah
ID: 40370226
didn't really get my solution.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

756 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question