- ベストアンサー
JavaScriptの実装について
- JavaScriptの実装について苦戦しています。
- 特に、サンプルコードのダウンロード方法がわかりません。
- どなたかご協力いただける方はいらっしゃいますか。
- sakurihara
- お礼率75% (6/8)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- yamada_g
- ベストアンサー率68% (258/374)
デモページ：http://code.ovidiu.ch/dragdealer/ で「ソースを表示」してみてください。dragdealer-main.cssがあります。
補足
ご解答、ありがとうございます。 <link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer.css" /> <link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" /> ココの部分でしょうか？ ココのリンク先から、本文を全て選択でコピー 新しくdragdealer.cssとdragdealer-main.cssを作成してペースト。 同一フォルダにFTPでアップデート htmlファイルのヘッダを <link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer.css" /> から <link rel="stylesheet" type="text/css" href="dragdealer.css" /> および <link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" /> から <link rel="stylesheet" type="text/css" href="dragdealer-main.css" />と書き換え としたのですが、スライダの位置が参照先の変更前後で変わってしまうのです。 何か根本的に勘違いをしているのでしょうか？
- osietete4
- ベストアンサー率21% (81/369)
<!-- このCSSは各自のサイトのデザインに併せて調整 --> って書いてありますよ。そのCSSいらないはず。
補足
ご解答ありがとうございます。 ヘッダー部分に <link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer.css" /> <link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" /> と自分のページに記載すると、スライダが稼動するのですが、これのどちらかでもを消してしまうと、動かなくなってしまうのです。ですので不要というわけではなさそうなんです。 無くていいならそれのほうが楽で良いんですが・・・。
関連するQ&A
- アプリに検索機能を実装するには
iphone・androidアプリを製作中です。 チェックをつけた条件に基づいてDBから検索する機能を 実装したいのですが、良いサンプルコードなどはありませんでしょうか？ 以上、何卒よろしくお願いいたします。
- ベストアンサー
- スマートフォンアプリ開発
- JavaScript 配列とiframe
カテゴリを誤って投稿してしまいました。 インラインフレームを二つ（iframe1,iframe2）用意し、jQueryにてクリック出来るようにしたdiv要素のクリックで、それぞれのリンク先をJavaScriptの配列に収めた連番通り、1,2,3,4…htmlと表示させたいのですが、二つの配列を使用すると連番通りに表示されなくなります。（一つの配列使用では連番通りに表示されます。） 1クリックで、iframe1にはiframe1link1.htmlの表示、iframe2にはiframe2link1.htmlの表示。クリックごとにlink2,link3と順番どおりに表示する、これを可能にするお知恵を拝借したいと思い投稿させて頂きます。よろしくお願いいたします。 =＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ （JavaScript(1)iframe1.js） var URLs=new Array(); var cnt=0; URLs[1]="iframe1link1.html"; ******* URLs[10]="iframe1link10.html"; function Jump1(){ cnt++; if(cnt==11) {cnt=0;} iframe1.location.href=URLs[cnt]; } ==＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ （JavaScript(2)iframe2.js） var URLs=new Array(); var cnt=0; URLs[1]="iframe2link1.html"; ******* URLs[10]="iframe2link10.html"; function Jump2(){ cnt++; if(cnt==11) {cnt=0;} iframe2.location.href=URLs[cnt]; } =＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ （HTML） <!doctype html> <link rel="stylesheet" href="./css/style.css" type="text/css"> <script src="iframe1.js"></script> <script src="iframe2.js"></script> <title>sample</title> <div id="container" class="div" onclick="Jump1();Jump2()"> <div id="main"> <iframe src="./iframe1link0.html" id="iframe1"></iframe> <iframe src="./iframe2link0.html" id="iframe2"></iframe> </div> </div> これでは連番通りにいかない。 =====＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
- ベストアンサー
- JavaScript
- javascriptが動かない原因
初めてのＨＰ制作に取り組んでいます。 htmlとcssはほぼ完成し、大体の構造は組みあがりました。 あとは「滑らかスクロール」「litebox」の２つのjavascriptを組み込むだけなのですが、両方ともうまくいきません。 原因としては何が考えられるでしょうか？ とりあえず、一方の「滑らかスクロール」について教えてください。 試したjs： http://blog.crara.cc/archives/173 とhttp://user1.matsumoto.ne.jp/~goma/js/ps2.html#sample （以前QNo.2848668で別のjsについての質問をしましたが、いただいた回答をもとに、貼るだけ簡単、なものを探しました） 現状： ダウンロードしたスクリプトをそのまま保存。 ヘッダーに<script type="text/javascript" src="tinyscrolling.js"></script>等を記述。 ファイル名や階層の間違いなし。 ・・・しかし、スクロールはせず一気に目的地まで飛びます。 また、ためしにこのファイルを開いてみようとすると、以下のようなエラーメッセージが出ます。 エラー： 'window'は宣言されていません。 コード： 800A1391 ソース： Microsoft JScript 実行時エラー （ちなみに、もう一方のスクリプトでも同じメッセージが出ました） 環境等： まだサーバーにはアップロードしていない状態。 ＩＥ６、WindowsXPです。 どうぞよろしくお願いいたします。
- ベストアンサー
- ブログ
- iframeに横スクロールを出現させない方法（IE６）
いつもお世話になっております。 今回は、IE６でiframeの横スクロールバーを出現させない方法がわからずこちらで質問させていただきました。 TOPページにindex.htmlを置いており、indexにiframeを3つ(top.html/menu.html/main.html)作成し、ページを作っております。 top/mainの2箇所に問題は無く、menuの部分での質問です。 iframeは幅200pxで設定しており、その中に幅指定100%のmanu.htmlをiframe src=""で埋め込んでいます。 menu.htmlには幅200pxで作成した背景画像(no-repeat)と、幅100%指定のiframeを使用しております。 menu.htmlに対しCSSで overflow: auto;を当てていますが、スクロール表示しないといけない状態に画面を変更した場合横スクロールが消えない状態です。（IE７ではきえるのですが…） IE6の特徴の、文章等がある場合親のサイズに合わすことが要因だと思いますが、iframe/menu.htmlのサイズを変更させず横スクロールを表示させないことは可能でしょうか？（menu.htmlを180px固定とか、index.htmlのiframeをscroll="yes"にすれば平気ですが、不恰好になるので…） よろしくお願いいたします。
- ベストアンサー
- HTML
- スクロールしてもついてくる（iPhone版）
スクロールしてもついてくる吹き出しを作りたいと思い調べたのですが、CSSの「position:fixed」でできるとかと思ったら、スクロールするとついてきてしまって固定してくれません。 そこで調べたのですが、「iscroll」というjavascriptのライブラリを使って固定できるようだったので、実際試してみましたが、”ある程度”のことはできました。 ただ、URLバーを隠したりできないようです。 そこで、iPhone版のYahooをみてみると、表示してからしばらくして「ホーム画面に追加しよう」という吹き出しが表示され、しかもスクロールしてもしっかり着いてきます。 このような内容を実装しようと思ったら、JSなのでしょうか？どのように記述すればよいのかわかりません。 もし分かる方がいればお願いします。
- ベストアンサー
- JavaScript
- インターフェイスを2つ以上実装
こんにちは。 高橋麻奈さん著の「やさしいJava」を使ってJavaを学んでいるのですが、インターフェイスのところでつまずいています。 インターフェイスは2つ以上クラスに実装できるということですが、本に書いてあるサンプル文では2つ実装されているものが載っています。 それにさらにもう一つインターフェイスを自分で書き加えて実装させてみたのですが、エラーが出てコンパイルできませんでした。書き加える前の状態では普通にコンパイル＆実行できました。 ということは書き加えた部分が間違ってるはずなのですが自分には何処が間違っているのかわかりません。 以下にそのコード全文を載せておきますね。（色インターフェイス関連が書き加えた部分） どなたかわかるかたがいらっしゃいましたらご回答お願いします。 //のりものインターフェイス interface iVehicle { void vShow(); } //材料インターフェイス interface iMaterial { void mShow(); } //色インターフェイス interface iColor(); { void cShow(); } //車クラス class Car implements iVehicle, iMaterial, iColor { private int num; private double gas; public Car(int n, double g) { num = n; gas = g; System.out.println("ナンバー" + num + "ガソリン量" + gas + "の車を作成しました"); } public void vShow() { System.out.println("車のナンバーは" + num + "です"); System.out.println("ガソリン量は" + gas + "です"); } public void mShow() { System.out.println("車の材質は鉄です"); } public void cShow() { System.out.println("車の色は黄色です"); } } class Sample4 { public static void main(String args[]) { Car car1 = new Car(1234, 20.5); car1.vShow(); car1.mShow(); car1.cShow(); } }
- ベストアンサー
- Java
- TKMP.DLL受信済みメールを除いて受信を行なう
知恵で質問しましたが、回答が付きませんでしたのでこちらで質問させていただきます。 TKMP.DLL受信済みメールを除いて受信を行なう方法をサンプルで教えてください。 TKMP.DLLの使い方について http://uwa.potetihouse.com/samplecode/tkmp/uidcheck.html このページを動作するようにサンプルコードを書いて頂けませんか。 ＃当方メールの仕組みは全く無知です。 ＃「メールが既読か未読かを判断する機能はライブラリに無いので、コード実装する必要があります。」とありますが、どのように実装すればいいのか皆目見当が付きません。 ＃「UID」の言葉の意味が分かりません。 ＃「事前準備として、・POPサーバーへの接続・既読メールのUIDリストの読み出し が必要です。」とありますがよくわかりません。 私としてはメールのチェックが出きればいいだけですので、サンプルコードを書いて頂ければ幸いです。
- 締切済み
- Visual Basic
- 『JavaScript Accordion』について
『JavaScript Accordion』について 初めて投稿致します。 『JavaScript Accordion』（http://www.leigeber.com/2008/10/animated-javascript-accordion/の「Click here to download the source code.」でダウンロード可）を自サイトに実装しようとしたのですが、もともとの形式が「dl dt dd」形式のため、うまく実装できませんでした。 実装したい箇所は下記の通りです。 <!-- BEGIN news --> <h3>NEWS</h3> <div class="main"> <ul class="news"> <li>2010/01/05 : 更新5</li> <li>2010/01/04 : 更新4</li> <li>2010/01/03 : 更新3</li> </ul> </div> <!-- END news --> <!-- BEGIN old --> <h3>OLD</h3> <div class="main"> <ul class="news"> <li>2010/01/02 : 更新2</li> <li>2010/01/01 : 更新1</li> </ul> </div> <!-- END old --> <!-- BEGIN news -->から<!-- END news -->は常時表示、<!-- BEGIN old -->から<!-- END old -->は通常非表示、見出しの「OLD」をクリックすることで表示or非表示が切り替わるようになるのが希望です。 また上記タグの箇所は以下の通りcssを設定しているのですが、実装するにあたって何か追加する必要はありますでしょうか？ h3{ font-size:80%; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Chicago,sans-serif; font-weight:bold; color:#ef004a; letter-spacing:4px; margin:0 5px 10px 14px; } div.main{ font-size:76%; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Chicago,sans-serif; line-height:150%; padding:0 10px 15px 15px; } ul.news{ font-size:100%; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Chicago,sans-serif; padding:0 10px 10px 15px; } ul.news li{ list-style-type:disc; } スクリプト、htmlタグ、cssそれぞれどのように変更すれば実装が可能か、どなたか詳しい方がいらっしゃいましたら、お知恵を拝借したく存じます。 どうぞよろしくお願い申し上げます。
- ベストアンサー
- JavaScript
- htmlとjavaスクリプトに詳しい人きてください
～～略～～ <div id="btn"> <a href="cont01" target="ifrm01">テスト</a> </div> ～～略～～ <div id="cont-ifrm"> <iframe width="400" height="300" name="ifrm01"></iframe> </div> ～～略～～ というコードがあったとします。この時「テスト」をクリックするとインラインフレーム(ifrm01)内にリンク先を表示させつつ、 さらにそのインラインフレームにページ内リンクで自動的にスクロールするにはどうすればいいんでしょうか？ htmlとcssは概ね理解できますが、javaスクリプトはなんとか読める程度です
- ベストアンサー
- JavaScript
- HTMの IFRAME タグの代わりになるもの
はじめまして、HPの制作に関して分からないことがありますので 質問させて頂ければと思います。 現在、四苦八苦しながら自社のWEBサイトを作っているのですが 掲示板の部分が長くなるので、IFRAMEタグで読み込んでいます。 パソコンから閲覧した場合は、ちゃんとスクロールバーがついて 閲覧できるのですが、iphoneでみると、、、大きく広がってしまい HPの形がくずれてしまいます。。。 iphone上のブラウザーのサファリで閲覧する場合 HTMLのフレームタグは無視されるので HP作成時には注意してくださいという情報は ネットで調べて載っていたのですが 他に、どういう方法があるのか調べても分からず 質問させて頂ければと思います。 パソコンでもiphoneなどの端末でも ちゃんとスクロールバーがついて 決めた大きさの中に読み込む方法をご存知の方がおられましたら 宜しくお願い致します。 当方、素人なので、CSSなどが分からず 昔ながらのテーブルを使ってHPを作成しています。
- ベストアンサー
- HTML
お礼
お返事が遅くなりまして申し訳ありません。 ご説明の通りで来ました。ありがとうございます