www.webdeveloper.com
Results 1 to 4 of 4

Thread: Dynamic redesign

  1. #1
    Join Date
    Jan 2006
    Posts
    17

    Question Dynamic redesign

    Dear all,

    I am Suriakumar I am doing projects in Providex.

    I am having a web page in which, in the upper half i have a set of radio buttons showing Credit card options like (radio button-1) Master card, (radio button-2) visa card. In the lower half i display the selected card details(using radio button) like card no, expiry date etc. So based on the Radio button option selection i have to change the lower half and display the details of selected credit card.

    More than that in the upper half apart from radio button, i have a submit button which redirect to next page.

    So anyone of please help me to solve this problem. As this page is to be viewed by not using IE, i do not like to use FRAMES here.

    J.SURIAKUMAR

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Show the code you already have and give the requirements for each card
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Nov 2009
    Posts
    5
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta name="Keywords" content="Insert Keywords Here" />
    <meta name="Description" content="Description of the webpage." />
    <style>
    html, body {
            height:100&#37;;
            padding:0px;
            margin:0;
    }
    div.top {
            height:50%;
    }
    div.top fieldset {
            width:50%;
            margin:auto;
    }
    div.bottom {
            height:50%;
    }
    </style>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
    <script type='text/javascript'>
    $(document).ready(function(){
            $('#submit').click(function(){
                    pagename = $('#card').attr('value');
                    pagename = pagename+".html";
                    alert(pagename);
                    $('div.bottom').load(pagename);
            });
    });
    </script>
    <title>Page Title</title>
    </head>
    <body>
    <div class='top'>
            <fieldset>
            <legend>Select a Card</legend>
            Card 1 <input type='radio' id='card' name='card' value='card1' />
            Card 2 <input type='radio' id='card' name='card' value='card2' />
            <input type='submit' id='submit' name='submit' value='View Page' />
            </fieldset>
    </div>
    <div class='bottom'></div>
    </body>
    </html>
    Just get it to select which input has been selected, and obtain it's value using the $(object).attr('value') jQuery thingo.

    I'd finish it off, but I really need to log off. Good luck with it
    Last edited by Kor; 12-03-2009 at 07:25 AM. Reason: wrap the code [code][/code]

  4. #4
    Join Date
    Jan 2006
    Posts
    17

    Re help

    Sir,

    Thank you for helping me. But at the same time i could not understand your code. Also i could not see the on select for radion buttons. if you have a full java script please send me.


    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
    <script type='text/javascript'>
    $(document).ready(function(){
    $('#submit').click(function(){
    pagename = $('#card').attr('value');
    pagename = pagename+".html";
    alert(pagename);
    $('div.bottom').load(pagename);
    });
    });
    </script>




    J.SURIA KUMAR

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles