tenderfeel の回答履歴

全607件中1～20件表示
  • 外部ファイルにするとテキストが書き込めない

    こんにちは、javascript初心者です。 HTMLのtextarea内のテキストを変えたいのですが、HTMLにJSを埋め込むと動作するのですが、外部JSファイル読み込みだとなぜか何も表示されません。 なぜでしょうか。原因のわかる方、説明をどうかよろしくお願い致します。 ●HTML <head> <script src="test.js" type="text/javascript"></script> </head> <body> <form name="form1"> <textarea name="message" id="msg" rows="5" cols ="50"></textarea> </form> </body> ●JS window.onload = message(); function message(){ alert("hello"); 　　　　　　　　　　　　 //←これはちゃんと動作します。 document.getElementById("msg").value="hello"; //← 動作せず。 document.form1.message.value="hello"; //← これも上と同じく片方ずつ試しましたが、ダメでした。 }

  • fancyboxにイメージマップを付けたい

    早急に解決しなければいけない問題なのですが、どうしてもわからず途方にくれています。 どなたか助けていただけませんでしょうか。 fancyboxで表示したイメージ画像にイメージマップを付け、リンクを飛ばしたいと思っています。 https://gist.github.com/2972293 上記のサイトを参考にして一時は上手く行ったのですが、 いくつかの画像にそれぞれ個別のリンクを設定しようとしたところ、同じリンク先にしか飛ばない事に気付きました。 #Mapを増やせばいいのかなと思ったのですが（#Map2や#Map3など） 自分で書いても上手くいきませんでした。 どうすれば複数の画像に別々のリンク先を設定するようにできるでしょうか。 ご回答宜しくお願いします。 一応自分で書いたhtmlを載せておきます。 ----------------------------- <script type="text/javascript"> $(function() { $(".fancybox").fancybox({ padding:0, margin:0, onComplete: function() { $('#fancybox-img').attr('usemap', '#Map'); } }); }); </script> <a href="images/test.jpg" class="fancybox"><img src="images/test.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://yahoo.co.jp/" target="_blank" /></map> <a href="images/test2.jpg" class="fancybox"><img src="images/test2.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://google.co.jp/" target="_blank" /></map>

    • gspopo
    • 回答数2
  • IE9でCSS3が機能しない

    CSSセレクタについてお伺いします。 あるショッピングカートサイトを使っているのですが、このサイトはhtmlは編集できずCSSしか編集できないページがあります。 このページのデザインをなんとか編集したいと奮闘しています。 そのサイトのhtmlは不親切にもidやclassがほとんど記述されていません。 そのため:nth-child(n)などを使ってなんとか要素を編集できそうでした。 しかしfirefoxやchrome、operaはこの:nth-child(n)が機能するのですが IE9では機能しません。 IE9ではhtmlの宣言を<!DOCTYPE html>と記述しないとCSS3 は使えないのでしょうか？ CSS側だけでなんとかclassなどの指定がない要素を取得する方法はないでしょうか？ よろしくお願いいたします。

    • ベストアンサー
    • CSS
    • suffre
    • 回答数2
  • JavaScriotの記述量について

    皆さんは一つのWebサイト制作時には どの位JavaScriptを記述するのでしょうか？ サイト全体で何行(ステップ数)位記述するのでしょうか？

    • noname#186510
    • 回答数4
  • <textarea>にプルダウンを表示させたい

    いつも、当コーナーで大変お世話になっております。 今回も、壁にぶつかってしまいましたのでご質問させていただきます。 （今回も、CSSやPHP等は使用しません（・・・というより、使用できません）） いま下記のタグ構成（JavaScript）でページを作成しています。 --------------------------------------- <html> <head> <title>sample</title> </head> <body bgcolor="lightgreen"> <center> <span style="width:500;height:40;font-size:25pt;font-family:ふみゴシック;color:#ff6533;filter:shadow(color=#000000);">インバウンド or アウトバウンド</span> <br> <br> <table> <tr> <td> <script language="javascript"> <!-- function fun_set(set_name){ txtarea.value = eval(set_name).value; } //--> </script> <select name="状態" size="1" onChange="javascript:fun_set(状態);"> <option value="">選択してください <option value="（開始時間　8/?? 0:00） 【問い合わせ】 応答者情報 ・応答者 　氏名：　（続柄：） ・応答者 電話番号 　固定： 　携帯： 【結果】 ・8/ 0:00 現アポ完 （完了時間　0:00）">インバウンド <option value="（開始時間　8/?? 0:00） 【問い合わせ】 応答者情報 ・応答者 　氏名：　（続柄：） ・応答者 電話番号 　固定： 　携帯： 【結果】 ・8/ 0:00 現アポ完 （完了時間　0:00）">インバウンド（いわき） <option value="（開始時間　8/?? 0:00） 【発信詳細】 応答者情報 ・応答者 　氏名：　（続柄：） ・応答者 電話番号 　固定： 　携帯： 【結果】 ・資料郵送希望　確認完了 （完了時間　0:00）">アウトバウンド </select> </td> </tr> <tr> <td> <textarea name="txtarea" cols="100" rows="25"></textarea> </td> </tr> </table> </center> </body> </html> --------------------------------------- <textarea>内を上部プルダウンより内容を選択して活用するツールです。 ここで、プルダウンより選択した項目の内容が<textarea>に表示された後、更にその中でプルダウンメニューを作成したいです。 どのようにすれば作成できますでしょうか？ イメージは下記に掲載しております。 お手数かけて申し訳ありませんが、何卒、ご教授の程よろしくお願いいたします。

  • EC-CUBEでyuga.jsのロールオーバーが×

    自分の知識としては、いつも配布されているJSライブラリ等をそのまま利用しており、 Javascriptそのものについてはあまり詳しくありません。 EC-CUBE（ver2.11.5)にいつも利用しているyuga.jsを搭載したのですが、いつもは出てこない以下のようなエラーメッセージが出てきて、ロールオーバーだけ全く機能しません。 メッセージ: 'this.originalSrc' は Null またはオブジェクトではありません。 ライン: 108 文字: 5 コード: 0 URI: http:/xxxxxxx/js/yuga.js yuga.jsの120行目あたりの以下の部分を削除するとエラーメッセージは消えました。 が、もちろんロールオーバーはうまくいかないままです。 this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2"); オンページでの_cr画像での切替はうまくいっております。 他の機能はこのサイトでは使ってないので確認しておりません。 これをうまく機能させるために、どうぞご教授お願いいたします。

    • pon_nao
    • 回答数1
  • Rails 3 での動的更新について

    Ruby on Rails 3 を利用してウェブ開発をしているのですが、Rails 2 の時に利用できた動的更新が出来なくて困っています。 今回の質問の動的更新とは、テキストフィールドなどに入力があるとそれを検知して、コントローラー内の処理を呼び出して結果をページの一部として表示する、というものです。 Rails 2 の時には以下のようにしていました。 <script language="JavaScript"> <!-- function ShowRule() { $("#show_value").load("/[コントローラー名]/[メソッド名]?[パラメーター]="+document.[フォーム名].[ポスト名].value); } //--> </script> 値を返したい部分に　<div id="show_value"></div>　を置き、入力を監視したい項目に :onclick => "ShowRule()"　のオプションをつけていました。 同じように記述したのですが、Rails 3（というか jquery）だと上手く動きません。上記のような処理を jquery で行う方法をご教授ください。 よろしくお願い致します。

  • スマートフォンサイト制作について、ご教授ください。

    現在、スマートフォンサイトを制作しており、JavaScriptを多数組み込んだ仕様にしているのですが、複数のJavaScriptを併用する上で行き詰ってしまいました。 具体的な問題点として、 ・「to-R」さんで公開されている「heightLine.js(http://blog.webcreativepark.net/2007/07/26-010338.html)」 ・「ChronoDrive」さんで公開されている「tilt.js(http://html-coding.co.jp/knowhow/smtp/000140/)」 上記の2種類のJavaScriptを組み込む際、「tilt.js」の機能である縦横切り替えがAndroid(確認した機種はauのIS03)で上手く機能しない状態となってしまいます。 自分なりに考えた結果、iOSの場合は「tilt.js」での切り替えを「window.onorientationchange」にて行っているのに対し、Androidは「window.onresize」にて行っているようですので、「heightLine.js」でも使っている「window.onresize」の処理だけが機能せず、Androidの場合にこのような現象が起きるものと推測しました。 JavaScriptに関する知識が浅いため、処理を追って理解する力が乏しい上、仮に推測が正しかったとしてもそれをどう改善すべきかがわからず、手詰まりとなっている状態です。 「heightLine.js」以外にもブロック要素の高さを揃えるJavaScriptがいくつかありますが、動的に変わる要素を揃えるためにも、できれば「heightLine.js」を使いたいと考えております。 また、高さを揃えるためのCSSも試したのですが、サイト構成上、不具合が生じてしまいましたので、JavaScriptによる制御を第一として制作を進めております。 長文・乱文で大変読みにくい文章かもしれませんが、ぜひお力をお借りしたいと思い、今回このような質問をさせていただきました。 どんな些細な情報でも構いませんので、ご教授の程、よろしくお願い致します。

  • HTML&CSSの勉強方法について

    今独学でホームページの勉強をしています。 しかし、勉強方法でつまづいています。 最初は　初めてのHTML&CSSって感じの本を一通り通してやったのですが、 そのあとの勉強方法が想像もつきません。 最初は簡単なホームページを作ってみようと思い、紙にHPを設計して、いざタグ打ちをしようと思ったら、その最初のタグが出てこない。って感じで本を読みながらしか打つことができないって状態になっております。 自分の勉強方法は何かがだめだって思っております。。。 みなさんはどういった勉強をして習得しましたか？アドバイスお願いします。

    • ベストアンサー
    • HTML
  • fancyboxにイメージマップを付けたい

    早急に解決しなければいけない問題なのですが、どうしてもわからず途方にくれています。 どなたか助けていただけませんでしょうか。 fancyboxで表示したイメージ画像にイメージマップを付け、リンクを飛ばしたいと思っています。 https://gist.github.com/2972293 上記のサイトを参考にして一時は上手く行ったのですが、 いくつかの画像にそれぞれ個別のリンクを設定しようとしたところ、同じリンク先にしか飛ばない事に気付きました。 #Mapを増やせばいいのかなと思ったのですが（#Map2や#Map3など） 自分で書いても上手くいきませんでした。 どうすれば複数の画像に別々のリンク先を設定するようにできるでしょうか。 ご回答宜しくお願いします。 一応自分で書いたhtmlを載せておきます。 ----------------------------- <script type="text/javascript"> $(function() { $(".fancybox").fancybox({ padding:0, margin:0, onComplete: function() { $('#fancybox-img').attr('usemap', '#Map'); } }); }); </script> <a href="images/test.jpg" class="fancybox"><img src="images/test.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://yahoo.co.jp/" target="_blank" /></map> <a href="images/test2.jpg" class="fancybox"><img src="images/test2.jpg" alt="イメージ" width="138" height="111" /></a> <map name="Map" id="Map"> <area shape="rect" coords="317,347,547,364" href="http://google.co.jp/" target="_blank" /></map>

    • gspopo
    • 回答数2
  • どちらの学校に行こうか迷ってます。デザイナーの方！

    ハローワークの訓練校でイラストレーター、フォトショップを学ぼうと思っているのですが 2つの訓練校があり迷っています。 1つはデザイン事務所が依託されてやっているwebデザインのコースで 3ヶ月で、イラレ、フォトショップ、簡単なwebを作るためのHTML、CSSの基礎を学ぶみたいです。 こちらはとにかく実務で使えるように基本的な技術を教えるみたいです。 もう1つは講師が訓練校にきて教えてくれる訓練校で 6ヶ月の広告デザイン科です。前半は座学でデザイン論や色彩論など デザインの基礎や手書きなどを学ぶみたいです。 後半の3ヶ月でイラレ、フォトショップ、インデザインを使って作品を作っていくみたいです。 こちらは、自分の作品を作っていくのが重視された学校みたいです。 自分は芸大の短大出身ですが空間デザインが主でしたのでイラレ、フォトショップを ほとんど触れません。 設計事務所から店舗デザイン会社に転職したかったので今回、グラフィックソフトを 覚えようと思いました。 webも役に立つと思っていますが3ヶ月なのでHTMLとCSSで30時間くらいの授業しかないのですが プロからみたらどうなのでしょうか？ 今月中に申し込みをしないといけないので どんなことでもいいのでアドバイスをもらえると嬉しいです。

  • ２９歳、初パートです

    ２９歳、子供なし、結婚４年目です。 １か月前、飲食店で働き始めました。 今まで、事務系の仕事しかやったことがなく、飲食店で働くことをためらっていましたが、思い切ってやってみることにしました。 面接時、店長が「飲食店未経験だから丁寧に教えていく。是非働いてほしい」とのことでがんばってみることにしました。 「どれくらいで仕事覚えられますか？」の私の質問に「１か月あれば覚えられるよ」と言われましたが、今１が月経ちましたが、全然仕事を覚えられません。 今、できるのは、オーダーとりと、料理の運びと、片づけくらいです。 料理のトッピングをしなければならないのですが、朝、メニューを印刷したものを見て頭に入れて出勤するのですが、いざその場になるとドキドキしてミスを犯したりします。 ピーク時はベテランさんがやるので私はオーダーとりなどの仕事になります。 レジもまだ教えてもらっていません。 ベテランさんに聞いたら１カ月くらいで覚えたとのこと・・・。（飲食店１０年以上の経験者です） 毎朝、クビにならないだろうか？とビクビクしながら出勤しています。 皆さん、どれくらいで仕事覚えましたか？ アドバイスなど頂けたらうれしいです。 辛口なコメントは避けていただけますでしょうか？傷ついて立ち直れなくなりそうなので・・・

  • 弁当代いくらくらいまでなら出せますか？

    私は１回４００円の弁当を注文して食べていますが、みなさんは幾らくらいなら支払ってもよいですか？

  • 現在高校一年ですがHTML.CSSなどの知識は..

    現在私は高校1年生ですがHTML.CSSなどの知識があります。 そのようなことをどのような場面で活かせますか？ ちなみに厳格で正しくHTML.CSSを書いています

  • デートで担々麺ってどうですか？

    明日気になっている女の子とデートに いくことになったのですが、デートを する駅の付近に私が大好きな担々麺の お店があり久しぶりに行きたいのです が、初デート でいくのはよしたほうが いいのでしょうか？お店の雰囲気は町 の中華料理屋さんよりは綺麗で、スー プが服につかないように紙エプロンを くれたりもします。 私は21才の大学生、女の子は19才の社 会人です。 よろしくお願いします。

  • ホームページ作成を一から勉強するなら

    ホームページビルダーなどの作成ソフトの使い方を勉強するのが先ですか？ それともHTMLやCSSの文法を覚えるのが先ですか？ 効率のよい学習の仕方があればおすすめお願いします。

    • ベストアンサー
    • CSS
    • noname#171869
    • 回答数3
  • Qoo10というサイトは危ないですか？

    Qoo10というサイトでバッグを注文したのですが 購入履歴の商品名をクリックしたら『現在販売が中止されています』と表示されました。 まだ一昨日に注文したばかりで発送もされていないと思います。 販売ショップからの連絡もありません。 7000円程のバッグです。 しかも、一昨日注文した時にクレジット決済に指定したので 番号とか入力してしまっています。 これは大丈夫なのでしょうか？？ ショップ名は　sell-top　です。 もう店自体がこのQoo10のサイトから消えてる感じなのですが。。。 このままクレジットだけ決済されて商品来ない可能性もありうるので今すごく困っています。

  • type="hidden"を使って時刻を送信

    よろしくお願いします <form>の送信時に一緒に日付・時刻を送信したいのですがどのようすればよろしいですか？ また<input type="hidden">を使って、隠しデーターとして送信はできますか？

    • ベストアンサー
    • HTML
  • jquerymobileのページ遷移のような遷移

    いつもお世話になっております。 jquerymobileのページ遷移のような遷移を行いたいのですが、 イメージ（スライドはしなくても可） URL：http://billboardtop100.net/jquery_mobile/slide/slide.html 流れとしては、ページローディングしている最中、画面がオーバーレイしながら、 ローディングのアニメーション画像を表示し、 ロードが完了したら、スライドしてURL先へリンクする というイメージなのですが（スライドはしなくても可） ajaxとかそういう技術を使わないと、スムーズに遷移しないのでしょうか、、 以下に作ってみたサンプルを記載しますが、 単純にオーバーレイしてからリンク先へアクセスしているので、 読み込みも遅くなりますし、以下のコードだと、ロードの画像が真ん中にきません、、 そして画像を隠す動作が一瞬ちらついてしまいます、、、 html <div id="shade"><img src="/img/ajax-loader.gif" alt="ローディング中"></div> <section data-role="content"> <ul data-role="listview"> <li><a href="/aboutus.html" data-transition="slide">hoge</a></li> <li><a href="sample.html" data-transition="slide">hoge2</a></li> <li><a href="sample.html" data-transition="slide">hoge3</a></li> </ul> </section> js jQuery(function(jQuery){ jQuery("#shade").css({ opacity: '0.6', display: 'none', position: 'absolute', top: '0', width: '100%', height: '100%', background: '#000', zIndex: '1' }); jQuery("a[href]").click(function(e){ link = jQuery(this).attr("href"); if (!link.match(/#/i)) { e.preventDefault(); jQuery("#shade").css('display', 'block'); } }); }); カッコいいページ遷移がしたいです。。 是非ご教授下さい。 どうぞよろしくお願いします

  • IE9でのanimateを動かしたい

    tenderfeel様により 以下のようにjsFiddleでお作りいただいたもので 作っていこうと思っているのですが IE9で正しく動かないことが見つかったのです。 いろいろと触ってみたのですが、Javascript初心者のため未だ解決できていません。 お教えいただけないでしょうか？よろしくお願いいたします。 http://jsfiddle.net/Tenderfeel/y99jU/ 質問ページ：http://okwave.jp/qa/q7649228.html