teacup. [ 掲示板 ] [ 掲示板作成 ] [ 有料掲示板 ] [ ブログ ]

 投稿者
  題名
  内容 入力補助画像・ファイル<IMG>タグが利用可能です。(詳細)
    
 URL
[ ケータイで使う ] [ BBSティッカー ] [ 書込み通知 ] [ 検索 ]

スレッド一覧

  1. 足あと帳(0)
スレッド一覧(全1)  他のスレッドを探す 

*掲示板をお持ちでない方へ、まずは掲示板を作成しましょう。無料掲示板作成


tablesort

 投稿者:yama  投稿日:2013年11月29日(金)20時07分23秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=windows-31j" />
<style type="text/css">
#list{
border : 3px double #828282;
}
#list th, #list td{
border : 1px solid #828282;
}
td.td_hidden{
display: none;
}
#view{
display: none;
overflow: hidden;
width: 500px;
border: 3px double #828282;
}
#viewLeft{
float: left;
height: 130px;
}
#viewLeft img{
margin: 15px;
}
div.title{
float: left;
width: 100px;
text-align: right;
}
</style>
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#list").tablesorter();
});
$("#list").ready(function(){
$(".tr_hover").hover(
function(){
$(this).css("background-color","#87ceff");
$(this).css("cursor","pointer");
},
function(){
$(this).css("background-color","#ffffff");
}
);
$(".tr_hover").click(function(){
$("#view").hide();
$(this).children().each(function(index){
$(".data" + index).text(":  " + $(this).text());
if(index==7){
$("#viewLeft img").attr("src",$(this).text());
}
});
$("#view").slideDown("slow");
});
});
</script>
</head>
<body>
<table id="list">
<caption>色変わった行をクリックしてください</caption>
<thead>
<tr>
<th>ID</th>
<th>氏名</th>
<th>シメイ</th>
<th>郵便番号</th>
<th>都道府県D</th>
<th>市区町村</th>
<th>TEL</th>
</tr>
</thead>
<tbody>
<tr class="tr_hover">
<td>1</td>
<td>山田博</td>
<td>ヤマダヒロシ</td>
<td>150-0002</td>
<td>東京都</td>
<td>渋谷区渋谷</td>
<td>03-0000-0000</td>
<td class="td_hidden">img/おじ様.bmp</td>
</tr>
<tr class="tr_hover">
<td>2</td>
<td>小山優子</td>
<td>オヤマユウコ</td>
<td>111-2222</td>
<td>神奈川県</td>
<td>藤沢市南藤沢</td>
<td>046-000-2222</td>
<td class="td_hidden">img/おかっぱちゃん.bmp</td>
</tr>
<tr class="tr_hover">
<td>3</td>
<td>田口正樹</td>
<td>タグチマサキ</td>
<td>350-0000</td>
<td>千葉県</td>
<td>船橋市船橋</td>
<td>042-000-3333</td>
<td class="td_hidden">img/おじ様.bmp</td>
</tr>
<tr class="tr_hover">
<td>4</td>
<td>中山雅史</td>
<td>ゴン</td>
<td>200-2222</td>
<td>静岡県</td>
<td>清水市清水</td>
<td>045-010-6547</td>
<td class="td_hidden">img/金髪ちゃん.bmp</td>
</tr>
<tr class="tr_hover">
<td>5</td>
<td>中野美奈子</td>
<td>ナカノミナコ</td>
<td>152-5555</td>
<td>東京都</td>
<td>北区赤羽</td>
<td>03-5888-0000</td>
<td class="td_hidden">img/ショートカットちゃん.bmp</td>
</tr>
</tbody>
</table>







ID


氏名


シメイ


郵便番号


都道府県


市区町村


TEL




</body>
</html>
 
 

AddAction.java

 投稿者:yama  投稿日:2013年 1月19日(土)14時48分19秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.act;
import ken.bean.*;
import java.sql.*;
import javax.servlet.http.*;
import java.util.ArrayList;

public class AddAction extends Action {

  public String execute(HttpServletRequest req)
                         throws ClassNotFoundException,SQLException{

  String id = req.getParameter("id");
  String title = req.getParameter("title");
  String create = req.getParameter("create");
  String price = req.getParameter("price");

  Item item = new Item();
  item.setItemID(Integer.parseInt(id));
  item.setItemName(title);
  item.setItemArtist(create);
  item.setItemPrice(Integer.parseInt(price));

  HttpSession session = req.getSession();
  ArrayList<Item> cart = (ArrayList<Item>)session.getAttribute("cart");
  if(cart == null){
  cart = new ArrayList<Item>();
  }
  cart.add(item);
  session.setAttribute("cart",cart);

  return "/top.jsp";
  }
}
 

cart.jsp

 投稿者:yama  投稿日:2012年12月22日(土)16時04分58秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  <%@page contentType="text/html; charset=Shift_jis" import="java.util.*,ken.bean.*" %>
<%
ArrayList cart = (ArrayList)session.getAttribute("cart");

%>
<html>
<head>
<title>ショッピングサイトLatte買い物カゴの中身</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis"></head>
<body leftmargin="5" topmargin="5" marginwidth="5" marginheight="5">
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td background="img/top_bg.gif">買い物カゴの中身</td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="#999999"></td>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table>



<table width="500" border="0" cellpadding="0" cellspacing="0">
  <tr bordercolor="" bgcolor="">
    <td>↓↓現在買い物カゴには以下の商品が入っています。↓↓ </td>
  </tr>






<tr>
<td>
<table border='1' align='left' valign='top' width='355' bordercolor='#336600'>

<tr><th width='100'>タイトル</th><th width='100'>製作元</th><th width='50'>価格</th><th width='70'> </th>

</tr>
<!-- ●!!!!表の作成はここから!!!!●  -->
<%
for(int i=0;i<cart.size();i++){
Item item = (Item)cart.get(i);
%>
<tr>
         <form action="kenshop" method="get">
<td><%= item.getItemName() %></td>
<td><%= item.getItemArtist() %></td>
<td><%= item.getItemPrice() %></td>
<td>
<input type='submit' value='取り消し' style='background-color:#999999;font-size:9pt;color:#ffffff'>
<input type='hidden' name = 'act' value='remove'>
<input type='hidden' name = 'remove' value='<%= i %>'>
</td>
</form>
</tr>
<% } %>
<!-- ↑↑↑↑表の作成はここまで↑↑↑↑  -->
</table>

</td>
</tr>

</td>

</tr>

<tr bordercolor="" bgcolor="">
    <td>



        <form action="kenshop" method="get">
          ↓↓上記の内容で注文画面へ進む場合はこちら↓↓

          


<!--注文画面へ移動:for_order-->
<input type='image'  src='img/btn_confirmation.gif'>
<input type='hidden' name = 'act' value='for_order'>


        </form>


</td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td>↓↓まだ買い物を続けたいので検索画面に戻る場合はこちら↓↓


      検索画面に戻る</td>


  </tr>
  <tr>
    <td> </td>
  </tr>

<!-- ↑↑↑↑↑↑↑↑↑↑↑↑  -->

  <tr>
    <td bgcolor="#999999"></td>
  </tr>
</table>
</body>
</html>
 

order.jsp

 投稿者:yama  投稿日:2012年12月22日(土)16時03分20秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  <%@page contentType="text/html; charset=Shift_jis" import="java.util.*,ken.bean.*"%>
<%
ArrayList cart = (ArrayList)session.getAttribute("cart");
int sum = 0;
%>
<html>
<head><title>ショッピングサイトLatte送付先登録画面</title><meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<script type="text/javascript">
<!--
function check(){
var flag = 0;
for(i=0;i<document.forms[0].elements.length;i++){
if(document.forms[0].elements[i].value == ""){
window.alert("入力されていない項目があります。");
flag = 1;
break;
}
}
if(flag == 0){
document.forms[0].submit();
}
}
//-->
</script>
</head>
<body leftmargin="5" topmargin="5" marginwidth="5" marginheight="5">
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td background="img/top_bg.gif">送付先登録画面</td>
  </tr>
</table>




買い物の内容は以下になります





<table border='1' width='355' bordercolor='#336600'>
<tr><th width='100'>タイトル</th><th width='100'>製作元</th><th width='50'>価格</th></tr>
<!-- ●!!!!表の作成はここから!!!!●  -->
<%
for(int i=0;i<cart.size();i++){
Item item = (Item)cart.get(i);
sum += item.getItemPrice();
%>
<tr><td><%= item.getItemName() %></td><td><%= item.getItemArtist() %></td><td><%= item.getItemPrice() %></td></tr>
<%
}
%>
<!-- ↑↑↑↑表の作成はここまで↑↑↑↑  -->
</table>

合計金額は税込みで<%= sum %>円となります。










下のフォームにお客様のお名前、ご住所、電話番号、メールアドレスを入力して、

よろしければ「注文する」ボタンを押してください。

項目は必ず入力してください。機種依存文字は入力できません。



<form action="kenshop" method="get">



<table border='1'width='500' bordercolor='#336600'>
<tr>
<td>お名前</td>
<td><input type="text" name="name" size="20" value="">

    (例)山田 太郎</td>
<tr>
<td>フリガナ</td>
<td><input type="text" name="kana_name" size="20" value="">

  (例)ヤマダ タロウ</td>
</tr>
<tr>
<td>郵便番号</td>
<td><input type="text" name="postcode" size="10"  maxlength="8" value="">
  (郵便番号検索は こちら

  (例)153 - 0052

  ※ 国外の方は 000 - 0000 と入力してください。
</td>
</tr>
<tr>
<td>住所</td>
<td><input type="text" name="address" size="70" value="">


( 例 )東京都世田谷区 北沢1-1-1 KENコーポ203号室


※ マンション・アパート名は必ず入力してください。


※ 入力されている住所が勤務先の場合は「会社名・部署名」なども入力してください。
</tr>
<tr><td>電話番号</td>
<td><input type="text" name="tel" size="20" maxlength="13" value="">


( 例 ) 03  -  0000  -  0000</td>
</tr>
<tr><td>メールアドレス</td>
<td><input type="text" name="mail" size="70" value="">

  ( 例 ) hogehoge@kenschool.jp</td>
</tr>
<tr><td colspan="2" align="center">
↓↓上記の内容で問題なければ、注文を確定いたします↓↓




<!--E注文:order-->

<input type='hidden' name = 'act' value='order'>


</tr>
<tr><td colspan="2" align="right">
ショッピングカートに戻る
</td>
</tr>
</table>

</form>



</body>
</html>
 

TopAction.java

 投稿者:yama  投稿日:2012年12月22日(土)16時02分6秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.act;
import java.sql.*;
import javax.servlet.http.*;

public class TopAction extends Action {

  public String execute(HttpServletRequest req)
                         throws ClassNotFoundException,SQLException{

return "/top.jsp";

  }
}

 

SearchAction.java

 投稿者:yama  投稿日:2012年12月22日(土)16時00分32秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.act;

import java.sql.*;
import java.util.ArrayList;
import javax.servlet.http.*;
import ken.dao.SearchDAO;

public class SearchAction extends Action {

  public String execute(HttpServletRequest req)
                         throws ClassNotFoundException,SQLException{

    String keyword = req.getParameter("keyword");
    String genre = req.getParameter("genre");


     SearchDAO sdao = new SearchDAO();
     ArrayList items = sdao.search_table(keyword,genre);
     HttpSession session = req.getSession();
     session.setAttribute("table_items",items);
     if ( items.size() == 0 ) req.setAttribute("no_item","");

return "/top.jsp";
  }
}

 

AddAction.java

 投稿者:yama  投稿日:2012年12月22日(土)15時59分5秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.act;
import java.sql.*;
import java.util.*;
import javax.servlet.http.*;

public class CheckAction extends Action {

  public String execute(HttpServletRequest req)
                         throws ClassNotFoundException,SQLException{
  HttpSession session = req.getSession();
  ArrayList cart = (ArrayList)session.getAttribute("cart");
  if(cart == null || cart.size() == 0){
  return "/error.jsp";
  }
  return "/cart.jsp";

  }
}
 

CheckAction.java

 投稿者:yama  投稿日:2012年12月22日(土)15時57分11秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.act;
import java.sql.*;
import java.util.*;
import javax.servlet.http.*;

public class CheckAction extends Action {

  public String execute(HttpServletRequest req)
                         throws ClassNotFoundException,SQLException{
  HttpSession session = req.getSession();
  ArrayList cart = (ArrayList)session.getAttribute("cart");
  if(cart == null || cart.size() == 0){
  return "/error.jsp";
  }
  return "/cart.jsp";

  }
}
 

RemoveAction.java

 投稿者:yama  投稿日:2012年12月22日(土)15時55分39秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.act;
import java.sql.*;
import java.util.ArrayList;
import javax.servlet.http.*;

public class RemoveAction extends Action {

public String execute(HttpServletRequest req)
                         throws ClassNotFoundException,SQLException{
String remove_no = req.getParameter("remove");
HttpSession session = req.getSession();
ArrayList cart = (ArrayList)session.getAttribute("cart");
cart.remove(Integer.parseInt(remove_no));

return "/cart.jsp";


  }
}
 

Item.java

 投稿者:yama  投稿日:2012年12月22日(土)15時54分38秒 122x220x62x66.ap122.ftth.ucom.ne.jp
返信・引用
  package ken.bean;

import java.io.Serializable;

public class Item implements Serializable{
    private int itemID; //商品ID
    private String itemName; //商品名
    private String itemArtist; //製作者名
    private int itemPrice; //商品価格
    private String itemImage; //商品画像ファイル名

    //Setter

    /**
     *  商品ID設定
     *
     */
    public void setItemID(int id){
     this.itemID = id;
    }


    /**
     *  商品名設定
     *
     */
    public void setItemName(String name){
     this.itemName = name;
    }

    /**
     *  製作者名設定
     *
     */
    public void setItemArtist(String artist){
     this.itemArtist = artist;
    }


     /**
     *  商品価格設定
     *
     */
    public void setItemPrice(int price){
     this.itemPrice = price;
    }

    /**
     *  商品画像ファイル名設定
     *
     */
    public void setItemImage(String image){
     this.itemImage = image;
    }

    //Getter


     /**
     *  商品ID取得
     *
     */

    public int getItemID(){
     return this.itemID;
    }



     /**
     *  商品名取得
     *
     */

    public String getItemName(){
     return this.itemName;
    }


    /**
     *  製作者名取得
     *
     */
    public String getItemArtist(){
     return this.itemArtist;
    }

    /**
     *  商品価格取得
     *
     */
    public int getItemPrice(){
     return this.itemPrice;
    }

    /**
     *  商品画像ファイル名取得
     *
     */
    public String getitemImage(){
     return this.itemImage;
    }

//文字列化
public String  toString(){
     return
        "【商品ID: " + itemID + "】"
       +"【商品名: " + itemName + "】"
   +  "【商品画像ファイル名:" + itemImage + "】"
+  "【製作者名:" + itemArtist + "】"
+  "【商品価格: " + itemPrice + " 】";

    }

}

 

レンタル掲示板
/3