- ベストアンサー
JAVAのプログラムとCSSの組み合わせ
http://lab.synck.com/Cal3.0/ 上記URLのソースを確認するとカレンダーがJAVAとCSSで制御されて作動されているかと思います。 これの仕組みを独学で勉強しているのですが１点、カレンダーの幅はどこで制御されているのかがわかりません。カレンダー自身のサイズを小さく（横幅100ピクセルが理想）にしようと思ったら、CSSを修正するのかJAVAを修正するのか？またそれのどの部分を修正したらいいのかわかりますでしょうか？ プログラムは著作権フリー配布ということでしたので、URL掲載させていただきました。
- t-pop-corn-t
- お礼率32% (102/311)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
横幅設定、つまりwidthは設定されてないようです。 日付などの文字のサイズやpaddingの結果、その幅になっています。 それらはcal.cssで設定されています。 69行目の div.cal_wrapper table.cal tr td div { background-color: #FFFFFF; border-radius: 3px 3px 3px 3px; font-size: 10px; padding: 5px 15px; position: relative; text-align: center; } を文字サイズをsmall、paddingを0にしたら小さくなりました。 chromeのデベロッパーツール、firefoxのfirebugなどを使えるようになりましょう。 「JAVA」ではなく「JavaScript」です。 配布とURL掲載は別物です。著作権に関わらずURL掲載は問題ありません。 もし製作者が掲載禁止とした場合でも、掲載は(法的には)問題ありません。 ただ、あなたが製作者の意向を汲むかどうかだけです。
関連するQ&A
- ＣＳＳ３をIE８でも作動させるようにするには？？
http://lab.synck.com/Cal3.0/ 上記ＨＰ IE8で作動しませんか？ 日付の上にマウスを当てると、文字が表示される仕組みなのですがIE8では表示されないと聞いています。 実際僕もIE8で試してみたら、表示されませんでした。googleクロームでは表示されるのですが。。。 CSS3だからでしょうか。 ソースをみるとCSS3っぽかったです。何とかIE8でも完璧に表示させる方法はありませんでしょうか？
- ベストアンサー
- CSS
- HTMLに詳しい方に質問です。
http://lab.synck.com/Cal3.0/ このページについてですが、「予定表」の部分をカレンダーの下ではなく、右隣に配置したいです。 そのためには、HTMLのコードをどのように書き換えれば良いでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- HTMLに詳しい方に質問です。。
http://lab.synck.com/Cal3.0/ このページを改変したいのですが、質問がございます。 カレンダーの「2014年5月」部分を真ん中にし、「>prev」を左端、「<next」を右端という位置にしたいです。 「-」部分は削除します。 この方法が分かりません。ＣＳＳとjsどちらをいじるのでしょうか？ jsのコードの calHTML += "<input type='button' onclick='cal_move("+calId+",-1);' value='< prev' />"; という部分からが、該当のソースだということは分かっています。 この問題についておわかりの方いらっしゃいましたらお願いします。
- ベストアンサー
- HTML
- javascriptのオンマウスについて
http://lab.synck.com/Cal3.0/ 上記URLのカレンダーですが、日付にマウスポインタをあてるとテキストが日付の真下に表示されますよね。オンマウスの記述がキーなのだと思うのですが、 これを真下に表示ではなくてHTMLでテキストボックスを１行作って、作ったテキストボックスに表示させるようにするにはどのようにすればいいでしょうか。 または、真下表示ではなく、日付の１個したの段の１番左端からの表示でもかまいません。 まったくわからず困っています。。
- ベストアンサー
- JavaScript
- javaスクリプトでcssを制御しているのですが、サーバーにアップするとcssが聞きません。。。
すいません。javaスクリプト初心者です。 javaスクリプトでcssを制御しているのですが、サーバーにアップするとcssが利きません。。。 // set Variable var csspath = サーバーのipアドレス/scripts/css/'; // スタイルシートの場所（ホスト階下の場所） var defhost = URL'; // ドメインを自動で取得できなかった場合のホスト（ホストだけ！） var gethost =true; // 自動でホスト名を取得する場合は「true」、以外は「false」 var cssTags = <link rel="stylesheet" type="text/css" href="'; としているのですが、駄目です。 もし解決方法をご存知であれば、お教えください。
- ベストアンサー
- JavaScript
- 以下のJAVAプログラムでご質問です。
import java.util.*; import java.io.*; import java.text.*; public class JTest9 { public static void main(String[] args) throws IOException { System.out.println("基準となる年月日を入力して下さい。"); BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String str1 = br.readLine(); String str2 = br.readLine(); String str3 = br.readLine(); int year = Integer.parseInt(str1); int month = Integer.parseInt(str2); int day = Integer.parseInt(str3); String targetDateText = year + "/" + month + "/" + day; int addDate = 10; SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd"); Date targetDate = sdf.parse(targetDateText); Calendar cal = Calendar.getInstance(); cal.setTime(targetDate); cal.add(Calendar.DATE,addDate); System.out.println(sdf.format(cal.getTime())); } } 上記は、コンソールから、年、月、日 を入力し、その入力した日付から10日後の日付を 出力しようとしているプログラムです。 しかし、17行目のsdf.parse(targetDateText);において、コンソール上に下記エラーが出ます。 Exception in thread "main" java.lang.Error: Unresolved compilation problem: 処理されない例外の型 ParseException このエラーを解決したいのですが、どのように修正すればよいのでしょうか。 ご助言の程、よろしくお願い致します。
- ベストアンサー
- Java
- Java CDLC 1.0 での日付計算
CLDC(携帯向けJava)での日付計算がうまくいきません。 JavaのSEでは、Calender.addなる日付計算関数があるようですが、 CLDC(携帯向けJava)では使えないみたいなので、以下の実験コードを 書いてみました。しかし、意図する結果が得られませんでした。 このケースでのよい計算方法をご存知でしたらご教授 頂ければうれしく思います。または、 以下のプログラムのバグ、ポカアホミス、作法的要修正点、 日付計算仕様的な可能/不可能等お気づきありましたら、 ご指摘頂ければ嬉しいです。 尚、意図した結果とは、下記の★部分において、 1970年1月1日(？曜日) ０：１：０ です。 グリニッジ標準時 1970 年 1 月 1 日 0:00:00 (エポック) からの 経過時間が、60000ミリ秒(60秒) というのを期待しました。 --以下コード-- void print_cal(Calendar cal){ String WEEK=" 日月火水木金土"; int year =cal.get(Calendar.YEAR); int month =cal.get(Calendar.MONTH)+1; int day_of_month=cal.get(Calendar.DAY_OF_MONTH); int day_of_week =cal.get(Calendar.DAY_OF_WEEK); int hour =cal.get(Calendar.HOUR_OF_DAY); int minute =cal.get(Calendar.MINUTE); int second =cal.get(Calendar.SECOND); System.out.println("" + year + "/" + month + "/" + day_of_month + "(" + WEEK.charAt(day_of_week) + ") " + hour + ":" + minute + ":" + second); } Calendar cal = Calendar.getInstance(); long now = cal.getTime().getTime(); print_cal(cal); cal.set(Calendar.YEAR, 2007); cal.set(Calendar.MONTH, Calendar.MAY); cal.set(Calendar.DAY_OF_MONTH, 31); cal.set(Calendar.HOUR_OF_DAY, 6); cal.set(Calendar.MINUTE, 12); cal.set(Calendar.SECOND, 44); print_cal(cal); //<---- 2007/5/31(木) 6:12:44 long time1 = cal.getTime().getTime(); cal.set(Calendar.YEAR, 2007); cal.set(Calendar.MONTH, Calendar.MAY); cal.set(Calendar.DAY_OF_MONTH, 31); cal.set(Calendar.HOUR_OF_DAY, 6); cal.set(Calendar.MINUTE, 13); cal.set(Calendar.SECOND, 44); long time2 = cal.getTime().getTime(); print_cal(cal); //<------ 2007/5/31(木) 6:13:44 long sabun = time2 - time1; //<---- 60000 Date hoge = new Date(sabun); long hoge_time = hoge.getTime(); System.out.println(hoge_time); <--- 60000 //setTime: Calendar の現在の時刻を、指定された Date に。 cal.setTime(hoge); //★この時点でprint_cal。 print_cal(cal); <---- 1970/1/1(木) 9:1:0 ？9時間も経ってる？ long now2 = cal.getTime().getTime(); System.out.println("now2: " + now2); <--- 60000。でも60秒がはいってるぽい --コード以上--
- ベストアンサー
- Java
- Calendarクラスでエラーがでる
こんにちは。 以下の単純なコードでエラーが出ます。 import java.util.Calendar; public class CalTest { public static void main(String args[]) { Calendar cal = cal.getInstance(); int year = 2002, month = 9, day = 19; cal.set(year,month,day); } } エラーは CalTest.java:6: 変数 cal は初期化されていない可能性があります。 Calendar cal = cal.getInstance(); です。使っているのはj2sdk1.4.0_01ですが、方法が変わったんでしょうか？ 誰か分かる人がいたら教えてください。よろしくお願いします。
- ベストアンサー
- Java
- Javaを使ってデジタル時計を作りたいです。時、分、秒も表示させたいです。
Javaの勉強をしている初心者の者です。 Eclipseを使ってデジタル時計を作ろうと試みているのですが、どうしても"●●時●●分●●秒"というように、表示させることができません(;_;) また、時刻は16時台になっていますが、深夜1時とかにアプレットを作動させると、"10235"というように、5桁で表記されてしまいます。 "010235"のように、6桁で時刻を表示させることができません(;_;) 私が書いたコードのどこを修正すれば、6桁の時刻で、なおかつ、時、分、秒も入ったデジタル時計を表示できるのか、教えていただければ幸いです(>_<) よろしくお願いします<m(__)m> import java.awt.*; import java.applet.*; import java.util.*; public class digital_clock extends Applet{ public void paint(Graphics g){ int hour_of_day, min, sec; Calendar cal = Calendar.getInstance(); hour_of_day = cal.get(Calendar.HOUR_OF_DAY ); min = cal.get(Calendar.MINUTE); sec = cal.get(Calendar.SECOND); String s; s = "hour_of_day+月+min+分+sec+秒"; g.setFont(new Font("SansSerif", Font.PLAIN, 60)); g.drawString(Integer.toString(hour_of_day), 20, 50); g.drawString(Integer.toString(min), 85, 50); g.drawString(Integer.toString(sec), 150, 50); } }
- ベストアンサー
- Java
- WEB用カレンダーの不具合？について
似たような質問をいっぱいしてますが、もう少しで理想のカレンダーができそうなので。。。よろしくお願いします。 http://lab.synck.com/Cal3.0/ 上記カレンダー、IE以外（クロームやfirefox）では日付にマウスをあてると、行事予定が表示されて、正常に作動するようになっていると思います。なぜ、IEでは正常に作動しないのか探してたら if(navigator.userAgent.indexOf('MSIE') == -1)の記述があったので、この行を削除してみました。 すると、今度はIEでも日付にマウスを当てたら行事が表示されるようにはなったのですが、表示される文章がカレンダーの後ろに隠れてしまい、気持わるいことになってしまっています。。。 （たとえば、5月3日らへんとか。。） どなたか、IEでも正常に表示させる方法を教えてくれませんでしょうか。 お願いします。ちなみに僕が使っているIEはバージョン８です。
- 締切済み
- JavaScript
補足
ありがとうございます。 はい、Javascriptですね。。ご指摘ありがとうございました。 無事、小さくすることができました。 つぎからつぎへと申し訳ないですが、日付にマウスポインタをのせるとオンマウス機能が働いて、テキストが表示されてるかと思います。 このテキストが日付の真下からでてきていますが、これを日付の１個下の段の１番左から表示されるようにすることはできますでしょうか。