元スレ+ JavaScript の質問用スレッド vol.75 +
JavaScript覧 / PC版 /みんなの評価 : ○
601 = 599 :
水平スクロールバーの表示されるインラインフレームがあります。
デフォルトだとノブの位置が左寄せになっています。
これを右に寄せにしたいということです。
602 = :
よくわからないが、あらかじめ右にスクロールした状態で表示したいということでよろしいか?
603 = :
以下のhogeを取得するのにどういう風に記述します?
span.innerHTMLですか?
<span id="foo">hoge</span>
<script>
var span = document.getElementById("foo");
var content = span.??? // span.innerHTML
</script>
604 = :
alert(content);で取得できているか試せばいいじゃない。
605 = :
>>603
span.firstChild.nodeValue
とか
606 = :
>>604-605
ありがとうございます。
きちんとしてDOMで取得する方法を知りたかった次第です。
>>605で取得できました。
607 = :
>>601
理由は?
普通はそうじゃないから、わざわざ使いづらくするなら考え物
縦書きの文書作るとかだろうか
608 = :
>>607
文書ではなく画像なのですが、
右から見せたいのです。
609 = :
>>602
はい、そうです。
610 = :
逆に考えるんだ。
画像を左に持ってくればいいだけのことだ。
611 = :
むしろ画像反転でよくね
612 = :
縦書きの文を含む画像なので・・・
613 = :
つ手打ち
614 = :
http://wisdom.sakura.ne.jp/system/java/awt/Gjava26.html
これ右側からになっていますよね。
616 = :
JavaScriptはJavaとは別物
617 = :
ということはJavaならできるということですか?
619 = :
あ、これですね。
ありがとうございます!
620 :
>>614
スクロールバーをスライダーとして使うっていうUIはありなのかな。
昔から思いつきがちだけど。
621 = :
相変わらず回答者気取りのバカが多くてかなわんな
622 = :
え?ネタだろwww
624 = :
空のリスト要素の中にスクリプトを使ってa要素(リンク)をいれたいのだけれど、
入れる方法が分かりません。誰か教えていただけると助かります。
625 = :
>>623
そのthisはグローバルオブジェクトだろ
>>624
var li = document.createElement('li');
var a = document.createElement('a');
a.href = 'http://example.com/';
a.appendChild(document.createTextNode('example.com'))
li.appendChild(a);
626 = :
>>625
回答、ありがとうございます。
627 = :
できなかったのでさらに聞きます。
私がやりたいのは以下のスクリプトの中のfor文に何かを入れて
3つのリスト要素にそれぞれのa要素を入れたかったのですがappendChildではできませんでした。
何がおかしかったのでしょうか?
やりかたを教えていただけると助かります。
<ul id=”list”>
<li></li><li></li><li></li>
</ul>
<script type=”text/javascript”>
window.onload = makeList;
site_names = [“書籍”,”ショッピング”,”検索”];
site_urls = [“http://www.amazon.co.jp/”,”http://www.rakuten.co.jp/”,”http://www.google. co.jp/”];
function makeList()
{
var ul = document.getElementById(“list”);
var lis = ul.getElementsByTagName(“LI”);
for(var i = 0; i < lis.length; i++)
{**************}
}
</script>
632 :
>>631
そのコードのどこにjavascriptって書いてあるんだよ
スレ違いですよ
633 = :
いえ・・・
だからどうjavascriptを書き込んだらいいのかなと・・・
634 = :
好きにしたらいいよ
635 = :
スクロールバーをドラッグして右に動かせばいいよ
636 = :
ノブの最初のポジションを右に寄せたいのです。
638 = :
うーん・・・
639 = :
>>638
ほんとめんどくせーな
<html>
<head>
<title>Untitled</title>
<style type="text/css">div { margin: 0 auto; width: 960px; height: 614px; overflow: auto; }</style>
<script type="text/javascript">
window.onload = function() {
var el = document.getElementsByTagName("div")[0];
el.scrollLeft = el.getElementsByTagName("img")[0].offsetWidth;
}
</script>
</head>
<body><div><img src="example.jpg"></div></body>
</html>
640 = :
innertHTML に += ~とすると、そこにあった画像が再取得されているような気がするのですけど、
appendchildやcreateの方が優れている?理由はこの点でしょうか?
641 = :
>>639
すごい!
ありがとうございます。
JavaScriptでなくてすみません。
最後に一つだけ・・・
ブロックをmiddleに持ってくるにはどうしたらよいのでしょうか・・・
643 = :
>>640
innerHTMLを+=するとせっかく構築したDOMをテキストに直してまたDOMを構築し直さなきゃならないから
画像があろうが無かろうがappendChildよりも大体の場合は時間がかかる
>>641
ブロックが何を指しているのか分からないけどdivを指しているのなら
marginをautoにすればいい
644 = :
よく見たら>>639も横のmarginはautoかじゃあブロックって何だ?
645 = :
divです。すみません。
横軸では中央に来てるんですが、縦軸では中央に来ていないんです。
646 = :
>>645
ま た お ま え か
<html>
<head>
<title>Untitled</title>
<style type="text/css">div { margin: 0 auto; width: 960px; height: 614px; overflow: auto; }</style>
<script type="text/javascript">
var el, setPos = function() {
var doc = document,
width = window.innerWidth || doc.documentElement && doc.documentElement.clientWidth || doc.body.clientWidth,
height = window.innerHeight || doc.documentElement && doc.documentElement.clientHeight || doc.body.clientHeight;
el = doc.getElementsByTagName("div")[0];
el.style.position = "absolute";
el.style.top = (height - el.offsetHeight) / 2 + "px";
el.style.left = (width - el.offsetWidth) / 2 + "px";
}
window.onload = function() { setPos(); el.scrollLeft = el.getElementsByTagName("img")[0].offsetWidth; }
window.onresize = setPos;
</script>
</head>
<body><div><img src="example.jpg"></div></body>
</html>
647 = :
調べ方を教えなよ
649 = :
>>646
御恩は一生忘れません。
650 = :
>>649
名乗る程のモンじゃねえから礼はいいってことよ
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.95 + (1001) - [97%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
- + JavaScript の質問用スレッド vol.76 + (1001) - [97%] - 2010/3/10 4:02
- + JavaScript の質問用スレッド vol.77 + (1001) - [97%] - 2010/5/8 19:06
- + JavaScript の質問用スレッド vol.78 + (1001) - [97%] - 2010/6/25 3:53
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.105 + (1001) - [95%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [95%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.125 + (1001) - [95%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.135 + (1002) - [95%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.96 + (1001) - [95%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.93 + (1001) - [95%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.99 + (1001) - [95%] - 2012/5/7 4:32
- + JavaScript の質問用スレッド vol.97 + (1001) - [95%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.98 + (1001) - [95%] - 2012/4/9 14:46
トップメニューへ / →のくす牧場書庫について