私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.75 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 : ○
レスフィルター : (試験中)
>>699
あいかわらず茶々しか言えねぇ糞コロガシ
あいかわらず茶々しか言えねぇ糞コロガシ
>>701
699は至極全うな回答だと思うが？
699は至極全うな回答だと思うが？
>>702
「...」に置換するとこもCSSでできるの？
「...」に置換するとこもCSSでできるの？
...はcssのcontentで生成すればできるけど
もともとの文字列が100pxに収まるかはみ出るかの判断はcssじゃできないから
その振り分けができずにすべてに...を付加してしまうから
cssだけじゃ無理
もともとの文字列が100pxに収まるかはみ出るかの判断はcssじゃできないから
その振り分けができずにすべてに...を付加してしまうから
cssだけじゃ無理
>>696
「文字列末尾から」を「文字列先頭から」でやってみた。
getStr: function (txt, w) { //w幅に収まるtxtを返すメソッド
var str = "", t = getWidth(txt);
if (t == 0 || t < w) { str = txt; }
else {
var arry = txt.split("");
var max = arry.length;
for (var i = 0; i < max; i++) {
str += arry[i];
if (getWidth(str + "...") >= w) {
str = str.substring(0, i - 1) + "...";
break;
}
}
}
return str;
}
渡す文字列長に気を遣うこともないし、こっちの方が真っ当かも。
cssで妥協できるならそれに越した事はない：-)
「文字列末尾から」を「文字列先頭から」でやってみた。
getStr: function (txt, w) { //w幅に収まるtxtを返すメソッド
var str = "", t = getWidth(txt);
if (t == 0 || t < w) { str = txt; }
else {
var arry = txt.split("");
var max = arry.length;
for (var i = 0; i < max; i++) {
str += arry[i];
if (getWidth(str + "...") >= w) {
str = str.substring(0, i - 1) + "...";
break;
}
}
}
return str;
}
渡す文字列長に気を遣うこともないし、こっちの方が真っ当かも。
cssで妥協できるならそれに越した事はない：-)
久しぶりに使おうとしてJSLintのサイト行こうと思ったんだけど見当たらないね
何かmultiWidgetってソフトはあるみたいだけど・・・
何かmultiWidgetってソフトはあるみたいだけど・・・
ごめん、見つかった・・・苦笑
>>706
二分探索が使えるんじゃないか？
二分探索が使えるんじゃないか？
>>705
あたまかてーなー
あたまかてーなー
要求に忠実なだけだと思うが
省略されてないのに省略されたように見えるのなら
そのほうが問題でしょ
省略されてないのに省略されたように見えるのなら
そのほうが問題でしょ
次に>>710はtext-overflowと言う
>>709
なるほどね～。てことでさっそくやってみますた。
getStr: function (txt, w) { //w幅に収まるtxtを返すメソッド
var str = "";
if (getWidth(txt) < w) { str = txt; }
else {
var arry = txt.split("");
var max = arry.length;
var n = max;
while (getWidth(txt.substring(0, n) + "...") > w) {
n = Math.floor(n / 2);
str = txt.substring(0, n);
}
for (var i = n < max ? n : 0; i < max; i++) {
str += arry[i];
if (getWidth(str + "...") >= w) {
str = str.substring(0, i - 1) + "...";
break;
}
}
}
return str;
}
渡された文字列を二分して枠内に収まるか調べ、条件を満たせば
forループの基点をその位置に持ってくるようにしてみた。
条件（引数）次第だけど、ハマれば体感できるほど速くなったよ～ん：-)
なるほどね～。てことでさっそくやってみますた。
getStr: function (txt, w) { //w幅に収まるtxtを返すメソッド
var str = "";
if (getWidth(txt) < w) { str = txt; }
else {
var arry = txt.split("");
var max = arry.length;
var n = max;
while (getWidth(txt.substring(0, n) + "...") > w) {
n = Math.floor(n / 2);
str = txt.substring(0, n);
}
for (var i = n < max ? n : 0; i < max; i++) {
str += arry[i];
if (getWidth(str + "...") >= w) {
str = str.substring(0, i - 1) + "...";
break;
}
}
}
return str;
}
渡された文字列を二分して枠内に収まるか調べ、条件を満たせば
forループの基点をその位置に持ってくるようにしてみた。
条件（引数）次第だけど、ハマれば体感できるほど速くなったよ～ん：-)
はみ出しそうなときだけに…を見せるのはCSSだけでできる
ホントに頭かてーなお前らｗ
ホントに頭かてーなお前らｗ
text-overflow:ellipsis;でできると思ったんだけど、ダメなんですか？
safariとoperaなら拡張ありらしい。Fxはしらん
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
見せるだけでもいいじゃんｗ
ユーザーはソースからページを読むんじゃないんだろうｗ
ユーザーはソースからページを読むんじゃないんだろうｗ
>>716
ぜひ！
ぜひ！
解ったぞ。こういうことか
でもこんな馬鹿なことはやめてもらいたいけど
div.text-overflow{
width:100px;
position:relative;
overflow:hidden;
}
div.text-overflow div{
width:100px;
position:absolute;
top:-1em;
left:85px;
background:#ffffff;
}
<div class="text-overflow">
testtesttesttesttest
<div>testtesttesttesttest…</div>
</div>
でもこんな馬鹿なことはやめてもらいたいけど
div.text-overflow{
width:100px;
position:relative;
overflow:hidden;
}
div.text-overflow div{
width:100px;
position:absolute;
top:-1em;
left:85px;
background:#ffffff;
}
<div class="text-overflow">
testtesttesttesttest
<div>testtesttesttesttest…</div>
</div>
質問です。
document.getElementById("hoge").style.height = 400;
が、IE8では動くんですが、firefoxでは動いてくれません。
firefoxではどのように書けばいいんでしょうか？
ちなみにoperaの場合は
window["hoge"].style.height = 400;
で動きましたがfirefoxではやはり×でした
document.getElementById("hoge").style.height = 400;
が、IE8では動くんですが、firefoxでは動いてくれません。
firefoxではどのように書けばいいんでしょうか？
ちなみにoperaの場合は
window["hoge"].style.height = 400;
で動きましたがfirefoxではやはり×でした
こんにちは。
select１つに現在、数値の代入をしてテキストエリアへ表示させており、
その代入数値の前にselectのoptionvalueの文字列を連結表示させたいのですが、
方法が分かりません・・。
optionvalueをそのまま表示する方法があるのか、もしくは同じselectにもう１つ代入させて
（再変換のような感じ）それを表示させれるのか・・。
<head>
a = new Array()
a[0] = 10;
a[1] = 11;
function myCalc(){time = a[myForm.select01.selectedIndex];}
......
document.TxArea.value += +
</head>
<body>
<FORM name="myForm">
<SELECT NAME="select2" SIZE=1>
<OPTION VALUE=0>文字列A
<OPTION VALUE=0>文字列B
<OP.............
</SELECT>
<input type="button" value="計算する" onclick="myCalc()"></FORM>
.............
<FORM name="TArea">
<Textarea name="test1">表示前</textarea></FORM>
このTAreaに現在代入されるa=10の（10）と表示される前に文字列をつけて「文字列A10」としたいのですが
よくわかりません助けてください。
select１つに現在、数値の代入をしてテキストエリアへ表示させており、
その代入数値の前にselectのoptionvalueの文字列を連結表示させたいのですが、
方法が分かりません・・。
optionvalueをそのまま表示する方法があるのか、もしくは同じselectにもう１つ代入させて
（再変換のような感じ）それを表示させれるのか・・。
<head>
a = new Array()
a[0] = 10;
a[1] = 11;
function myCalc(){time = a[myForm.select01.selectedIndex];}
......
document.TxArea.value += +
</head>
<body>
<FORM name="myForm">
<SELECT NAME="select2" SIZE=1>
<OPTION VALUE=0>文字列A
<OPTION VALUE=0>文字列B
<OP.............
</SELECT>
<input type="button" value="計算する" onclick="myCalc()"></FORM>
.............
<FORM name="TArea">
<Textarea name="test1">表示前</textarea></FORM>
このTAreaに現在代入されるa=10の（10）と表示される前に文字列をつけて「文字列A10」としたいのですが
よくわかりません助けてください。
>>734
JavaScript以前にHTMLが古すぎると思います。
JavaScript以前にHTMLが古すぎると思います。
>>735
大分前にHTMLは覚えたままでその後WEB関連とは遠のいていたもので・・。
HTMLはなんとなく分かるので後で自分で新しいものを参考にして書き直して見ますが
selectの方よろしくお願いします。
大分前にHTMLは覚えたままでその後WEB関連とは遠のいていたもので・・。
HTMLはなんとなく分かるので後で自分で新しいものを参考にして書き直して見ますが
selectの方よろしくお願いします。
>>729
>>731
>>733
だめですう！・・・できませんorz
以下を全部試しましたがどれもfirefoxで動きませんでした
document.getElementById("hoge").style.height = 400;
document.getElementById("hoge").style.height = 400px;
document.getElementById("hoge").style.height = "400px";
getElementById("hoge").style.height = 400;
getElementById("hoge").style.height = 400px;
getElementById("hoge").style.height = "400px";
window["hoge"].style.height = 400;
window["hoge"].style.height = 400px;
window["hoge"].style.height = "400px";
>>731
>>733
だめですう！・・・できませんorz
以下を全部試しましたがどれもfirefoxで動きませんでした
document.getElementById("hoge").style.height = 400;
document.getElementById("hoge").style.height = 400px;
document.getElementById("hoge").style.height = "400px";
getElementById("hoge").style.height = 400;
getElementById("hoge").style.height = 400px;
getElementById("hoge").style.height = "400px";
window["hoge"].style.height = 400;
window["hoge"].style.height = 400px;
window["hoge"].style.height = "400px";
>>737
CSSとScript分離すれば？
CSSとScript分離すれば？
>>738
ユーザのクリックに合わせてレイアウト変更する必要があるのです
一応、他のブラウザは下記で行けました
IE:document.getElementById("hoge").style.height = 400;
opera:window["hoge"].style.height = 400;
safari:window["hoge"].style.height = "400px";
chrome:window["hoge"].style.height = "400px";
firefoxだけ動かせませんorz
ユーザのクリックに合わせてレイアウト変更する必要があるのです
一応、他のブラウザは下記で行けました
IE:document.getElementById("hoge").style.height = 400;
opera:window["hoge"].style.height = 400;
safari:window["hoge"].style.height = "400px";
chrome:window["hoge"].style.height = "400px";
firefoxだけ動かせませんorz
<div id="hoge" style="background-color: #00cc00;" onclick="func();">
テストてすと
</div>
<script type="text/javascript">
function func(){
document.getElementById("hoge").style.height = "400px";
}
</script>
こんな感じで適当に試したらIEとfirefoxとChrome全部動いたけど
テストてすと
</div>
<script type="text/javascript">
function func(){
document.getElementById("hoge").style.height = "400px";
}
</script>
こんな感じで適当に試したらIEとfirefoxとChrome全部動いたけど
>>734
> <OPTION VALUE=0>文字列A
> <OPTION VALUE=0>文字列B
この「文字列A」「文字列B」とかのことなら
myForm.select2.options[myForm.select2.selectedIndex].text
で取得出来るけど。そういうことじゃなくて？
select01 なのか select2 なのか
（本当に<SELECT>が2つあるのか、単なる誤記なのか）
よう分からんからその辺はそちらで適当に直しといてね。
（他にも document.TxArea.value とかアヤシげなのがあるけど）
> <OPTION VALUE=0>文字列A
> <OPTION VALUE=0>文字列B
この「文字列A」「文字列B」とかのことなら
myForm.select2.options[myForm.select2.selectedIndex].text
で取得出来るけど。そういうことじゃなくて？
select01 なのか select2 なのか
（本当に<SELECT>が2つあるのか、単なる誤記なのか）
よう分からんからその辺はそちらで適当に直しといてね。
（他にも document.TxArea.value とかアヤシげなのがあるけど）
Ajax覚えたてだとAjaxが楽しくてしょうがないんだよｗ
事実俺も現在進行中だしｗ
事実俺も現在進行中だしｗ
前へ 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
トップメニューへ / →のくす牧場書庫について