input type valueの値について

このQ&Aのポイント
  • valueの値をデータベースに投げる際の、ソースの書き方について質問させていただきます。
  • 画像にリンク先URLを埋め込んだ状態で、valueにそのまま持たせてしまうと、正常にデータを投げれません。
  • シングルクォート等様々な書き方で試しましたが、中々うまく行かずに苦戦しております。
回答を見る
  • ベストアンサー

input type valueの値について

valueの値をデータベースに投げる際の、ソースの書き方について質問させていただきます。 画像にリンク先URLを埋め込んだ状態で、valueにそのまま持たせてしまうと、正常に データを投げれません。 ※例 -------------------------------------------------------------------------------- echo "<input type=\"hidden\" name=\"img_comp\" value=\"<a href=\"http://www.○○○.com\"><img src=\"http://www.○○○.com/test_1.jpg\" border=\"0\"></a>\">"; -------------------------------------------------------------------------------- シングルクォート等様々な書き方で試しましたが、中々うまく行かずに苦戦しております。 <a ~ /a>までを変数として置いてもみたのですが、正常に走らず難儀しておりますので もしよろしければ、どうかご教示いただけますでしょうか? どうぞよろしくお願い申し上げます。 -------------------------------- PHP 5.1.6 MySQL 5.0.77 --------------------------------

  • PHP
  • 回答数1
  • ありがとう数1

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

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

こういうこと? <?PHP echo "<input type=\"text\" name=\"img_comp\" value=\"".htmlspecialchars("<a href=\"http://www.○○○.com\"><img src=\"http://www.○○○.com/test_1.jpg\" border=\"0\"></a>")."\">"; ?>

nazal2010
質問者

お礼

早々のご回答ありがとうございます。 実行したところ、データベース側には、 <a href=\ とだけinsertされ、それ以降の文字列は何も表示されませんでした・・・。 何がいけないのでしょう・・・。 ただ「 htmlspecialchars 」の存在を忘れていました。 引き続き、htmlspecialcharsを視野に入れてトライしてみます。

nazal2010
質問者

補足

URLのダブルクォートを削除したら、何とかinsertできました。 <a href=\"http://www.○○○.com\"> ↓↓ <a href=http://www.○○○.com> 当然データベースサイドでは、ダブルクォートが無い状態になっていますので、 気持ち悪いのですが、一応ブラウザには反映されましたので、とりあえずは 解決しました。 参考になりました。 ありがとうございました。

関連するQ&A

  • 正規表現(~を含まないものにマッチ)

    Perlの正規表現について質問です。 画像<img src="http://hogehoge.com/img/gokuu.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/pikkoro.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/bejiita.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/gohan.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/buruma.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> ↓ 処理後 ↓ 画像<img src="gazo_new1.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new2.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new3.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new4.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new5.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> (変更した画像:gokuu.jpg,pikkoro.jpg,bejiita.jpg,gohan.jpg,buruma.jpg,) 以上のように 画像URL部分のみを gazo_new(連番).jpg に変更させ、 変更前の画像URL一覧を表示させるスクリプトを書いてみました。 $htmldata にHTMLの全データが格納されているとします。 $i=1; while($htmldata=~/(<\s*img.*?src.*?=["\s]*)([.\/]*?\/)?((?:(?!gazo_new)[^"\s>])*)?["\s]?.*?>/i){ $imgurlparts .="$3,"; $htmldata=~ s/(<\s*img.*?src.*?=["\s]*)((?:(?!gazo_new)[^"\s>])*)?(["\s]?.*?>)/$1gazo_new$i.jpg$3/i; $i++; } $htmldata .="(変更した画像:$imgurlparts)"; どうにもうまく動きません。 何卒ご教示をお願い致します。

    • ベストアンサー
    • Perl
  • <INPUT type=

    indexのページを上1つ{top}下に左右2つ{side・main}と3つに分割しています。 そのtopの部分に <TD align="right"> <form method="POST" action="cart/shop.cgi"> <input type="hidden" name="mode" value="kakunin"> <input type="hidden" name="ret_id" value="./index.html"> <input type="image" src="cart.gif" alt="かごの中身を見る" border="0"> </TD> この様な形でボタン?を表示させ、それをmainで表示させたいのですが、どうすればいいのでしょうか? 今の状態では当然ですが{top}の部分にそのまま表示します。 あまり知識がなく、いろいろ調べてみたのですがわかりませんでした。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • バリューコマースのリンクについて

    <a Href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=xxx&pid=xxx" target="_blank" ><img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=xxx&pid=xxx" height="1" width="1" Border="0">自由テキスト</a> というソースを全てコピペしないといけないのでしょうか? できれば <a Href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=xxx&pid=xxx" target="_blank" >自由テキスト</a> こういう形にしたいのですが、これではダメなのでしょうか? <img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=xxx&pid=xxx" height="1" width="1" Border="0"> これの意味がよく分からないのです・・・

  • input type ボタン

    お世話になります。 inputtype ログインボタン・検索ボタンの事で、お尋ねいたします。 あちらこちらのサイトを参考にログインと検索ができるプログラムを 真似て作成いたしています。初めての事で内容も半分ぐらいしか理解出来ていないままのスタートです。 参考サイトのhtml部分・CSSソースを作りかけの自分のサイトに記載しますとログインボタンと検索ボタンのレイアウトが崩れて 表示されません。 何が原因なのか不明のままです!! お手数かけますが、ご指導お願い申しあげます。 下記に簡単にinputの部分だけソースを書きますので宜しくお願い いたします。 また別ページ(新規に)html<body>~<body>間に同じソースを 書きますと検索ボタンもログインボタンもきちっと表示されます。 中身のプログラムソースに入る前にレイアウトを先に手掛けたのですが 意気消沈しています。 他のCSSとかjavascriptかのソースと競合するのでしょうか? 解らない事ばかりです。 奇麗に表示ができれば幸いです。 宜しくお願い申し上げます。 googleサーチのinputです。 <div class="entry_search"> <form method="get" action="http://www.google.co.jp/search" target="_parent"> <table width="166" border="0" bgcolor="#ffffff"> <tbody> <tr> <td width="160" height="32" align="left" valign="top" nowrap="nowrap"><a href="http://www.google.co.jp" target="_blank"> <img src="imges/common/poweredby_google.gif" alt="Google" border="0" /></a> <br /> <input type="text"name="q" size="17" maxlength="255" value="" /> <input type=hidden name=ie value=Shift_JIS /> <input type=hidden name=oe value=Shift_JIS /> <input type="hidden" name="hl" value="ja" /> <input type="hidden" name="domains" value="#" /> <input type="submit" name="btnG" value="検索" /></td> </tr> <tr> <td nowrap="nowrap"><table> <tbody> <tr> <td ><input type="radio" name="sitesearch" value=" " /> <font color="#000000" size="-1">Web</font></td> <td><input type="radio" name="sitesearch" value="#" checked="checked" /> <font color="#000000" size="-2">サイト内</font></td> </tr> </tbody> </table> <input name="client" value="pub-5778690733142083" type="hidden" /> <input type=hidden name=ie value=Shift_JIS /> <input type=hidden name=oe value=Shift_JIS /> <input type=hidden name=hl value="ja" /> <input name="cof" value="GALT:GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:ffffff;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;" type="hidden" /> <input type="hidden" name="hl" value="ja" /></td> </tr> </tbody> </table> </form> こちらがログオンの一部です。 <div class="AA_approach_b"> <h4 class="AA_blockHead AA_loginHead">ログイン</h4> <form name="login" action="#" method="post"><input name="action" value="login" type="hidden"> <input name="#" value="4b96bbf140d2a3cb9821cc2cba76395e21feb0f5b9ab041b561f0a03fc15ef2a" type="hidden"><table class="bestfood_loginTable"> <tbody><tr> <th class="CC_th">E-mail</th> <td class="CC_td"><input name="loginEmailAddress" value="" type="text"></td> </tr> <tr> <th class="CC_th">password</th> <td class="CC_td"><input name="loginPassword" value="" type="password"></td> </tr> <tr> <td colspan="2" button type="class="CC_submit" value="submit"> <input value="ログイン" type="submit"> </button> </td> </tr> </tbody></table> <div class="AA_annotation"><a href="#">パスワードをお忘れの方</a></div> <input name="referer" value="block" type="hidden"> </form> 上記の他にCSSと手元にCGIソースがあります。 お手数ですが宜しくお願い申し上げます。 初めての事ですので表現や考えに間違いありますればご容赦を....!!

  • アクセスカウンタのタグを貼り付ける??

       無料を謳っているのに、クレジットカードなどと心配な語句が有ります。 どのようなことを書いてあるのか教えてください。  ちなみに、使用は止めて居ます。 <!--タグはここから--><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><a href="http://www.rays-counter.com/"><img src="http://www.rays-counter.com/d144_f6_022/4f17b2e7e4b99/" alt="アクセスカウンター" border="0"></a></td></tr><tr><td align="center"><a href="http://goods-fun.net/"><img src="http://www.rays-counter.com/images/counter_01.gif" border="0" alt="GoodsFun-グッズファン"></a><a href="http://www.e-creditcard.info/"><img src="http://www.rays-counter.com/images/counter_02.gif" border="0" alt="クレジットカード比較"></a><a href="http://fx-ch.com/"><img src="http://www.rays-counter.com/images/counter_03.gif" border="0" alt="FX比較サイト"></a><img src="http://www.rays-counter.com/images/counter_04.gif" border="0"><a href="http://engagement-r.net/"><img src="http://www.rays-counter.com/images/counter_05.gif" border="0" alt="婚約指輪サーチ"></a></td></tr></table><!--ここまで-->

  • ドロップダウンメニューの方法を教えてください

    ■ドロップダウンメニューでサブメニューが横並びで出るようにしたいと思っています。 HTMLは下記のように記述しています。どのようにJavascriptを記述すると良いのか教えてください。よろしくお願いします。 【html】 <div id="menuber"> <a href="#"><IMG src="test/m1.gif" width="101" height="20" border="0" align="left"></a> <div class="hiddenmenus"> <span id="sub"> <a href="#"><IMG src="test/sub1.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub2.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub3.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub4.gif" width="101" height="20" border="0" align="left"></a> </span> </div> </div> 【CSS】 .hiddenmenus {position:absolute; top: 20px; left: 0px;} #sub1 { visibility: hidden; }

  • 正規表現を使って?

    置換の正規表現を使ってこのURLを (例) <A href="http://123.com/456/789/"><IMG src="http://123/456/789.jpg" border="0"></A> <A href="http://123.com/456/789/">リンク先</A> このようにしたいです。 <A href="http://tesuto=http%3A%2F%2F123.com%2F456%2F789%2F"><IMG src="http://123/456/789.jpg" border="0"></A> <A href="http://tesuto=http%3A%2F%2F123.com%2F456%2F789%2F">リンク先</A> :は%3aに /は%2fに 最後にリンク先のURLにhttp://tesuto=を追加したいです。 (<IMG src="からのURLはそのままにしたいです。) ちなみにhtml内には様々なタグが入っていてリンク先も様々なURLが書かれているとします。 (http://123.com/456/789/やhttp://123.com/456/789/abc/dehg/など) 正規表現についてはまったく分からず悩んでいます。 どなたかよろしくお願いします。

  • ウインドウを狭めてもレイアウトが崩れない方法

    ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>

    • ベストアンサー
    • HTML
  • inputで<a name="xx">と同じことを

    php,javascriptの初心者です。 掲示板の投稿確認画面にて、 「修正」画像を押すと前のページに戻り、 「送信」ボタンを押すと完了画面に遷移するという構成で 現在掲示板を作成しています。 ↓現状 <%form%> ~~~フォームの内容~~~ <input type="hidden" name="bbs_id" value="<%$form.bbs_id%>" /> <input type="image" src="/img/btn-amend_n.png" onmouseover="this.src='/img/btn-amend_r.png'" onmouseout="this.src='/img/btn-amend_n.png'" alt="修正" name="action_bbs_editForm" /> <input type="image" src="/img/btn-trans_n.png" onmouseover="this.src='/img/btn-trans_r.png'" onmouseout="this.src='/img/btn-trans_n.png'" alt="送信" name="action_bbs_editDo" /> <input type="hidden" name="command" value="back" /> <%/form%> そこで今回、修正で戻った際に、ページ内の中央部にあるid="bbs_box"に表示位置を合わせたいと思っています。 <a href="~#bbs_box"></a>と同様のことをinputタグでできるのでしょうか。 是非解決方法を教えていただければと思います。 宜しくお願いします。

  • ある間の/(スラッシュ)だけを検索したい?

    <HTML> <BODY>          <A href="http://○○○.com/○○○/○○○/"><IMG src="http://○○○/○○○/○○○.jpg" border="0"></A> <A href="http://○○○.com/○○○/○○○/">リンク先</A> </BODY> </HTML> このようなHTMLファイルがあったとします。 検索方法で <A href="http://○○○.com/○○○/○○○/"> の間の / を検索する方法はありませんか? ただし IMG src="http://○○○/○○○/○○○.jpg こちらや</BODY>や</HTML>の入った / は検索されては困ります。 ちなみにエディタ(K2Editor)を使っています。 ちょっと変わった質問ですが、よろしくお願いします。