ちくのう症(蓄膿症)は「菌」が原因!?

約100のファイルが手元にあるのですが、
一行のコードを連番に変更するという作業が発生いたしました。

<h2 class="002">a-5 

という元の共通コードが各ファイルにあるのですが、これを

<h2 class="002">a-001
から

<h2 class="002">a-999

までの数値を 複数のファイルにわたり、検索、置き換えしたいときどのように
表現すればいいのでしょうか?

ご教授願います。

検索

A 回答 (1件)

Perlか何か使ったら??


use strict;
use warnings;
my @all_files = glob "*.html";
my @new_files;
while(<@all_files.){
my $count = 1;
my $b = sprintf("%03d",$count);
open (IN,$_);
open (OUT,"./new/$_);
while(<IN>){
s/<h2 class="002">/$&$b/g/g;
$count ++;
push(@new_files,$_);
}
print OUT $_;
close IN;
close OUT;
}
とか・・・テストしてません。間違いあるかも・・
 ウェブ開発をするなら、CGIなどでPerlは必須!!ですので、お持ちだと思います。

 ところで、class="class002"ってなんです。div.section h2{}とか、セレクタで指定できると思いますが・・・
    • good
    • 0

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

このQ&Aを見た人が検索しているワード

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

Qテキストソフトについて 連番置換ついて

同じ数字があって連番になるように置換え出来るソフトとか使い方教えて頂けませんか?



A1あした
A1あさって
A1しあさって


★したい事★

A1あした
A2あさTって
A3しあさって

エクセルは、出来るけど、テキスト、メモとか作っている文章に数字を連番として置換えしたいのですが、どなたか教えて頂けませんか?
お願いいたします。

Aベストアンサー

保存してあるテキストファイルを置換するソフトなら知っています。

【 Repl-Ace on .NET 】
http://www.forest.impress.co.jp/library/software/repl_ace/
http://www.sirmiles.com/repl_ace/readme/index.html

このソフトにある[ズーム]が希望していることができるものです。
http://www.sirmiles.com/repl_ace/readme/contents/zoom_1.html
http://www.sirmiles.com/repl_ace/readme/contents/zoom_6.html

Step 1でこのソフトを起動して、対象ファイルを探します。

Step 2で対象ファイルが見つかったら、置換したいファイルを選択。

Step 3で以下の設定をします。

検索文字列に「A1」を記載
置換文字列で、右向き三角から[ズーム]を指定して[連番による置換]を
クリックして[開始値指定]を選択。
${EXTEND_SeqFrom}を出し、${EXTEND_SeqFrom1}のように1を追加。
検索文字列で残すAを追記して[連番で置換を選択]し${EXTEND_SeqFmt}
を追加します。
[内容]
   ${EXTEND_SeqFrom1}A${EXTEND_SeqFmt}
になったら[ OK ]します。

[置換後の文字列]に上記内容が表示したら[正規表現を使う]のチェック
が付いた状態で[追加]ボタンを押します。
これで[実行]ボタンを押せば、検索したファイルが置き換わります。

編集中のファイルの場合、[クリップボード拡張ソフト]で行頭に連番や
Aを追加する設定のほうが簡単だと思います。

保存してあるテキストファイルを置換するソフトなら知っています。

【 Repl-Ace on .NET 】
http://www.forest.impress.co.jp/library/software/repl_ace/
http://www.sirmiles.com/repl_ace/readme/index.html

このソフトにある[ズーム]が希望していることができるものです。
http://www.sirmiles.com/repl_ace/readme/contents/zoom_1.html
http://www.sirmiles.com/repl_ace/readme/contents/zoom_6.html

Step 1でこのソフトを起動して、対象ファイルを探します。

Step 2で対象ファイルが見つかったら、置...続きを読む

Q背景画像を反転させる方法

背景画像を反転させる方法

いつもお世話になっています。
今、趣味のサイトの再構築に伴い、ネットや本を見ながらHTMLとCSSについて勉強中です。
そこでcssの記述について教えて頂きたいのです。


背景の画像を右下に固定する場合、cssの記述は、

body{
background-image:url("×××.gif");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
}

としますよね?

後、cssで画像を左右反転させる場合は、classでfilter: fliph()を使えばいいとわかりました。

ではこの反転させた画像を背景に使いたい場合、どうすればいいのでしょう?
そもそもそのようなことが可能なのでしょうか?

もし可能でしたら具体的にどのような記述をすればいいのか教えて頂きたいのです。

それとfilterはIE独特の要素と聞いていますが、filter: fliphもそうなのでしょうか?
しかしながらfilter: alphaに関しては

filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;

と記述すればFirefoxなどでも透明効果が出るようです。

filter: fliphもIE独特の要素ならばfilter: alphaのように他のブラウザでも対応させる方法があるのでしょうか?


長々と書いてしまいましたが、知りたいことを要約すると

1.cssで画像を反転させ、それを背景画像に使うことは可能か否か
  可能ならばどう記述すればよいのか

2.filter: fliphで画像を反転させた場合、IE以外でのブラウザで反映されるか否か
  また反映されないのなら、対応させる方法はあるのかどうか

と言うことです。

1と2、分かる方だけでも結構ですのでよろしくお願いします。

背景画像を反転させる方法

いつもお世話になっています。
今、趣味のサイトの再構築に伴い、ネットや本を見ながらHTMLとCSSについて勉強中です。
そこでcssの記述について教えて頂きたいのです。


背景の画像を右下に固定する場合、cssの記述は、

body{
background-image:url("×××.gif");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
}

としますよね?

後、cssで画像を左右反転させる場合は、classでfilter: fliph()を使えばいいとわかりました。

ではこ...続きを読む

Aベストアンサー

1.否
2.否

対応策は予め反転させた画像を別途作っておく事です。

Qjquery ドロップダウンメニューの挙動不審を治す方法

http://makasete-web.net/dropdown-menu

こちらのサイトを元にドロップダウンメニューを作ってみたのですが、
すぐに引っ込んでしまったり、うまく選べません。
jqueryは借りてくるだけなので、内容はわかってないです;
大元のドロップダウンメニューは安定しているようですが、
どこを治せば安定してボタンを選べるようになるでしょうか(´・ω・`)?

ちょっと、長くなっちゃうのですが、こんな感じのメニューで
上段の中2つがドロップダウンします。
よろしくお願い致しますm(==)m


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>tesuto</title>
<style type="text/css">
a:link {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
* {
margin: 0px;
padding: 0px;
}
body {
line-height: 180%;
}
header {
text-align: center;
}

nav {
width: 930px;
margin-top: 20px;
}
ul{
list-style-type: none;
padding: 0;
color: #fff;
margin: 0;
}
ul#menu li{
display: block;
padding: 0px;
float: left;
position: relative;
height: 27px;
width: 150px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
color: #FFF;
text-align: center;
background-color: #933;
}
ul#menu li a {
display: block;
color: #FFF;
}
ul.child{
display: none;
position: absolute;
padding: 0;
opacity: 0.9;
background-color: #CCC;
font-size: 14px;
width: 150px;
}
ul.child li a{
display: block;
color: #fff;
}
li a:hover {
background-color: #FFBB00;
color: #FFF;
}
ul#menu2 li {
float: left;
width: 155px;
background-color: #666666;
display: block;
margin-right: 5px;
text-align: center;
height: 26px;
color: #FFF;
}
ul#menu2 li a {
color: #FFF;
display: block;
}
#titlle {
margin-top: 100px;
width: 700px;
}
#navmenu {
width: auto;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
#cl2 {
height: 100px;
width: 100%;
float: left;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 3px;
background-color: #FFC;
}

</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
$('#menu li').hover(function(){
$("ul:not(:animated)", this).slideDown();
}, function(){
$("ul.child",this).slideUp();
});
});
</script>
</head>
<body>
<nav>
<ul id="menu">
<li><a href="#">ご案内</a></li>
<li>ご案内
<ul class="child">
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
</ul>
</li>
<li>ご案内
<ul class="child">
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
<li><a href="#">ご案内</a></li>
</ul>
</li>
<li class="menu"><a href="#">ご案内</a></li>
</ul>
</nav>
<div id="titlle">
<div id="cl2"></div>
<div id="navmenu">
<ul id="menu2">
<li><a href="#a">ご挨拶</a></li>
<li><a href="#i">ご挨拶</a></li>
<li><a href="#u">ご挨拶</a></li>
<li><a href="#e">ご挨拶</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</body>
</html>

http://makasete-web.net/dropdown-menu

こちらのサイトを元にドロップダウンメニューを作ってみたのですが、
すぐに引っ込んでしまったり、うまく選べません。
jqueryは借りてくるだけなので、内容はわかってないです;
大元のドロップダウンメニューは安定しているようですが、
どこを治せば安定してボタンを選べるようになるでしょうか(´・ω・`)?

ちょっと、長くなっちゃうのですが、こんな感じのメニューで
上段の中2つがドロップダウンします。
よろしくお願い致しますm(==)m


<!doc...続きを読む

Aベストアンサー

スクリプトそのものは単純で、指定のLI要素に対してマウスエンターでスライドダウン、マウスリーブでスライドアップという内容になっています。


>すぐに引っ込んでしまったり、うまく選べません。

ご提示のソースを表示してみると、親メニューと子メニューの間に隙間ができていますので、そこをマウスが通るとマウスリーブとなって、メニューが閉じるという事象が発生します。
マウスを素早く動かすと、うまくいけば子要素のLIへのマウスエンターが間に合って、表示されたままとなります。
ご質問の「安定しない」とはこれではないかと推測しました。

スクリプトを修正して対応することも不可能ではないでしょうが、レイアウトの方法を修正する方が遥かに簡単そうです。
(スクリプトの修正で対応するにしても、レイアウトの方法を変えた方がやりやすそうに思います)


要は、隙間部分をなくすか、隙間を設けるにしてもその部分をLI要素の一部として評価されるようなレイアウトになさればよろしいのではないでしょうか。
一番簡単なのは、
 ul.child{ top:27px; }
みたいに、位置を明示的に指定することで隙間をなくしてしまえば、とりあえずはご期待の動作になるのではないかと推測します。

スクリプトそのものは単純で、指定のLI要素に対してマウスエンターでスライドダウン、マウスリーブでスライドアップという内容になっています。


>すぐに引っ込んでしまったり、うまく選べません。

ご提示のソースを表示してみると、親メニューと子メニューの間に隙間ができていますので、そこをマウスが通るとマウスリーブとなって、メニューが閉じるという事象が発生します。
マウスを素早く動かすと、うまくいけば子要素のLIへのマウスエンターが間に合って、表示されたままとなります。
ご質問の「...続きを読む


人気Q&Aランキング