私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.75 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 : ○
レスフィルター : (試験中)
水平スクロールバーの表示されるインラインフレームがあります。
デフォルトだとノブの位置が左寄せになっています。
これを右に寄せにしたいということです。
デフォルトだとノブの位置が左寄せになっています。
これを右に寄せにしたいということです。
よくわからないが、あらかじめ右にスクロールした状態で表示したいということでよろしいか?
以下のhogeを取得するのにどういう風に記述します?
span.innerHTMLですか?
<span id="foo">hoge</span>
<script>
var span = document.getElementById("foo");
var content = span.??? // span.innerHTML
</script>
span.innerHTMLですか?
<span id="foo">hoge</span>
<script>
var span = document.getElementById("foo");
var content = span.??? // span.innerHTML
</script>
>>602
はい、そうです。
はい、そうです。
画像を左に overflow:hidden ではみ出しておいて
クリックで画像をずらす
で良いと思うわ。
クリックで画像をずらす
で良いと思うわ。
いや、JavaScriptでもできるけどさ。
scrollTo
http://www.openspc2.org/JavaScript/ref/window/scrollTo.htm
ブラウザのスクロールバーでスクロールさせると
ワンクリックでのスクロール量が不定。
scrollTo
http://www.openspc2.org/JavaScript/ref/window/scrollTo.htm
ブラウザのスクロールバーでスクロールさせると
ワンクリックでのスクロール量が不定。
空のリスト要素の中にスクリプトを使ってa要素(リンク)をいれたいのだけれど、
入れる方法が分かりません。誰か教えていただけると助かります。
入れる方法が分かりません。誰か教えていただけると助かります。
>>625
回答、ありがとうございます。
回答、ありがとうございます。
できなかったのでさらに聞きます。
私がやりたいのは以下のスクリプトの中の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>
私がやりたいのは以下のスクリプトの中の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>
document.activeElement.className
といった感じでアクティブエレメントのclass=""の中身が
取りたいのですが不可能でしょうか?
といった感じでアクティブエレメントのclass=""の中身が
取りたいのですが不可能でしょうか?
うまくいきません。
↓をどうしたらよいのでしょうか。
<html>
<head>
<title>
タイトル
</title>
<style type="text/css">
<!--
#center{
background-color:fffff0;
height:614px;
width:960px;
position:absolute;
top:50%;
left:50%;
margin-top:-307px;
margin-left:-480px;
}
-->
</style>
</head>
<body bgcolor="#000000">
<iframe id="center" src="xxx.jpg" frameborder="0">
</iframe>
</body>
</html>
↓をどうしたらよいのでしょうか。
<html>
<head>
<title>
タイトル
</title>
<style type="text/css">
<!--
#center{
background-color:fffff0;
height:614px;
width:960px;
position:absolute;
top:50%;
left:50%;
margin-top:-307px;
margin-left:-480px;
}
-->
</style>
</head>
<body bgcolor="#000000">
<iframe id="center" src="xxx.jpg" frameborder="0">
</iframe>
</body>
</html>
いえ・・・
だからどうjavascriptを書き込んだらいいのかなと・・・
だからどうjavascriptを書き込んだらいいのかなと・・・
ノブの最初のポジションを右に寄せたいのです。
画像入れるだけだったらiframeよりdivかなんかに入れてoverflow: autoでスライダー出した方がいいと思う
scriptはがんばれ
scriptはがんばれ
うーん・・・
>>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>
ほんとめんどくせーな
<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>
innertHTML に += ~とすると、そこにあった画像が再取得されているような気がするのですけど、
appendchildやcreateの方が優れている?理由はこの点でしょうか?
appendchildやcreateの方が優れている?理由はこの点でしょうか?
よく見たら>>639も横のmarginはautoかじゃあブロックって何だ?
divです。すみません。
横軸では中央に来てるんですが、縦軸では中央に来ていないんです。
横軸では中央に来てるんですが、縦軸では中央に来ていないんです。
>>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>
ま た お ま え か
<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>
tableでvertical-align設定するのが一番簡単だろうな
tableレイアウトが嫌いなら「css 上下中央揃え」当たりでググれ。
tableレイアウトが嫌いなら「css 上下中央揃え」当たりでググれ。
>>649
名乗る程のモンじゃねえから礼はいいってことよ
名乗る程のモンじゃねえから礼はいいってことよ
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : ○類似してるかもしれないスレッド
- + 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
トップメニューへ / →のくす牧場書庫について