TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
webは求められるスキルが多すぎ!!
とりあえず手書きでサイトを作ってもらおうか
■◇■トラフィックゲート専用板 パート1■◇■
HTML/CSS のどんな質問にも優しく答えるスレ 40
はてなアンテナってうざくない?
SOHOやフリーで本当に細々と食ってる奴の122人目
☆HTML マニアックス★
FC2ホームページが重すぎる
〜福島のWeb制作会社事情〜
サイト運営で嬉しい事があった管理人の憩いの場。2
みんなに教えてもらいながらサイト作る
- 1 :2015/12/15 〜 最終レス :2018/05/01
- 教えてもらいながら作る
http://www.uragami.tk/
とりあえずタグの使い方間違ってないか教えてー!!
- 2 :
- 怖くて開けないぞ
- 3 :
- >>2
本当になんもないですよ しかもそんな知識なので安心してまじで
- 4 :
- まぁ夜も遅いし寝るぜ
夜更かしすんなよ(´・ω・`)
- 5 :
- お前に俺の貴重なUser AgentやらIPなどの情報をあげてたまるかよ
やるならgithubにソースコード一式上げてね
- 6 :
- tkドメインで運用する勇気
- 7 :
- .jpだったら見るかな
- 8 :
- やっぱドメtkは警戒するかなぁー!!
無料だったのでGETしたけど><
ちなみにgithubってのぐぐったけど自分にはよくわからなかった どうやってソースコーソあげよう? なんかよい方法ないっすか?
- 9 :
- ss撮ってアプロダに上げてもいいのよ?
- 10 :
- テキストでUPしようかな これだとみてくれるかな?
HTML
http://www.uragami.tk/html.txt
CSS
http://www.uragami.tk/uragami.css
- 11 :
- divとsectionの使い方がいまいちあってるのかよくわからない;;
- 12 :
- ぐぐってgithubにうpしてこいよカス
- 13 :
- まず「Repository name」の入力のあと、必要に応じて「Description」も入力します。でつみました。
- 14 :
- そのサーバにあるかぎり怖さは一緒じゃボケ
githubわからんなら
とりあえずこっち使え→ https://jsfiddle.net
HTMLってとこにhtmlコピペ、CSSってとこにcssコピペ
んで「Save」してURL貼れ
- 15 :
- >>14
ありがとう めっちゃ簡単でした
https://jsfiddle.net/od2vmyjL/1/
HTMLにリンクとかも内容も意味ないこと書いてるけど気にしないでね
まずタグの使い方はあってるか教えてほしいです。
- 16 :
- 2CHおもすぎちゃん
- 17 :
- >>15
ぜんぜん問題ないじゃん
divもsectionもその他のタグも使い方あってる
ちなみに生活セクションの中に大好物があるのは
そういう構造だということでいいんだろ?
- 18 :
- 生活セクションの中の大好物はそうです。
それと非常に気になるところがあります
div class=con1 span(空の)とsectionつかってるじゃないですか
空spanに背景画像を表示するためだけに使ってるのですが この使い方はダメなのでしょうか?
それも全然おkなのでしょうか?
- 19 :
- いいだろうけどカッコ悪いな
- 20 :
- @media screen and以下のCSS余分なもの削除しました
https://jsfiddle.net/od2vmyjL/2/
- 21 :
- >>18
<span class=“image”>なにか文字</span>
.image{
display: inline-block;
padding: 100px 0 0 0;
width: 100px;
height: 0;
overflow: hidden;
background: url(画像のパス) no-repeat;
}
みたいにすると、空にしなくてもよくなる
他にもやり方色々あるけど、要はボックスの外にテキストを追い出せればいい
- 22 :
- >>21
確かに文字消えまました。ですがなぜかバッグランド効かなくて 背景画像はheight: 0;のせいで見えなのですかね?
- 23 :
- そろそろ ハンバンガーメニューつけようかな ムズイ><
- 24 :
- 実はそうでもない
- 25 :
- ムームードメインで行うCNAMEの設定について教えてくれ(´・ω・`)
「別のドメインA」を「関連付けたいドメインB」に設定する場合は↓の書き方でいいもんなの?左から
別のドメインA CNAME 関連付けたいドメインB
やると 教えてくれ
他の人でもいい(´・ω・`)
- 26 :
- >>25
ごめんまったくわからないw
他の人よろぴこ
- 27 :
- asideタグのの使い方はこんなの時に使うのであってるの?教えて
asideはサイドで使う以外はつかっただめなのかなぁー?
https://jsfiddle.net/od2vmyjL/4/
- 28 :
- asideは本筋からは若干それるけど補足したい所とかに使うらしいね
<aside>
<p>新事実!やるとは食べ物だった</p>
<img src=/image/yaruto-mogu-mogu.jpg>
<p>※嘘ですb</p>
</aside>
- 29 :
- とりあえず jQuery少しだけ勉強して ハンバガーボタン挿入してみる! オーバーレイとかにしたいけどそこまで理解してないからとりあえず今から簡単なハンバーグ挿入してみる
- 30 :
- なんでみんなってハンバーガーボタンはCSSだけで作るのですかね?
画像はつかわないのかなぁーなんか使わない理由があるのかなぁー?
わかる人教えて
- 31 :
- 誰かーまぢ教え
http://xd388020.html.xdomain.jp/
このハンバーグボタンを<header>タグの中のh1の横に置きたいのですが置けない><
わかる人教えて
- 32 :
- floatかpositionじゃね?
ってかソースあげれ
- 33 :
- おはようございます 試行錯誤やったらいけましたが この方法でいいのかわからないのですが
先生たちこの方法であってるのかもっとスマートにできるとかあれば教えてください
ソース
https://jsfiddle.net/od2vmyjL/6/
- 34 :
- スマートってことなら最後にcssまとめる感じかね
- 35 :
- >>34
自分なんか無駄にCSS書きすぎじゃない?
- 36 :
- >>35
今はそれでもいいと思うよ
作成時は分かりやすく作って
うpする時はまとめてからミニファイする感じかね
- 37 :
- もう解決不可能な問題が起きた><;
もうだめだ
- 38 :
- そこがスタート地点だぞ
諦めるのはいつでもできる
俺はラーメンを食べる
- 39 :
- みんなはIE8から以下はもう無視てるの?
- 40 :
- はい
- 41 :
- やっぱ古いIEはもう無視してるんですね
- 42 :
- IE8はまだ5-10%くらいシェアなかった?
サポート切れるけど
- 43 :
- 自分の作り方が悪いかもしれないけど IE8 IE7 IE6 って 大きく崩れるよね
1つのCSSでやらずにもうIE8以下専用のCSSで本当に簡単なスタイルのみで表示するようにすることにする。
- 44 :
- IE6/7はさすがに切っていい
IE8対応するならそのやり方でいいよ
もっとも仕事となるとそうはいかないケースもあるが・・・
- 45 :
- 先生達おしえてくださいまし
https://jsfiddle.net/od2vmyjL/7/
divで囲ったrssのの上謎の空白があくのですrssの文字をdivの丁度上下真ん中にしたいのですが
どうしてもできません わかる人教えてください あとfroa使わない方法でh1の横にrssを置く方法もあればおしえてくださいまし
- 46 :
- ↓の人教えてくれ!
- 47 :
- ↓まだ?
- 48 :
- displayが鍵かも!
- 49 :
- display: blockって事?
- 50 :
- てか inline-blockなのにfroatは意味ないねwみすりましたw
- 51 :
- 上下のセンタリングって難しいっていうよね
vertical-alignはinline要素かtable要素にしか効かないし
margin-top入れるくらいしか思いつきませんでしたすみませぬ
- 52 :
- ヘッダー高さ決まってないときRSSを左の上下中央は無理だ><
マージントップしか無理だぁー 自動で上下中央にする方法ないかね
https://jsfiddle.net/od2vmyjL/11/
- 53 :
- ↓そろそろ天才降臨
- 54 :
- 修正
左の上下中央=右隅上下中央
- 55 :
- 自動はめんどくさいお
position使え
って↓が言ってた
- 56 :
- これが僕の限界
https://jsfiddle.net/od2vmyjL/12/
- 57 :
- h1, p とh1のマージンとパディングかぶったけど無視で尾根がします
- 58 :
- それでいいと思うがの
どうじゃい婆さんや
- 59 :
- これでいいですよね 良しこれで レスポンシブのスマホの時のヘッダーできるー!
- 60 :
- 若いもんはいいのぉ
わしゃあ少し寝るとするわい…
ふぉふぉふぉ
- 61 :
- はいっ おやすみです
- 62 :
- jsでh264エンコードするスクリプト組んでいま
- 63 :
- >>62
凄いね むずそう
- 64 :
- アドビーのドリームウェイバー欲しいね
- 65 :
- オラは万年メモ帳だ
- 66 :
- cs4をマルチモニターで使うと捗るぞ。
- 67 :
- ここにきて気が付いたのですが ホームページのトップって書くとないんですが
トップページは よううこそ的な言葉だけ書いてあとは内部リンクだけだとやっぱ検索エンジンに嫌われますか?
- 68 :
- 検索エンジンのことは気にしない方がいいよ!結果は後から憑いてくるよ
って↓が言ってた
- 69 :
- 質問何個かあります
分る方教えて
今ハンバーガメニューの押したらバツに変更するバツのマークをCSSで作ってるんだけど
ググったらみんなdivの中に空の空のspanタグをつかってハンバーガーボタンを作って 3本線の真ん中のspanを透明してバツを作ってる人多いじゃないですか
自分はビフォー アフターを使って ハンバーガーとバツを作りましたが spanタグ1つで作ってる人少なくてなんかデメリットあるんでしょうか?
もしよければ教えてください
https://jsfiddle.net/od2vmyjL/13/
- 70 :
- -ms-ansform:rotate(-45deg);
transformでしたね tr書き忘れましたw
- 71 :
- ちゃんと機能するならbefore・afterの方がクールでイカしててナウでヤングだと思うよ
HTMLに無駄はいらない
- 72 :
- やっとできたかもしれない 長かったw
- 73 :
- そこがスタート地点やで
- 74 :
- 先生緊急で教えて
https://jsfiddle.net/od2vmyjL/14/
の時なんで<article>の上下のマージンが効かないのですか?
分る天才先生詳しくわかりやすく教えて
- 75 :
- それだと確認しにくいだろ
ためしに上下に色付のブロック置いてみるとかしてみ
あとデフォルトでh1とかpとかはマージン入るから気を付けるんやで(´・ω・`)
- 76 :
- https://jsfiddle.net/od2vmyjL/16/
なんで入れ子にしたらarticle上下のマージン div突き抜けるの? フロートとかしていないのに
先生まち
- 77 :
- 一回 使ってない要素とか消してみるのも手やな(´・ω・`)
h1やpにはpaddingはないから書かなくてもいいし、display:block;がイタズラしてるときもあるかもだし
divに入れたいならarticleじゃなくてdivにpaddingを30px入れるとか
- 78 :
- 作成時だけ
* {margin:0;padding:0;}
入れとくと少し分かりやすいんでない?
- 79 :
- >>76
入れ子の子どものマージンは親を突き抜けるのが仕様
>>74もarticleの上下マージン(親を突き抜けて)ちゃんと効いてるよ
articleの上下左右に30px余白空けたいということなら
親にpadding入れればよい
- 80 :
- >>77
>>78
>>79
なるほどです。仕様なんですね 入れ子の時の子のマージン使うのじゃなく 親のpaddingをしてするのは理解しましたが
padding使うとまた一つ問題ができました
https://jsfiddle.net/od2vmyjL/17/
のようにdiv bに入れ子にしてるarticleが1つ時はpaddingで出来ましたが
もしarticleが複数あって 入れ子のarticleのmargin-bottom: 30px;で指定したとき
一番したのarticleのマージンがdiv突き抜けて div b とdiv cに間できてしまいますよね?
このとき一番下のarticleはマージンなしのarticleを入れるってことしか方法無いのですか?
- 81 :
- article:nth-child(n+2){margin-top:30px;}
とか?
- 82 :
- >>81
やってみましたが ちと変化なかったっですね
https://jsfiddle.net/od2vmyjL/17/
で編集してUpdate押してすのURL張ってくれませんか?
よろしくです;;
- 83 :
- こんな感じかね
https://jsfiddle.net/od2vmyjL/18/
合ってるか?
- 84 :
- >>83
おおおおまさにこれです ありがとう
てか自分article:nth-child(n+2)は初見ですね!
これについてちとググって勉強してみます ありがとう感謝です(^^)/
- 85 :
- 過去最大級の問題起きた
使用してるサーバーはPHP CGIは課金しないと使えなくて
お金なくて無料でしかできないのですが
自分のホームページの下に独自でアフィーのランダム広告作ろうとおもってるんだけど
そもそもCGIとかPHP使わなくても アクセス時にランダムにする事はjqeryだけでできますかね?
- 86 :
- 昔phpでアクセスごとに広告がランダムで表示されるやつならやったな 忘れたけど
まぁ不可能はないだろうしググればすぐに出そうやね
- 87 :
- こんなんでいけるやろ
3行目はjQuery使って好きな要素に挿入してもいい
var n = 5; //ランダム広告の種類
var rand = Math.floor(Math.random()*n); //0〜4の整数をランダムに生成
document.write(ad[rand]); //ad[]にはn種類の広告貼り付けコードを入れておく
- 88 :
- 抱いて!
- 89 :
- 今、ここまで来ました。
123.txtの中に アフェリエイトのURLと画像 説明ををHTMLのタグです舗装して書いたテキス
htmlに divでid指定して(div id="add"></div>)を設置していて
jsファイルに
$(function() {
$('#add').load('123.txt .pr');
});
と記入して.load('□')の□の部分にデイレクト違うHTMLにも表示させたいのでhttp://のURLを記入してます
そこで質問ですが txtの中の行でランダム表示ってできないでしょう
ソースはりたいけどいつも使ってるサイトだと外部txt呼び出しができるみたいですが自分いはどこを設定すればいいのかわからず><
分る方教えてくださ
- 90 :
- 誤字多すぎました。すみませんw
- 91 :
- 表示はできてませんが ソースだけ張っときます
https://jsfiddle.net/od2vmyjL/21/
txtの中身は
<div class="pr"><a href="http://www.infocart.jp/e/62792/102397/" target="_blank">
<img src="http://imgdisp.infocart.jp/down/images/62792.jpg">
<p>LINEとスマホアプリで出会いを増やし 雪だるま式に可愛い子とデートできた 最新の出会いメソッド&テンプレート </p>
</a></div>
一行で書いてます
こちらではちゃんと表示されてますがjsfiddle.netでは表示されてませんがちゃんと動いてます。
- 92 :
- >>91
1.txt、2.txt、...、n.txt
をつくってあとは>>87のように乱数生成して読みこめばオケ
- 93 :
- >>92
あのー非常にすみませんが>>87の使い方がまったくわからず もしよければtxtを5個使ったとして
https://jsfiddle.net/od2vmyjL/21/のjavaスクリプト編集してアップデート押してURL張っていただけないでしょうか?
もしよければお願いいたします><
- 94 :
- https://jsfiddle.net/od2vmyjL/22/
- 95 :
- >>94
おおおありがとうこれは理想の物でした ありがとう 感謝です。
- 96 :
- どういたしまして
- 97 :
- >>94
たまに表示されないと思ったら0も1つの数字として含まれるんだね!!
すべてうまくいきました
- 98 :
- どういたしまして
- 99 :
- 至急緊急教えて天才最強先生
やりたい事
現在の画面のサイズをリアルタイムで表示したい
$(window).width();をvar winにいれていて このvar winを pタグに書き換えしたいのですが動きません
先生教えてくださいませ 何がいけないのか教えてくださいませませ
https://jsfiddle.net/od2vmyjL/25/
- 100 :
- 近づいてきたけど全く分からない
https://jsfiddle.net/od2vmyjL/25/
- 101 :
- https://jsfiddle.net/od2vmyjL/26/
これでもダメってことはもう無理だ無理だ
- 102 :
- $(".a").html("現在のウインドサイズ:" + win);
にしろ
つかjavascriptの入門書買ってきて1ヶ月くらい集中的かつ体系的に学習しろ
"var win"とかありえんわ
基礎がわかってないから問題の切り分けもできず
たった3行のコードにまぎれている $("#a") とかいう凡ミスにも気づけない
- 103 :
- ウインドウサイズ javascript 取得
でくぐったらいろいろ出るぞ
- 104 :
- https://jsfiddle.net/od2vmyjL/27/
ダメだ
- 105 :
- おおおおおできた
ありがとう!
https://jsfiddle.net/od2vmyjL/28/
勉強します。
- 106 :
- せんせーーーーーーーい 教えて これこそ相当むずい問題が発生しました
今回の問題は相当つよいです。
問題の動作サンプル
http://xd388020.html.xdomain.jp/
jquery スクリプト
https://jsfiddle.net/od2vmyjL/29/
↑ここで動作確認できないので動作サンプルでお願いします><;
ウインドーのサイズを一番小さくしたのちにハンバーガーボタンをクリックするとメニューでるんだけど
メニューを出した状態でブラウザーの画面サイズ大きくして再び小さいサイズに戻すと
ハンバーガーボタンとバツボタンが反転するんだけど
これ治す方法押してくださいません 神様仏さま先生さまお願いします
- 107 :
- やりましたよ 初めて自力で問題見つけてなおしましたよ 長かった
フラグ作戦でいきました。
これでもうハンバーグボタンとバツボタンが反転する事なくなりましたー
http://xd388020.html.xdomain.jp/
- 108 :
- うむ
- 109 :
- 先生教えて 一覧表とかって増えていくと下に異常に伸びていくじゃないですか?
そこで最新の一覧20個だけ表示させて残りはページ2とかページ3にするやつって
あれはなんて名前ですか?それとそれおwできたとして 手動で1つ1つずらしていくのですか?
あとCGIとかPHP使わないとだめですか? わかる先生教えてください
- 110 :
- 俺にはわからん(´・ω・`)
- 111 :
- その一覧をサーバサイドで出力するならページングもサーバサイドでやるのが普通
一覧を全部HTMLベタ打ちすることもまあある
そういう場合はページングも物理ファイルをページ分つくって手作業でやるが
頻繁に更新する表でしかもページ数が多くなると現実的ではない
デキるやつは物理ファイルはあくまでひとつでjsでなんとかしたりする
- 112 :
- 自分いま考えてるのは まずデータとなるタイトルとURLを1つのXMLですべてまとめて
そこからajaxで最新のデーター20個だけ取り出しHTMLでリンクできるように整形して指定の場所に表示
この方法で1ページめとか2ページ ページネーションっていうのかな?しようと思ってるんだけど XMLが容量大きくなればなるほど
見る側はおもくなるのかなぁー? それとも20個だけ表示だからおもくならないのかなぁー 他にもいい方法あれば教えて
簡単で 先生ー
- 113 :
- 難しいことわかんない(´・ω・`)
- 114 :
- 本当に完成した。 リストはHTMLベタ打ちで手動ですることにした 今のところw
- 115 :
- うむ
- 116 :
- 天才いますか?
- 117 :
- いないお
- 118 :
- 先生教えて〜
サイトとはできてるんだけど今SEO勉強してるんだけど
www付のURLとなしのURLをグーグルに登録してんだけど。
それでサイト設定でwwwありの方に統一してるんだけど
サイトマップはwwwありの方だけに送信したらいいの?
それとも両方にサイトマップ wwwのリンクの書いたXMLを送信したらいいのですか?
凄くエロイ人教えてください
- 119 :
- エロゐ質問になら答えられるが…まさかwwwは何かの隠語なのか!
うーむエロゐ(´・ω・`)
- 120 :
- PHPをはじめました。
ページ送り勉強します。
- 121 :
- (´・ω・`)ヌハーン
- 122 :
- phpか…クリックしたらトップまでスクロールするコードを作ってくれ
JavaScriptやjQueryはユーザーに依存するから正直使いたくないのよね
でもphpの知識ないし; ;
- 123 :
- >>122
スクロールまでまだ行ってない><
PHP先生誰か伝授して!
自分は今simplexml_load_fileでXML読み込んで上から指定した数だけ表示するところ勉強中。
ページネーションの手前で止まってる。 むつかしいね;;
- 124 :
- てかスクロールってPHPでできる?
- 125 :
- わからないお
でも
できたらカッチョイイと思ふ
- 126 :
- なんか中途半端にJavaScriptやjQueryやPHP勉強したせいでもうぐちゃぐちゃでよく分らなくなってきた。
- 127 :
- >>122
なにか勘違いしている
PHPはサーバで動く言語のひとつ
画面スクロールなどのブラウザの中で働くのは事実上JS一択
jQueryはJSを使いやすくするためのJSで書かれたライブラリ
- 128 :
- phpじゃスクロールできないん?(´・ω・`)
(´ ; ω ; `)
- 129 :
- 現在自分は成長して 前は広告ランダム表示は
https://jsfiddle.net/od2vmyjL/22/
の方法でしたが、これだとtxtファイル凄くいるので4日研究に研究を重ねた結果。
XMLを読み込んでランダム表示するように成長したよ。
https://jsfiddle.net/od2vmyjL/33/
に成長した。
スマートにできる方法等あればご指導お願いいたします。
- 130 :
- var num = Math.ceil( Math.random()*20 );
の20の部分自分でXMLの中身数えて記入ちくいち記入してるんだけど
XMLのなか何個あるか自動で変数に代入する方法ってないのかなぁー
自動で数えられたら凄く楽なのに・・・・
先生もしわかるかたいたらご指導よろぴこ
- 131 :
- PHPだったら
.count($変数);
でいけるんだけどねー(´・ω・`)
- 132 :
- >>130
原始的にやるなら
getElementsByTagNameで要素のコレクションとってくれば
lengthで個数とれるじゃろ
- 133 :
- あと目的がわからんから断定できないけど
20のところにlengthが入るなら
Math.ceilじゃなくMath.floorじゃね?
- 134 :
- >>128
サーバに見に来る人のブラウザないだろ?
- 135 :
- >>133
えとMath.floo使っていたんだけど
なぜか更新すると何回か表示されない時があって
いろいろ調べたら0の時表示されてないみたいで。
1~20にしたらMath.ceil 一番上に記入してるのも表示されたのでこれが正解だとおもってるんだけど。
XMLって20個入っててたら 0〜19って番号だよね?
なんかおかしいねちと調べてみます。
- 136 :
- >>135
xmlの要素をどうやって拾ってるかによる
番号云々って言ってるってことは、配列かコレクションに入ってるんだろ?
console.logかconsole.dirしてみれ
- 137 :
- .find("item:nth-child(1)")だと表示されますが
.find("item:nth-child(0)")だと表示されませんね
やっぱ1~20って番号だと思います。
- 138 :
- >>137
その発想はなかったわすまん
nth-childは「n番目」なので1から
- 139 :
- おおお良かった合ってたんですね(^^)/
よかったー!
- 140 :
- とりあえず
今からgetElementsByTagNameってのを勉強します(^^)/
- 141 :
- 先生ー全く分からないですがww
これは久々にやばいですね。
- 142 :
- ところで何でXMLなの?
JSONのほうが楽じゃね?
- 143 :
- JSON少し見てみたけどなんかXMLよりむつかしそうで・・・w
- 144 :
- https://jsfiddle.net/od2vmyjL/34/
なぜこれでダメなんですか?これでいける予定なんだけど・・・・
もしわかるから教えてください。
やりたい事とりあえず
link.xmlの中のlinkの数をalert(b);で出力したい。
分る方ご指導お願いヒヤシンス
- 145 :
- 上のURL間違えました
https://jsfiddle.net/od2vmyjL/36/
です
- 146 :
- そりゃあファイルがなきゃダメに決まっておろう
https://jsfiddle.net/od2vmyjL/37/
- 147 :
- >>146
全く駄目ですね。なんでだろう
https://jsfiddle.net/od2vmyjL/38
- 148 :
- >>147
AJAXは基本ドメインまたげない
- 149 :
- https://jsfiddle.net/od2vmyjL/39/
自分の力すべて出し切った・・・ダメだった( ;∀;)
- 150 :
- >>149
あれ?俺NGされてる?
ドメインまたげないから、ここじゃAJAXでXMLとりにいけんのだってば
なので、適当に書いてパースしてみた
https://jsfiddle.net/q413q441/
- 151 :
- >>148
こっちファイルあるんですがそれでやってみると0と表示されますね。
https://jsfiddle.net/
で0を表示させたかったけどAJAXは基本ドメインまたげないって事は無理ですね。
とりあえず0って数字が表示されますね><
xmlの中の要素[item]の数取り出すのなかなか苦戦( ;∀;)
- 152 :
- >>150
https://jsfiddle.net/q413q441/
えと初見の文字がたくさんで初めてですね。ちと理解するまで少々お待ちください。(^^)/
var xml_str = '';
xml_str += '<aaa>';
xml_str += '<bbb></bbb>';
xml_str += '<ccc>';
xml_str += '<bbb></bbb>';
xml_str += '<bbb class="hoge"></bbb>';
xml_str += '</ccc>';
xml_str += '</aaa>';
の部分がXMLの中身に当たる部分ですか?
- 153 :
- >>152
そうそう
AJAXでXMLファイル読むと、DOMになって返ってくるから
その後find()とかのメソッドが使える
でもxml_strはただの文字列だから
DOMのパーサー通してDOMに変換してる>>150
実行すると、コンソールにちゃんと出るじゃろ?
- 154 :
- >>153
あのー非常に言いにくいのですがコンソールよく分らず!!
ran押すと画像の下のように
http://s1.gazo.cc/up/177036.png
fiddle.jshell.netのcssとか.jsが表示されるだけですがこれが成功ってことですか?w
本当にすみません情弱すみません( ;∀;)
- 155 :
- Firefoxの標準の開発ツールか?な?
それでいいよ
「消去」を押してまっさらにしてから
fiddleの「run」押すと
XMLDocument
HTMLCollection [ <bbb>, <bbb>, <bbb.hoge> ]
<bbb class="hoge">
って出るでしょ。JS側でconsole.log(なにか)ってすると、そこに表示されんの
みんなこれ見ながら開発してるよ
- 156 :
- >>155
POST
https://fiddle.jshell.net/_display/ [HTTP/1.1 200 OK 571ms]
GET
https://fiddle.jshell.net/js/lib/dummy.js [HTTP/1.1 200 OK 0ms]
GET
https://fiddle.jshell.net/css/result-light.css
firefoxですねまっさらにしてranしてもしかでないのですが
- 157 :
- こうならんかの
http://i.imgur.com/xqUweB3.png
- 158 :
- >>157
なりませんね なんだろう コンソールは必要だね
ちとコンソールいろいろ調べてみます。
- 159 :
- コンソールが違うところ見てるんじゃないかなー
開発ツールいったん閉じる
↓
fiddleのどこか右クリ
↓
要素を調査
↓
開き直した開発ツールのコンソールタブをクリック
でどうだろうか
- 160 :
- >>159
まったく同じですね
ソースだけコピーしてサーバーあっぷして やってみたけど 表示されませんね なんだろう
- 161 :
- firefoxのアドインインスコしたらいけました
HTMLCollection[bbb, bbb, bbb.hoge]
- 162 :
- やっとXMLの要素の中のカウントできたっぽいです。
アクセスするの嫌な人多いかもしれないけど一応動作したデモ
デモ
http://xd388020.html.xdomain.jp/123.html
コード
https://jsfiddle.net/od2vmyjL/40/
もっとシンプルにできるなら先生方ご指導お願いします。
- 163 :
- ほめてつかわす
- 164 :
- >>162
やったね
$(xml).find("item").length
で数はわかるんだぜ
- 165 :
- >>164
.eachの代わりに.lengthにするって事ですか?
.length昨日教えてもらって凄く試行錯誤したけどだめだった><
0しか表示されなくて><;
もしよければ
https://jsfiddle.net/od2vmyjL/40/
編集して貰えないしょうか
先生おねがいヒヤシンス(^^)/
- 166 :
- >>165
こんなふうに使うのよ
https://jsfiddle.net/od2vmyjL/41/
オブジェクトはプロパティをいくつか持ってる
$(xml) ← これはjQueryオブジェクト
$(xml).find ← jQueryオブジェクトが持ってるfindっていうプロパティ
$(xml).find() ← findプロパティの中身は関数だから()つけて実行
$(xml).find('item') ← 返ってくるのは<item>を詰め込んだjQueryオブジェクト
$(xml).find('item').length ← jQueryオブジェクトが持ってるlengthってプロパティ
lengthプロパティには要素の数が入ってる
- 167 :
- おまえさんがやろうとしてたのは
$(xml) ← これはjQueryオブジェクト
$(xml).find ← jQueryオブジェクトが持ってるfindっていうプロパティ
$(xml).find() ← findプロパティの中身は関数だから()つけて実行
$(xml).find('item') ← 返ってくるのは<item>を詰め込んだjQueryオブジェクト
$(xml).find('item').each ← jQueryオブジェクトが持ってるeachっていうプロパティ
$(xml).find('item').each() ← eachプロパティの中身は関数だから()つけて実行
$(xml).find('item').each(function(){}) ← 関数eachは引数に渡された関数を要素の数だけ実行する
$(xml).find('item').each(function(){
count = count + 1; // 要素の数だけ1足されるから個数がわかる
})
こう
- 168 :
- >>166
凄いこれは凄くスマートありがとう。
勉強になりやす。
このコード見て勉強に入ります。
感謝です(^^)/
- 169 :
- >>168
先生もう1個だけ質問。
error:function(a,b,c)の
abcはどういった為のabcなんですか?
もしよければご指導お願いします。
- 170 :
- >>169
文字自体に意味はねっす
$.ajaxのエラーコールバックには引数三つ、xhrオブジェクトと、エラー内容と、あと忘れたけど
とにかく何でエラったのかがわかるんで入れるの癖になってるだけ
XMLでもJSONでも、正しくパース出来ないとエラーになるんで
通信でコケたのか、書式が不正なのかがわかるように
- 171 :
- みんな勉強してるんね
わたしゃhtmlとcssでお腹いっぱいだよ
- 172 :
- とうとうすべて完成しまた。先生たちのおかげです。
これが完成形です。
再びアクセスするの嫌な人多いかもしれませんが
見たい人だけ見てくださいませ。
一応先生たちのおかげでできた完成系デモ
デモ
http://xd388020.html.xdomain.jp/123.html
コード
https://jsfiddle.net/od2vmyjL/42/
もしさらにスマートにできるのであればまたまたご指導お願いいたしやす。
- 173 :
- >>172
ところで
全くインデントも空行もなしで
書いてて辛くないの?
- 174 :
- >>173
たまにわけわからなくなります;;
なんかすぐに空白とか消してしまう;;
- 175 :
- >>174
インデントしなよ
質問された時みづらいよ
- 176 :
- >>175
分りました。
多分これであってますかね?
https://jsfiddle.net/od2vmyjL/43/
- 177 :
- こうじゃろ
https://jsfiddle.net/od2vmyjL/44/
- 178 :
- >>177
てかやばい自分HTMLもすべてびっしり左寄せの空白なしにしてしまっています><
今度から気を付けます すみません;;
- 179 :
- 次はページネーション
ページネーションは自分の中ではラスボスと思ってます。
手ごわい
- 180 :
- ページネーションってなに?(´・ω・`)
おいしい?(´・ω・`)
- 181 :
- ページネーションってこれ
http://www.coolwebwindow.com/jquery-plugin/plugins/pagination/index.html
こっちの方が今風だね
http://scrollsample.appspot.com/items
- 182 :
- 先生達問題発生しました。
ajaxのことなんだけど
XMLの中身が
<url>http://hoge.com/click.php?aid=123&iid=123</url>
の時読み込みできなくなるんだけどXMLのリストの中にURLクエリパラメータが入ってると
ajaxで読み込みできなくなるの?
URLクエリパラメータが入ってないURLがXMLに入ってても全然問題なく読み込めるのだけど・・・
<url>http://hoge.com/e/123/123/</url>
だと読み込めるんだけど。
URLクエリパラメータのURLがxmlのリストの中に含まれていてもajaxで読み込める方法等あれば
どなたか教えて先生さまさま
- 183 :
- 自己解決しました
<url>http://hoge.com/click.php?aid=123&iid=123</url>
こいつを
<url>http://hoge.com/click.php?aid=123&iid=123</url>
こうしたらいけました
&の後ろにamp;をつけて&ってしたらいけました。
- 184 :
- やるじゃん(´・ω・`)
- 185 :
- .
.
板違い(?)の上に、話をさえぎってしまいゴメンナサイ!(*_ _)人
でも、この板のユーザーさんにも有意義な告知かと思うのでカキコませてください。
★ 謝礼は十分いたします ★ アメブロなどのサイト制作ができる方!!
アメブロなどを使用してのサイト制作のできる方を早急に求めています!
私はリケジョやPC女子からはほど遠く、サイト作成にはまったく疎いのでとても不自由しています…(> <;)
そこで私に代わりサイトを作成してくださる方を求めてこの場をお借りしました。
■サイトの内容…
アダルト系、違法性、その他公序良俗に反するものではありませんのでご安心ください。
■サイト制作の仕様ベース…
アメーバブログで十分です。願わくばwordpressなどのブログ形式のサイトを希望します。
それに準ずるもので使い慣れたものがあれば別のものでも構いません。
■条件はありません…
技術さえお持ちでしたら、学歴・職歴等は一切問いません。
フリーター、ニート、高齢ニート、コミュニケーション障害をお持ちの方、引きこもりの方、中年失業者、長期無職等、歓迎!
■作業形態…
作業は在宅でやって頂くことになりますので、時間の指定は一切ありません。別のお仕事の傍らに…でもOKです。
■詳細をお知りになりたい方は…
下記メールアドレスまでご連絡ください。詳しく書いた返信文を差し上げます。
※真剣な告知です。冷やかしはご遠慮ください。
井 上
inoue1952w★gmail.com
迷惑メール対策のため@部分を★にしてあります。
実際に送信する際には★を@マークに変えてください。
.
.
- 186 :
- 生存確認(^^)/
- 187 :
- (´・ω・`)
- 188 :
- 初作品見てくださいPHPで作ったw
http://www.ojibanasi.tk/
評価お願いします。
- 189 :
- 次はおばさんの話で頼む
二十代後半くらいな(´・ω・`)
- 190 :
- >>189
おばさんばーじょんも作りますね。
覚えたてのプログラム踏んだに使いたいと思いますw
- 191 :
- g
- 192 :
- ずっとエラー出てたね
- 193 :
- ここは俺が乗っ取った(´・ω・`)
返してほしければ返してやる(´・ω・`)
- 194 :
- 先生達教えて下さい
全くの初心者です
とりあえずワードプレスを使って、既にあるテンプレートを使ってサイト作ろうと思ってます。
んでそのテンプレートにチャット機能も付いてるんだけど、チャット機能が付くとレンタルサーバーが借りれないって所まで調べました
唯一借りれてオススメがサクラってところってのも調べました
cgiがどうたらこうたらって書かれてました
質問
最初はサクラの500円のを借りた場合、何人位の負荷に耐えられるのでしょうか?
最終的にはマーケティングはそこそこ出来ているので、1万人位集めようと思ってますが、そうするとサーバー代馬鹿にならない感じですか?
- 195 :
- そのくらいなら格安鯖でも問題ないじゃろ(´・ω・`)
やりながら必要があればグレード上げればいいんだし(´・ω・`)
がんばんな(´・ω・`)
- 196 :
- 今自分はSEO問題にぶち当たっています。
なかなか高順位が取れないね。
- 197 :
- descriptionタグやaltタグなどに記述はあるか、サイトマップをちゃんと送っているか
h1タグやdlタグなどを適切に使っているか、リンクしてくれているサイトがあるか
そもそもhtmlにエラーなどは出ていないか。。。
などなど気を付けることは山ほどあるからね、俺もなかなか上がらなくて苦労してる
- 198 :
- (´・ω・`)
- 199 :
- >>197
グーグルからサイトの問題ないっす!言われてるけど全然上がらないや 被リンクは10くらいしかないけど…
- 200 :
- HPなどで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
RXF1P2571E
- 201 :
- ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
- 202 :2018/05/01
- 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
AHSOR
HTML/CSS のどんな質問にも優しく答えるスレ 42
おまいらIEの文字のサイズは何ですか?
Web制作者が愚痴るスレ 39クレーム目
今時CSSを別ファイルに分離している奴いるの?w
SOHOやフリーで本当に細々と食ってる奴の121人目
HTMLソース閲覧の禁止を提供するソフトが登場!
CSS/DHTMLバグ辞典スレッド【第5版】
Web標準 XHTML+CSSデザインサイト
【ウェブログ】blog 用途は無限大! 3【日記】
いまどきのSEO対策
--------------------
TOMB RAIDER/トゥームレイダー ファースト・ミッション 2
【かっさん】加藤純一ID無しスレpart2971【案件】
Soft-EX ソフトイーエックス part7
【パヨク悲報】交差点にこたつ置いた疑いで京大院生逮捕⇒ 本田由紀東大教授「京大への弾圧」⇒ 削除
田嶋陽子が嫌いな人が集うスレ
★【PORSCHE】ポルシェ・マカン 5台目【Macan】
【47点】代謝寸前の女子応援【ガールズ限定】 6
【韓国】大邱大学、日本軍慰安婦被害者のイ・ヨンスさんに名誉博士の学位を授与[05/30]
懐かしの天北線
☆★★こんな税制改正があれば一気に景気回復★★★
【人形板】アフターオークション42【雑談/相談】
【紫陽花】バイクdeキャンプ198泊目
【カプコン】Switch『Devil May Cry』、今夏発売決定
【HS46】続・阪神電車を語ろう 次は千鳥橋
ストーカーっぽい人への対応の仕方
【バーチャル】hololiveアンチスレ#3055【youtuber】
【悲報】PS4のスパイダーマンは未完で3ヶ月の有料DLCで完結する模様
A.B.C-Z★284stars★ ※アンチ・妄想・他G・Jr.・ヲタクの話は禁止。誹謗中傷・名誉毀損は犯罪です。
フリゲキャラでRPGの四人パーティーを組むなら
あのキャラがこのキャラに一言5言目
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼