Image gallery approach for additional details and add to cart option?

With efficiency and minimalist downloads for smartphone users I would appreciate advice on a product image gallery.
Currently I have an intro page and other simple information pages. My gallery pages ( four distinct pages for different leather goods) need  either a pop up or a link to a new page for additional details and an option to add to cart.
Within the image gallery, How should I link each photo to the new detail/cart page? Can clicking  the image itself be the action or do I need a button?

I made a mistake. I think I got it right this time. The pop up of the title box works but the images are all gone.
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
margin: 0;
padding: 0;
background: #fff;
font: 14px/20px 'Lucida Sans',sans-serif;
.wrap {
overflow: hidden;
.box {
float: left;
position: relative;
width: 25%;
text-align: center;
margin-bottom: 24px;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -70px;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
@media only screen and (max-width : 768px) {
.box {
width: 50%;
margin-bottom: 24px;
@media only screen and (max-width : 480px) {
.box {
width: 100%;
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
</style>
<style>
section, header, nav {
display: block;
    box-sizing: border-box;
body{
font-family: 'Marcellus', normal;
background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
font-size: 90%;
line-height: 140%;
color: #555;
margin: 0;
padding: 0;
background-color: #FFF;
#hover-image {
background-color: #cfc6b0;
text-align: center;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
    background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 25px;
    color: #000;
nav a:hover {
    background-color: #cfc6b0;
    color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
    font-size: 260%;
    line-height: 200%;
    margin: 0;
    padding: 0;
    color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
text-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
    float: left;
    width: 33.33%;
    color: #000;
    border: #000
.footerBox {
    float: left;
    width: 33.33%;
    color: #000;
@media screen and (max-width: 768px) {
    .container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768) {
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<!-- Define all of the tiles: -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<!-- end wrap -->
<footer>
  <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html>

Similar Messages

  • If any function like greatest or least for addition,subtraction and multi?

    if any function like greatest or least for addition,subtraction and multi?
    there are two columns 'a' and 'b'...i have to add the values in column wise
    a b add
    10 30 -->40
    20 40 -->60
    IS there any function?

    Hi,
    794244 wrote:
    if any function like greatest or least for addition,subtraction and multi?
    there are two columns 'a' and 'b'...i have to add the values in column wise
    a b add
    10 30 -->40
    20 40 -->60
    IS there any function?Do you mean something like
    FUNCTION_X (a, b, c, d, ...)that would return the sum of all those numbers?
    No, not that I know of. If there were, it would be harder to use than
    a + b + c + d + ...The first is a comma-delimited list of columns, with a function name and parentheses.
    The second is a +-sign delimited list, with nothing else needed.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • I DON'T WANT TO UPGRADE OR HAVE AN ADD ON EVER, DISABLING UPDATES DOES NOT WORK, HOW DO I KILL ALL MEASAGES FOR UP GRADES AND ADD ON'S FOR EVER, ONCE AND FOR ALL, COMPLETELY, THE END AND NEVER BE BOTHERED AGAIN EVER!

    I DON'T WANT TO UPGRADE OR HAVE AN ADD ON EVER, DISABLING UPDATES DOES NOT WORK, HOW DO I KILL ALL MESSAGES FOR UP GRADES AND ADD ON'S FOR EVER, ONCE AND FOR ALL, COMPLETELY, THE END AND NEVER BE BOTHERED AGAIN EVER! ALSO IF I KILL MYSELF I WILL HOLD YOU PERSONALTY RESPONSIBLE.edit

    There is a world of information in these forums if you use the search function near the top right of this page. Just type in NAS for example and you get many threads on the subject (marked with a green checkmark if it solved the question) another example would be Airport Exterme and sound system. Once you formulate your ideas better then specific questions can be addressed one at a time. You may find that a less expensive choice for a server might be a mac mini. Good luck with your project, ask more specific questions and update you systems profile.

  • Park document approach for all PO and Non u2013 PO based vendor Invvoices

    Hello Experts,
    I want to use park document approach for all PO and Non u2013 PO based vendor Invoices.SAP
    Allows park document facility for FB60 ( Non-Po Based vendor Invoice)but doesnt allow the
    Same functionality for MIRO ( Logistics Invoice Verfication).Can anyone suggest a wayout for Park
    Document functionality for MIRO
    Thanks and Regards
    Urmila

    Hi,
    Transaction MIR7 can be used to park PO-based invoice. The same can be posted through MIRO.
    Regards,

  • FM for Leave details and Modify

    Hi,
    Please tell me if there are any standard function modules for leave details and modify.
    Regards
    Partha

    Hi,
    Pls check below function modules related to leave managment.
    HR_CLM_GET_ENTRY_LEAVE_DATE (Get entry and leaving dates)
    HR_GET_LEAVE_DATA
    HR_LEAVE_DATE_CALC
    Must be helpful.
    Regards,
    Lokesh.

  • Hi can anyone help my gf try to sign in to her iPhone 3 in the app store and when she put stuff in they ask for bank details and security what do that mean

    hi can anyone help my gf got iPhone 3 and she did and id but when she put it in to login it ask for bank details and security code what do that mean

    That means you input your billing information.  And the security code is the three digit code ont he back of your credit card.

  • Hi All,How2 delete a pkey for std table and add 2 new primary keys

    Hi All,
            How2 delete a pkey for std table and add 2 new primary key fields .Please provide me the required procedure .
    Thanks&Regards.
    Bharat.

    Hi Bharat,
    First thing is you need to have the access key to change any standard dictionary object/standard programs/ standard transactions.You may get this from your basis person after getting approval from your respective manager.But changing or modifying the standard object is not recommended, but if there is no alternate to meet the business requirement then we have to follow this way only.
    Next, you need to check whether this table's primary key is being used in any other table as foreing key or not. If there is, then you must remove this relation and then you can delete the unncessary primary key field from that table.Finally you can add the two new fields and set them as primary key, save, check for any errors and activate.
    Hope this helps.
    Please reward if useful.
    Thanks,
    Srinivasa

  • [svn:fx-trunk] 12295: fix for FLEXDOCS-889, and add doc on the WindowedApplication.useNativeDragManager property

    Revision: 12295
    Revision: 12295
    Author:   [email protected]
    Date:     2009-11-30 13:41:29 -0800 (Mon, 30 Nov 2009)
    Log Message:
    fix for FLEXDOCS-889, and add doc on the WindowedApplication.useNativeDragManager property
    QE notes: -
    Doc notes: -
    Bugs: - FLEXDOCS-889
    Reviewer: -
    Tests run: - checkintests
    Is noteworthy for integration: No
    Ticket Links:
        http://bugs.adobe.com/jira/browse/FLEXDOCS-889
        http://bugs.adobe.com/jira/browse/FLEXDOCS-889
    Modified Paths:
        flex/sdk/trunk/frameworks/projects/airframework/src/mx/core/WindowedApplication.as
        flex/sdk/trunk/frameworks/projects/airspark/src/spark/components/WindowedApplication.as
        flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/metadata/AnchorStyles.as

  • ANNC: Image Gallery Magic for Dreamweaver and Fireworks

    Picture perfect...
    Bring your images to life with the most powerful,
    feature-rich image
    gallery solution available for Dreamweaver-Fireworks users:
    Image
    Gallery Magic by PVII - the leader in creative Dreamweaver
    extensions.
    Create image galleries from from inside Dreamweaver - in
    Windows or OS
    X - using the Fireworks processing engine. Image Gallery
    Magic can
    create the entire layout for you or you can insert a gallery
    into an
    existing page. While Image Gallery Magic is powered by
    thoroughly modern
    CSS and Scripting, we've taken great pains to ensure that
    your gallery
    will work in all modern browsers (on all operating systems)
    and some key
    older browsers, such as IE5.x (Windows and OS X).
    http://www.projectseven.com/products/galleries/hgmagic/index.htm
    All aspects of your gallery are managed from within the iGM
    user
    interface window.
    Add (append) new images to your gallery. You can use the
    automatic build
    mode, which leverages the Fireworks image processing engine,
    or you can
    select images that you've already processed yourself in
    Photoshop or any
    other image editor.
    Delete images or re-order them.
    Manage Captions, Descriptions, and a counter - including
    where they
    appear.
    Edit images (the edit command launches your default image
    editor and
    loads the selected image).
    Re-generate thumbnails automatically after editing a
    full-size image
    (Fireworks interoperability).
    Choose a full-size image to load when your page loads.
    Select the number of thumbnails to display per row.
    Enable smooth-glide scrolling of thumbnail rows.
    Choose an animation effect for your full-size images.
    Supports Dreamweaver Templates.
    Allows direct linking to individual images.
    Search-engine friendly.
    Accessible - even with JavaScript disabled.
    Al Sparber
    PVII
    http://www.projectseven.com
    "Designing with CSS is sometimes like barreling down a
    crumbling
    mountain road at 90 miles per hour secure in the knowledge
    that repairs
    are scheduled for next Tuesday".

    I just don't want to be standing below that one! 8)
    Thanks, Peter - they've been at it for a while.
    Thanksgiving of 1977, my girlfriend (now wife) and I spent
    the holidays with
    them in Yellowstone Park (Gardner, MT) 'shooting' the bighorn
    rams 'duke it
    out' during rutting season. I have to say, that was quite a
    spectacular
    experience. Seeing those guys butt heads from as close as
    several hundred
    yards away was awesome. The impact was still as load as a
    shotgun....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "PJR" <[email protected]> wrote in
    message
    news:[email protected]...
    > Wow Murray, I'm impressed. I had no idea you had such
    talent in the
    > family.
    > Some truly stunning images. I like #34 in the Wildlife
    gallery. No idea
    > what
    > it is but it/he/she looks to be in a bit of a pickle :-)
    >
    > Peter
    > _________________________
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:[email protected]...
    > | STUPENDOUS!
    > |
    > | See here -
    > |
    > |
    http://www.wildimages.biz
    > |
    > | --
    > | Murray --- ICQ 71997575
    > | Adobe Community Expert
    > | (If you *MUST* email me, don't LAUGH when you do so!)
    > | ==================
    > |
    http://www.dreamweavermx-templates.com
    - Template Triage!
    > |
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    > |
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    > |
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    > | ==================
    > |
    > |
    > | "Linda R." <[email protected]> wrote in message
    > | news:[email protected]...
    > | > It's amazingly amazing. :-)
    > | >
    > | > --
    > | > Linda Rathgeber ACE ::: PVII
    > | >
    http://www.projectseven.com
    > | > Fireworks Newsgroup:
    news://forums.projectseven.com/fireworks/
    > | > CSS Newsgroup:
    news://forums.projectseven.com/css/
    > |
    > >
    > | > Adobe Community Expert - Fireworks
    > |
    > >
    > | > Design Aid Kits:
    http://www.webdevbiz.com/pwf/index.cfm
    > |
    > |
    >
    >

  • License for OEM Grid Control or just the additional Packs and Add-Ins?

    I have searched the forums and found the link below in a discussion about the Enterprise Manager Grid Control, but nobody answered this question specifically:
    Can you freely install and use the Grid Control (with no additional Packs or Add-Ins)? Or does the Grid Control itself require a license?
    P.S. The price list linked here only displays prices for Grid Control Packs and Add-Ins:
    www.oracle.com/corporate/pricing/eplext.pdf

    Wow, 25 separate dbcontrols sound like a nightmare.
    By the way, our Oracle rep just happened to come here yesterday, and he validated what was said here.
    You can install the Grid Control free; you simply un-check the Packs/Add-Ins during the install.
    As I understand it, you would install the Grid Control Agent first on each server, then when you install Oracle RDBMS, the Universal Installer will detect the Agent and enable the Grid Control instead of the Database Control.
    Then you install the OEM Grid Control repository and software on a separate server, and that is where you manage all of the Oracle RDBMS servers from.
    He also said to use the highest version Grid Control Agents on the database servers and repository server and keep the versions of that software in sync, which is separate from the Oracle RDBMS version.

  • PHP image gallery uploader for client website?

    I am trying to find a php image gallery uploader so that once I install the code into my clients website, they can upload via the web their pictures to the gallery, I've googled and come up empty. It would need to look nice, not clunky (think flowchart gallery on the mac).
    How can this be done. Hoping to buy software and install it, let the program do the work.
    Thanks,
    Stefan
    http://www.bluebarngraphics.com

    I am not aware of any off the shelf software  as you describe, but I am thinking is should be a fairly straightforward project.
    1. Create a form for your client to upload images, alt  and text descriptions into a database.
    2. Take some off the shelf photo gallery, wrap the code in a "do while" loop, call the images and text from the database.
    Gary

  • How to unlock the request for a report and add the same query to new reques

    hi,
         how to unlock the request for a  and add the same query to new reques

    You can unlock in SE03 tcode.
    Goto tcode SE01, give the transport number --> display --> double click on the transport --> in the next screen select all the elements --> delete --> save.
    To attach it to another transport, In RSA1, click on transport connection> Choose Object types> query elements --> here you can find your query/ or you can search, which you can drag to right and attach to the transport (using truck button).

  • Can iTunes monitor folders for new files and add to library?

    Hi,
    Is there a way to have iTunes monitor my media folders so that if I add any media files in those folders, iTunes will catch the added media files and add them into the library automatically? I have been using something similar in WMP10; moving to iTunes since iPods are not supported in WMP Sorry if this has already been asked (couldnt find anything similar through search)
    Kapil

    No it cant you have to add manually

  • Rollup for Sub-total and add opening balance

    Hi,
    I have a table which contains the data for customer transaction for certen period.
    Data will be queried for certain transaction period.
    CUST_TRAN_DETS
    A/c No - trans_nr - trans_typ - opening_bal - tran_dat_fr - trans_dat_to -- trans_amt
    123 - 10001 - Op.Bal - 500000 - 01.12.06 - 30.12.06
    123 - 10002 - invoice - 000000 - 01.01.07 - 31.01.07 - 20000.00
    124 - 10003 - invoice - 000000 - 01.02.07 - 28.02.07 - 30000.00
    124 - 10004 - invoice - 000000 - 01.03.07 - 30.03.07 - 120000.00
    124 - 10005 - invoice - 000000 - 01.04.07 - 31.04.07 - 85000.00
    125 - 10006 - invoice - 000000 - 01.04.07 - 31.04.07 - 30000.00
    125 - 10007 - invoice - 000000 - 01.04.07 - 31.04.07 - 14000.00
    125 - 10008 - invoice - 000000 - 01.04.07 - 31.04.07 - 170000.00
    Now my query should return following output
    A/c No. -tran_dat_fr- trans_dat_to - curr_bal- Total_bal
    123 -- 01.01.07 -- 31.01.07 -- 20000.00
    124 -- 01.02.07 -- 31.04.07 -- 235000.00
    125 -- 01.04.07 -- 31.04.07 -- 184000.00
    939000.00
    Each subtotal on A/c number should sum the trans amt for each a/c no for that period. And the total_bal should display the sum of transactions for all account numbers for that period and Opening balance. In the above exmpl, Total bal would be 20000+235000+1840000+500000.
    Pls help ASAP.
    Regards
    Ram

    SQL> create table cust_tran_dets (ac_no,trans_nr,trans_type,opening_bal,tran_dat_fr,tran_dat_to,trans_amt)
      2  as
      3  select 123, 10001, 'Op.Bal', 500000, date '2006-12-01', date '2006-12-31', null from dual union all
      4  select 123, 10002, 'invoice', 0, date '2007-01-01', date '2007-01-31', 20000 from dual union all
      5  select 124, 10003, 'invoice', 0, date '2007-02-01', date '2007-02-28', 30000 from dual union all
      6  select 124, 10004, 'invoice', 0, date '2007-03-01', date '2007-03-31', 120000 from dual union all
      7  select 124, 10005, 'invoice', 0, date '2007-04-01', date '2007-04-30', 85000 from dual union all
      8  select 125, 10006, 'invoice', 0, date '2007-04-01', date '2007-04-30', 30000 from dual union all
      9  select 125, 10007, 'invoice', 0, date '2007-04-01', date '2007-04-30', 14000 from dual union all
    10  select 125, 10008, 'invoice', 0, date '2007-04-01', date '2007-04-30', 170000 from dual
    11  /
    Tabel is aangemaakt.
    SQL> select ac_no
      2       , case when grouping(ac_no) = 0 then min(decode(trans_type,'invoice',tran_dat_fr)) end tran_dat_fr
      3       , case when grouping(ac_no) = 0 then max(decode(trans_type,'invoice',tran_dat_to)) end tran_dat_to
      4       , case when grouping(ac_no) = 0 then sum(decode(trans_type,'invoice',trans_amt)) end curr_bal
      5       , case when grouping(ac_no) = 1 then sum(opening_bal + nvl(trans_amt,0)) end total_bal
      6    from cust_tran_dets
      7   group by rollup(ac_no)
      8  /
         AC_NO TRAN_DAT_FR         TRAN_DAT_TO           CURR_BAL  TOTAL_BAL
           123 01-01-2007 00:00:00 31-01-2007 00:00:00      20000
           124 01-02-2007 00:00:00 30-04-2007 00:00:00     235000
           125 01-04-2007 00:00:00 30-04-2007 00:00:00     214000
                                                                      969000
    4 rijen zijn geselecteerd.Regards,
    Rob.

  • Which? - License for OEM Grid Control or just the additional Packs and Add-Ins?

    I took a look at the price list and I wanted to clarify the "Named User Plus". The Diagnostic and Tuning Packs are each shown as $100 for the named user. As a DBA, if I have a named user license for these two management packs, does this mean that I can manage as many databases as needed with these two management packs?

    Wow, 25 separate dbcontrols sound like a nightmare.
    By the way, our Oracle rep just happened to come here yesterday, and he validated what was said here.
    You can install the Grid Control free; you simply un-check the Packs/Add-Ins during the install.
    As I understand it, you would install the Grid Control Agent first on each server, then when you install Oracle RDBMS, the Universal Installer will detect the Agent and enable the Grid Control instead of the Database Control.
    Then you install the OEM Grid Control repository and software on a separate server, and that is where you manage all of the Oracle RDBMS servers from.
    He also said to use the highest version Grid Control Agents on the database servers and repository server and keep the versions of that software in sync, which is separate from the Oracle RDBMS version.

Maybe you are looking for

  • G4 and Intel compatibility

    Hey there! My new MacBook Pro is the first Mac I've owned. I'm using it for music creation and most of the software has system requirements for a Mac G4 processor. This may be a stupid question but will they run fine with my 2.16GHZ Intel Core Duo pr

  • Problem to open a dashboard inside a pdf file

    Hi!! I am sending a dashboard from BO xcelsius 2008 SP3 to a pdf file. When I try to open the pdf file it show me the following message: Para acceder a datos externos, agregue un archivo de directivas de dominios cruzados al servidor web de datos ext

  • PDF to Word 2007

    Hello I am trying to convert a PDF to Word 2007 in an editable format while retaining the original layout of the PDF.  I have downloaded a lot of different free options online that have simply pasted the PDF into word as an image instead of a .doc Ca

  • I want to use Time Capsule and/or Time Machine to Mirror Two Macs

    I have a MacBook and a MacBook Pro. The MBP is work-related, but I have many creative projects that I have to do on both machines. I want to have both the MB and the MBP showing exactly the same files, and updating exactly the same files, in the same

  • Low battery audible notification

    I've had my BB8200 pearl flip for about 6 months now.  Occasionally I forget to charge my battery and will have the phone in my pocket and it will die and turn off.  I might go hours before noticing it has turned off and often I have missed an import