JavaScriptやStyleSheetを独学で勉強できるサイトやお薦めの本を教えて下さい。
レベルは本当に1から勉強できるものがいいです。
私自身まだHTMLも理解しきれていないのですが、同時進行で勉強したいので
お願いします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

月並ですけど、最近お引越しした「とほほ」さんの


http://tohoho.wakusei.ne.jp/www.htm

「みやざき」さんの
http://www.hajimeteno.ne.jp/

とかかな~。

どうしても充実しているサイトは大きくなってきて、
学習よりもデータベース(リファレンス)としての
色合いが濃くなってきてしまうんですよね~。

なれている人間にとっては便利なのですけれど、
これを読んで学習していく分には、ちょっと
ボリュームがあって大変かもしれないですね。。。。

でもホームページって実は読んで学習するもの
ではなくて、作っていくうちに自然と覚えてゆ
くものです。
    • good
    • 0
この回答へのお礼

ありがとうございました。

お礼日時:2001/09/25 16:34

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qフレーム内 ( 子HTML ) からフレーム外 ( 親HTML ) のコンボボックスをJavaScriptで操作する方法は?

下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?

Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)

ご存知の方、コメントを頂けると助かります。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="JavaScript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>題名</title>

........(略)........

<form name="form2">

// ↓以下、コンボボックス ( ドロップダウンリストボックス? )
<select name="Hoge" onchange="FunctionName(Args.......(略).........)">
<option value="0" selected>起
<option value="1 " >

<option value="2 " >

<option value="3 ">

</select>

</form>

<tr><td colspan="3" align="center">
<iframe width="1200" height="800 "src="/........(Path)......../Hoge.html"></iframe>
</td></tr>

下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?

Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)

ご存知の方、コメントを頂けると助かります。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="j...続きを読む

Aベストアンサー

ちょっとしたサンプルを作りました。如何でしょうか。

Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************

Hoge.html
'************************************************
<script language="javascript">
<!--
function setCombo(obj)
{
parent.form2.Hoge.value = obj.value;
}
//-->
</script>
<input type="radio" name="ttt" value="0" onclick="setCombo(this)">起
<input type="radio" name="ttt" value="1" onclick="setCombo(this)">承
<input type="radio" name="ttt" value="2" onclick="setCombo(this)">転
<input type="radio" name="ttt" value="3" onclick="setCombo(this)">結
'************************************************

ちょっとしたサンプルを作りました。如何でしょうか。

Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************

Hoge.html
'************************************************
<script language="javascript">
<!--
function setCo...続きを読む

Qjavascript 別ウィンドウを開き、(同時に)自身は閉じる方法

javascriptで以下の方法を探しています。

htmlページにボタンを設置し
ボタン押下で、以下の動作を一度に行いたいです。

1.ボタン押下
2.別ウィンドウオープン
3.自身のページは閉じる
(結果、別ウィンドウだけが残る)

※もともと上記ボタンを設置しているページ自体が
 別ウィンドウで開かれたページなので
 ボタン押下後は、自身のページは閉じてしまいたいです。

よろしくお願いします。

Aベストアンサー

でしたら、これでいいのでは

<INPUT TYPE="image" src="../img/AAA.jpg" width="185" height="42" style="margin-left:10px;" border="0" alt="BBB" onclick="parent.top.window.close()">

QjQueryで指定した要素自身のHTML

jQueryを使用していて困っています。

下記の様なHTMLがある場合に

<div id="hoge">
  <div id="first">hoge</div>
  <div id="second">hogehoge</div>
  <div id="third">hogehogehoge</div>
</div>

“<div id="second">hogehoge</div>”を取得したいです。

$("#second").html()では、
  hogehoge
が取得されることになりますし、

$("#hoge").html()では、
  <div id="first">hoge</div><div id="second">hogehoge</div><div id="third">hogehogehoge</div>
が取得されることになると思います。

$("#second").wrap("<div class='target'></div>")して、
$(".target").html()を取得しても良いのですが、
他のところで影響がでそうで怖いので、できれば避けたいです。
(殆ど完成状態にありますので……)

何か良い方法はありますでしょうか?

jQueryを使用していて困っています。

下記の様なHTMLがある場合に

<div id="hoge">
  <div id="first">hoge</div>
  <div id="second">hogehoge</div>
  <div id="third">hogehogehoge</div>
</div>

“<div id="second">hogehoge</div>”を取得したいです。

$("#second").html()では、
  hogehoge
が取得されることになりますし、

$("#hoge").html()では、
  <div id="first">hoge</div><div id="second">hogehoge</div><div id="third">hogehogehoge</div>
が取得されることになると思います。

$("...続きを読む

Aベストアンサー

例えば、

$('<div>').append($('#second').clone()).html()

で、どうでしょう?.clone()を使ってコピーを作り、それを「入れ物」にいれてから.html()で中身を取得する、という方法です。

Q自身のページとiframeの2つのページを同時更新する方法

いつもありがとうございます。初心者です。御指導お願いします。
テキストにリンクを貼って、クリックと同時にiframeの2ヶ所のページにGETでデータが送信され、同じ値がGETで自身のページにも送信され
自身とiframeの3つのページが同時に更新されるようにしたいのですが、下記の記述では、GETで送信されて、iframe内のページは更新されるのですが、自身のページは更新ボタンを押さないと内容が更新されません。
テキストリンクをクリックしただけで、自身のページとiframe内の2つのページを同時更新できる方法を教えて下さい。

<SCRIPT language="JavaScript">
function Syncro(mPage,cPage,sPage){
parent.main.location.href=mPage;
parent.control.location.href=cPage;
self.location.href=sPage;
}
</SCRIPT>

phpで書いたページ内のテキストリンクです。
<A HREF="Javascript:Syncro('right.php?entry_day=2008-02-04','top.php?entry_day=2008-02-04','offer_calender.php?entry_day=2008-02-04')">2008-02-04</a>

phpで書いたページ内のiframe のページ
<td bgcolor="#999999"><iframe src="right.php?entry_day=2008-02-04" name="main" width="300" height="330" scrolling="yes"></iframe></td>
<td bgcolor="#3399CC"><iframe src="top.php?entry_day=2008-02-04" name="control" width="677" height="330" scrolling="yes"></iframe></td>

いつもありがとうございます。初心者です。御指導お願いします。
テキストにリンクを貼って、クリックと同時にiframeの2ヶ所のページにGETでデータが送信され、同じ値がGETで自身のページにも送信され
自身とiframeの3つのページが同時に更新されるようにしたいのですが、下記の記述では、GETで送信されて、iframe内のページは更新されるのですが、自身のページは更新ボタンを押さないと内容が更新されません。
テキストリンクをクリックしただけで、自身のページとiframe内の2つのページを同時更新できる方法...続きを読む

Aベストアンサー

昨日読んで他のフレームの事じゃないと成り立たない話なので あれ?って思っていましたが


>offer_calender.php で
>その中のiframe のリンク先に
>riht.php
>top.php
>を指定しております。

これで アンカーがクリックされたら
offer_calender.php を offer_calender.php?entry_day=2008-02-04
と言う呼び出しを行うのですよね?

offer_calender.php?entry_day=2008-02-04が呼ばれた時点で
前の処理のJavaScriptでのlocation指定は全く無意味です。
2つのiframeはoffer_calender.phpごと消滅しますから。


JavaScriptは一切不要ですよ。

アンカーを
<A HREF="offer_calender.php?entry_day=2008-02-04">2008-02-04</a>

offer_calender.php のPHPで、受け取ったデータからiframeのsrcを指定変更。
無処理で単純に書けば、iframeのHTML部分は

<iframe src="right.php?<?=$_SERVER['QUERY_STRING']?>"></iframe>
<iframe src="top.php?<?=$_SERVER['QUERY_STRING']?>"></iframe>
これで目的は果たせます。

ってのが #1さん が書いてる事だと思いますよ。

昨日読んで他のフレームの事じゃないと成り立たない話なので あれ?って思っていましたが


>offer_calender.php で
>その中のiframe のリンク先に
>riht.php
>top.php
>を指定しております。

これで アンカーがクリックされたら
offer_calender.php を offer_calender.php?entry_day=2008-02-04
と言う呼び出しを行うのですよね?

offer_calender.php?entry_day=2008-02-04が呼ばれた時点で
前の処理のJavaScriptでのlocation指定は全く無意味です。
2つのiframeはoffer_calender.phpごと消滅...続きを読む

QjavascriptとHTML

javascriptが入ったHTMLをFC2やYahoo!ジオシティに投稿したいんですが、文字化けが起こり、かつjavascriptも正常に作動しません。

記述にミスがあるのか、投稿したところがjavaに対応していないのか、解決できる方はよろしくお願いします。

以下一つ問題リンク↓
http://1st.geocities.jp/zelgnir/rbfa-sort-problem.html

Aベストアンサー

GeoCitiesは標準のエディタとかでデフォルトのまま作成すれば
エンコードがEUC-JPで作成されます。
ページを見た限りではエンコードがEUC-JPになっているようなので
metaタグのエンコード指定もEUC-JPに変更するかソースコードの
エンコードをSJISで保存し直してください。

なお、JavaScriptエラーが起こっているのは

initList();

の部分(この関数が見つからないといっています)です。

> 投稿したところがjavaに対応していないのか、

JavaとJavaScriptは名前が似ているため混同したりする人が多いよう
ですがまったくの別物です。

因みに、JavaScriptはクライアントがJSに対応していて且つスクリプトの
実行が有効になっていればサーバ側は関係ありません。
(拡張子がjsのファイルをアップロードできないようになっている
サーバなら別ですがその場合もHTML内に埋め込めば関係なかったり
して)

参考URL:http://ja.wikipedia.org/wiki/Java,http://ja.wikipedia.org/wiki/JavaScript

GeoCitiesは標準のエディタとかでデフォルトのまま作成すれば
エンコードがEUC-JPで作成されます。
ページを見た限りではエンコードがEUC-JPになっているようなので
metaタグのエンコード指定もEUC-JPに変更するかソースコードの
エンコードをSJISで保存し直してください。

なお、JavaScriptエラーが起こっているのは

initList();

の部分(この関数が見つからないといっています)です。

> 投稿したところがjavaに対応していないのか、

JavaとJavaScriptは名前が似ているため混同したりする人が...続きを読む


人気Q&Aランキング

おすすめ情報