• ベストアンサー

買い物カゴについて

すいません。レンタルショッピングカートについて 質問です。 現在、商品を登録する以下のようなソースがもらえる タイプのショッピングカートを使っています。 このソースはすでにボタンも付いているのですが 出来ればこのボタンの部分を変えて、普通に ＨＴＭＬで書いた文字をボタンの代わりにしたいと 考えています。そのようなことは可能でしょうか？ <FORM action='http://www.e-sh****.jp/******_order_new.php' method='post' target='_blank' style='margin:0;font-size:10pt'> <BR> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <INPUT type='hidden' name='sy' value='*******************'> <INPUT type='hidden' name='sh' value='***'> </FORM> <BR>

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
noname#58564
noname#58564
回答No.2

こんばんは。 スタイルシートを使って見た目だけ、HTMLの普通のリンクの文字のようにすることが可能です。 HTMLファイルの<head>と</head>の間に下のように記述します。 <style type=text/css> <!-- input,textarea { font-size: 13px; /*フォントサイズ*/ color: blue; /*文字色*/ background-color: #FFFFFF; /*ボタン内の背景色*/ border-top: none; /*ボタン上部のライン*/ border-bottom: 3px double blue; /*ボタン下部のライン*/ border-left: none; /*ボタン左側のライン*/ border-right: none; /*ボタン右側のライン*/ /*ラインの細かい指定は「ラインサイズ(px)」「線種」「線の色」の 順に記述し間には半角スペースを空けること。*/ } --> </STYLE> たとえば文字色を青から黄色に変えたいときは color: blue;　→　color: yellow; のように:と;の間の部分を変更してください。 /*と*/で囲まれた説明文は実際の表示では無視されますので、消さなくてもOKです。 スタイルシートに対応しているブラウザでしか指定した方法で表示されませんが、変更しているのは見た目だけなのでショッピングカートの動作には影響しません。 線種についてはこのページ(http://www.tagindex.com/stylesheet/box/border_style.html)の真ん中あたりにある【枠線の種類】 を参考になさってくださいね。 参考までに。

sabacchi
質問者

お礼

丁寧な説明ありがとうございます。

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

ボタンやサブミットのように何かの動作のきっかけに なるものをトリガーと呼びますが、htmlのトリガー といえばアンカー（<a>）タグですね。 <a href="javascript:void(0)" onClick="document.forms[0].submit()"> のようにかけば動きます。 ただしjavascriptが動作しないマシンでは無効 ですので、ご注意ください。

sabacchi
質問者

お礼

回答ありがとうございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 買い物カゴとＨＴＭＬ

    こんにちは。質問があります。 当方、現在、商品を登録する以下のようなソースがもらえる タイプのショッピングカートを使っています。 またこのソースにはボタンがすでに付属されています。（ソースを貼るとボタンもあります） 現在ＨＰビルダー９にてＨＰを作成しているのですが このボタンの代わりにＨＰビルダーで書いた文字を クリックするとこのボタンの代わりになるように （リンク先に移行し買い物カゴに商品が入るように）したいと考えています。どのようにすればいいのでしょうか？ <FORM action='http://www.e-shops2.jp/kago2/****_order_new.php' method='post' target='_blank' style='margin:0;font-size:10pt'> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <INPUT type='hidden' name='sy' value='*********'> <INPUT type='hidden' name='sh' value='***'> </FORM> <BR>

  • 買い物カゴの作成

    質問です。HTMLはまったくの初心者なのです。 一応項目を白、赤(１０００円)、黄色 （＋５００円）があり、他には買い物カゴボタンと 数量を入れる箇所があるのですが 項目を赤（１０００円）を選んで買い物カゴボタン を押しても当然値段は変わることがありません。 なんとか値段も変わるようにしたいのですが、 <INPUTtype='hidden'name='sy'value='************'> この***********の部分には数字が入っているのですが ここを変えれば買い物カゴに登録してある別の商品に変わることは確認しています。（リンク先が変わる） そこでいくつも<INPUTtype～～************'>を作 り、赤（１０００円）や白、の項目を変えれば自動で 別のリンク先（別の商品に）行くようにHTMLを書き 換えたいと考えています。どのようにＨＴＭＬを変えればよいのでしょうか？ <TITLE></TITLE> </HEAD> <BODY><FORM action='http://www.e-sho***.jp/*****/*****_order_***.php' method='post' target='_blank' style='margin:0;font-size:10pt'> 色：<SELECT name="spec1"> <option value="色:白">白</option> <option value="色:赤（+１０００円）">赤（+１０００円）</option> <option value="色:黄色（＋５００円）">黄色（＋５００円）</option> </SELECT> <br> <BR> <!-- 数量指定ここから --> 注文数<INPUT size='3' type='text' maxlength='3' style='ime-mode: disabled' value='1' name='suryo'> 個 <!-- 数量指定ここまで --> <br> <INPUT type='submit' value='カゴに入れる'> <INPUT type='hidden' name='button' value='追加'> <INPUT type='hidden' name='sy' value='************'> <INPUT type='hidden' name='sh' value='***'>

    • ベストアンサー
    • HTML
  • ラジオボタンでうまくするには・・・・

    初めまして。 現在下記のプルダウン形式で、一つの価格が同じなので問題なく動くのですが <FORM action="cart/sys/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> <SELECT name=sur> <OPTION value="" selected>購入数量</OPTION> <OPTION value=1>１</OPTION> <OPTION value=2>２</OPTION> <OPTION value=3>３</OPTION> <OPTION value=4>４</OPTION> <OPTION value=5>５</SELECT> <INPUT type=submit value=カートに入れる> </FORM><BR> <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> </FORM> 同じ商品で１・２・３・４・５のそれぞれに単価が変わる設定をしたいのですが、うまくいく方法が見つからないです。 ラジオボタン形式で作ってみたものの・・・・ <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=submit value=カートに入れる> </FORM> <FORM> <INPUT type="radio" name="name1" value="2000">１袋<BR> <INPUT type="radio" name="name1" value="3900">２袋<BR> <INPUT type="radio" name="name1" value="5800">３袋<BR> <INPUT type="radio" name="name1" value="7500">４袋<BR> <INPUT type="radio" name="name1" value="8500">５袋</FORM> としてみましたがうまくいきません。 なにか方法ございましたら、ご教授いただければと思います。

    • ベストアンサー
    • HTML
  • ショッピングカートの送信ボタンを画像にするには！？

    ショッピングカート自体はちゃんと機能しているのですが、送信ボタンを画像にするのにはどうすればよいのでしょうか。よろしくお願いします。 ちなみに今の設定はこんな感じになってます。 <form method=post action="cart.asp"> <input type=hidden name="action" value="regist"> 商品Ａ <input type=hidden name="goods" value="商品Ａ"> 単価 1,000円 <input type=hidden name="unit" value="1000"> 購入数 <input type=text name="amount" value="0" size=3>個<br> 備考 <input type=text name="rem" value="" size=20> <input type=submit value="カゴへ"> </form> これをxxx.jpgという画像のボタンにしたいのですが…

  • 同一ページの複数フォームを一括送信したい

    会社にてあるイベントの申込みページを作成している、ほぼ初心者です。 ショッピングカートへとフォームから飛ばしたいのですが、プログラムがよくわからず行き詰っています。 以前の回答にもあったhttp://okwave.jp/qa/q3418439.htmlを真似て作ってみましたが、 最初のものだけをピックアップして実行されてしまいます また、本来はチェックボックスにチェックが入っているもののみを送信したいんです </style> <script language="javascript"><!-- function send() { document.a11.submit(); document.b11.submit(); ・ ・ ・ ・ } //--></script> これをヘッダー内に書き込み <form name="a11" action="/products/detail.php" method="post" target="_blank"> <input type="hidden" name="mode" value="cart" /> <input type="hidden" name="product_id" value="137" /> <input type="hidden" name="product_class_id" value="634" /> <input type="checkbox" name="quantity" value="1" /><br /> </form> <form name="b11" action="/products/detail.php" method="post" target="_blank"> <input type="hidden" name="mode" value="cart" /> <input type="hidden" name="product_id" value="140" /> <input type="hidden" name="product_class_id" value="637" /> <input type="checkbox" name="quantity" value="1" /><br /> </form> ・ ・ ・ ・ ・ というフォームが数十個あります。 数十個あるうちのチェックボックスにチェックが入っているもののみを 送信したいのですが、プログラムの組み方をご教授願えませんでしょうか？ 順番としては (1)チェックボックスにチェックが入っているものを認識 (2)チェックボックスにチェックが入っているものを順に送信 という感じなのかなと考えていろいろ調べてみたのですが、 わからない状態です ほぼ初心者なので、お手数ですが、サンプル記述などもいただけると 大変たすかります どうぞよろしくお願いいたします

  • 買い物かごを見るのhtml

    すいません。質問があります。現在自分でネットショップ運営していまして カートシステムは他社様から有料にて提供してもらっています。そのカート システムは買い物ボタンのhtml(php)を商品ごとに自動作成でき、それを 自分で作ったＨＰに貼り付けるというやり方となっています。 その中に「買い物かごの中を見る」というhtml(php)も二種類、自動生成によって 提供してもらっているのですが、これをできれば任意の画像をクリックすれば買い物かご中を確認できるようにしたいのですが、どのように書き換えれば良いのでしょうか？以下が提供されているhtmlです。 *****には数字が入ります。 パターン1 <p style="font-size:12px"><A Href="http://www.e-shops2.jp/kago2/konyu_order_new.php?sh=*******" target="_blank">お買い物カゴを確認する</A></p> パターン2 <form action='http://www.e-shops2.jp/kago2/konyu_order_new.php?sh=******' target='_blank' style='margin:0'> <INPUT type='submit' value='お買い物カゴを確認する' > <input type='hidden' name='sh' value='*****'></FORM>

    • ベストアンサー
    • HTML
  • 確認画面で表示される商品名にリンクをつけるには！？

    よくショッピングカートとかで表示される確認画面で商品名は表示されるのですがこれをクリックして新しい画面（***.html）が出るようにするにはどうすればよいのでしょうか？よろしくお願いいたします。 ちなみに現在は下記のような感じになっています。 <form method=post action="../cart.asp"> <input type=hidden name="action" value="regist"> <input type=hidden name="goods" value"商品名"> <input type=hidden name="unit" value="100"> <input type=submit value="カゴへ"> </form>

    • ベストアンサー
    • CGI
  • フォーム内だけで"EUC-JP"を使う具体的なソースを教えてください

    フリーのショッピングカートを使って ー－－－－－－－－－－－－－－－－－－－－－－－－－－ <form method="post" action="http://xxx.com/web_cart/cart.php" accept-charset="EUC-JP"> <div align="center"><img src="http://xxx.com/web_cart/img.php?path=./item_img/1_0.jpg&scale=150" width="188" height="188" border="0" /><br /> カラー： <select name="i_opa_value"> <option value="白">白</option> <option value="青">青</option> </select><br /> 数量： <select name="i_cnt"> <option value="1">1</option> <option value="2">2</option> </select> <br /> <input type="submit" value="カートに入れる"> <input type="hidden" name="cart_md" value="in"> <input type="hidden" name="i_num" value="1"> </div> </form> ー－－－－－－－－－－－－－－－－－－－－－－－－－－ というソースの白、青という文字を"EUC-JP"で 送らなければならないですが、上記の内容だとIEで うまく動きません。 http://search.web-sun.com/zatu/charset.html も教えていただいたのですが、試行錯誤もむなしく、 実現できない状態です。 図々しいのですが、具体的なソースを教えていただけると 大変助かります。

    • ベストアンサー
    • CGI
  • フォームのレイアウト

    以下のようなフォームを作成しましたが、検索ボタンの下が妙に余っているのです。 これを上側と同じようにくっつけたいのですが、どうしたらよいでしょうか？ よろしくお願いします。 　<table border="1" width="200" border="0" cellspacing="0" cellpadding="2"> <tr><td> <div align="center" valign="middle"> <form method="get" action="url" target="_blank"> <input name="sitem" type="text" id="inputbox" size="20"><BR> <input name="Submit" type="submit" id="inputsubm" value="検索"> <input type="hidden" name="sv" value="6"> <input type="hidden" name="sid" value="12345"> <input type="hidden" name="su" value="bbb"> <input type="hidden" name="sn" value="aaa"> <input type="hidden" name="v" value="3"> </form></div> </td></tr></table>

    • ベストアンサー
    • HTML
  • チェックボックスの値を引き渡し、戻して結果に準じて違うページに飛ばしたい

    チェックボックスで選択された結果によってそれぞれ別ページに飛ばしたい と思っております。色々とググッてみたのですがどうしてもできません。 お力をおかしいただけないでしょうか？ ＜実現したいこと＞ ●チェックボックスに選択されたパターンにより、それぞれ別ページに飛ばしたい。 各商品には、商品ＩＤがあります。 リンゴの商品番号は、001 みかんの商品番号は、002 メロンの商品番号は、003 ももの商品番号は、004 パイナップルの商品番号は、005 ●カートに入れるを押した際に飛ばすページは、http://www.example.com/cart/1234567&shouhinID=選択された商品番号 ※複数選択された場合は、そのまま選択された商品番号が足されていく。 ●チェックをせずにカートに入れるボタンを押した場合は、選択されていません。 とアラートがページに書き出されるかポップアップが上がる。 ＜ホームページの画面＞ ※四角がチェックボックスです。 □りんご □みかん □メロン □もも □パイナップル カートに入れるボタン 例えばリンゴとメロンが選択された場合、 カートに入れるボタンの遷移先URLは、 http://www.example.com/cart/1234567&shouhinID=001003 ということを実現したいと思っています。 あれこれ試行錯誤してこんな感じかなと思ったものがありますので 検討違いかもしれませんが書いておきます。 html ↓ <form name="shouhin_seisei" id="shouhin_seisei" method="post" action=""> <INPUT TYPE="checkbox" NAME="shouhin" VALUE="1"> <INPUT TYPE="hidden" NAME="shouhinID" VALUE="001">りんご <INPUT TYPE="checkbox" NAME="shouhin" VALUE="1"> <INPUT TYPE="hidden" NAME="shouhinID" VALUE="002">みかん <INPUT TYPE="checkbox" NAME="shouhin" VALUE="1"> <INPUT TYPE="hidden" NAME="shouhinID" VALUE="003">メロン <INPUT TYPE="checkbox" NAME="shouhin" VALUE="1"> <INPUT TYPE="hidden" NAME="shouhinID" VALUE="004">もも <INPUT TYPE="checkbox" NAME="shouhin" VALUE="1"> <INPUT TYPE="hidden" NAME="shouhinID" VALUE="005">パイナップル <p><a onClick="linkToshouhin('seiseiurl'); return false;" target="_blank"> <img src="カートに入れるボタン.jpg" width="511" height="78" /></a></p> </form> javascript ↓ // 決済URLの動的リンク処理 function linkToshouhin(type) { var hidden_form; var shouhinID; var link_url; hidden_form = document.getElementById("shouhin_seisei"); if(!hidden_form) { return; } ここからそれぞれの処理をしたいのですが分かりません。 最後に以下を追加しています。 ↓ link_url = 'http://www.example.com/cart/1234567&shouhinID='shouhinID; hidden_form.action = link_url; hidden_form.submit(); } 以上になります。 htmlで<p><a onClick="linkToshouhin('seiseiurl'); return false;" target="_blank"> と書いていますが、こうするとseiseiurlは文字列で渡してしまっていることになりますよね。 めちゃくちゃなことを書いているとは思いますが、どうかお力をお貸しください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する