どうぞ、お気軽にお尋ね下さい。


[
新着] [使いかた] [画像の投稿方法] [ワード検索] [管理用]
*--- Contents ---*
1.左メニューから右への表示方法  ■ 掲示板のエラー  ■ 初めまして  ■ 改造について  ■ 参考にしました  ■ お聞きしたくて投稿させて頂きま...  ■ 拝見しています  ■ 投稿画像枚数変更について  ■ PDFファイルを新しいウインドウ...  ■ PDFファイルの閲覧
2.日記改造完成  ■ ご教授お願い致します  ■ 新規開設
 新着の期間 日 [新着一覧

<お知らせ>
ソース等は投稿できますが、ソース等のタグは無効です(文字として表示)。
但し、URLの自動リンクは有効です <(_ _)>


左メニューから右への表示方法  投稿者: hana 投稿日:2017/01/08(Sun) 15:07 No.50

初めまして。
htmlで作成していたHPをCSSで表示できる様に・・と努力しています。
(但し、html及びcssとも初心者です)

疑似フレームを使って、ヘッダー、フッターと中間に左右の2つのフレームを用意しました。

中間の左側をメニューとして用意し、それを選択すると右へ表示されるようにしたいのですが上手く行きません。

現象は、
左メニューを選択すると新たなページが作成されて、内容が表示されます。
(内容は写真のサムネールを多数並べてあります・・・htmlで作成した物で、cssは入っていません)

・Htmlに下記リンクを用意しました。
<link rel="stylesheet" type="text/css" href="style1--dl.css" />

・下記はHtmlのbody内の記述抜粋です。

<body>
<div id="header" class="item">
<h1>swiss 20168/26〜9/11</h1>
</div>
<div id="footer" class="item">フッター(固定)
問い合わせ
</div>

<div id="left_frame" class="menu">

<!-- <div class="menu"> -->

<dl class=tripschedule>

<dt><FONT color="#ff99ff" size="3">8月</FONT></dt>
<dt><FONT color="#ff99ff" size="3"> 26日 成田発</FONT></dt>

<dd><a href="to-zurich/to-zurich1.html" target="right_frame"><FONT color="#FFcccc" size="3">⇒チューリッヒ空港⇒市内</FONT></a></dd>

・下記はcss内の記述です。
cssへどの様に記述すればよいのか判らず、下記を入れてあります。
body, .menu {
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 100%;
overflow: auto;
}

#right_frame {
float: right;
width: 75%;

}

#left_frame {

float: left;
width: 25%;
}

何を、どうすればよいのかアドバイスを頂けると助かります。

もしかしたら文字化けになるかもしれない・・・。




Re: 左メニューから右への表示方...   michi - 2017/01/09(Mon) 18:09 No.51

自分のホームページが正常に動作しているので、もう5年以上ソースを見ることもなく過ごしています
そのために色々のことがすっかれ忘れています
「疑似フレームページの作成」をもう一度お読みになってみてください
そしてソースをそのままコピーして動作を確認してみてください
パラメーターをいろいろ変えてみると動作が理解できると思います

私の場合縦または横の2フレームですので、3フレームはよくわかりません




Re: 左メニューから右への表示方...   hana - 2017/01/10(Tue) 07:58 No.52

昨年末よりcssを使用して表示してみようと思いトライしていましたが、左メニューから右エリアへの表示が、Htmlの様に行かなくて悩んでいました。

疑似フレームの左側固定は確認させて頂きました。
この左側への記述と右側への反映の構文が理解できていないんですね。
もう少し、調べて努力してみようと思います。

有難う御座いました。




 

掲示板のエラー  投稿者: すーやん 投稿日:2016/09/16(Fri) 02:44 No.41   HomePage

はじめまして! すーやん と申します
問題の多いtok2でJOYFULLY掲示板を使っているのですが
借りているサーバーが一度ダウンしてしまってファイルが全て
消えてしまったので、JOYFULLYのファイルを再転送したのですが
記事を投稿するとエラーメッセージ↓
error
メール送信に失敗しました
JOYFULYY v2.50y24m72
が出てしまいます そして「投稿ページに戻る」のボタンをクリック
すると投稿ページに戻り、なんと記事は投稿出来ているのですが
何故エラーメッセージが出るのか分りません!
一度、投稿のテストをして頂き 原因を教えて頂きたいのですが
宜しくお願いします m(_"_)m 掲示板のURLは↓
http://www42.tok2.com/home/suhyan/joyfulyy/joyfulyy.cgi
です  
バージョンは JOYFULYY v2.50y24m72 です




Re: 掲示板のエラー   michi - 2016/09/16(Fri) 16:20 No.43

管理ページで「項目設定ページ」を開いて下記の項目についてチェックしてみてください
→ 0 : 通知しない に設定してみてください

もう一つはパーミッションを確認してみてください


****************** メール通知 ***********************

■投稿があるとメール通知する
  お使いのプロバイダーで「sendmail」コマンドが使える場合は、
  投稿があるとメールで通知することが出来ます。
  通常のメール通知と携帯向けメール通知それぞれ31件まで送信できます。
  記事の修正削除でもメール通知できます(以下の「●メール通知するイベント」で設定)

          <参考>
         「sendmail」が使えない場合でも通知可能な場合があります
                →■プロバイダー個別対応を参照
          記事の新規投稿は「新着一覧ページ」を開いて確認することも出来ます。
                →「■新着一覧・目次設定」の新着一覧のみの設定を参照

     → 0 : 通知しない
     → 1 : 通知するが、自分の投稿記事はメールしない。
     → 2 : 通知する。自分の投稿記事も通知する。
     → 9 : テスト表示(通知する内容を画面表示します、通知はしません)
    
          「1」を設定した場合は、記事の「Eメール」に投稿されたメールアドレスが
           以下の管理者メールアドレスと同じならばメールしません。
           また、投稿した時に「Eメール」が未入力であっても、
           ここに↓指定した修正キーで投稿された場合にはメールしません。
            ← メール通知しない修正キーを登録してください


     ■sendmailパス(メール通知する時)
      (自分のプロバイダーでの「sendmail」の呼び出し方を調べます)
        
    このパスで「sendmailコマンド」使用可能と思われます。メール通知をお試しください。

-------------------------------------------------------------




Re: 掲示板のエラー   すーやん - 2016/09/16(Fri) 21:18 No.44   HomePage

michiさん 管理ページで「項目設定ページ」を開いて→ 0 : 通知しないにチェックして設定項目ファイルを保存したら正常に作動しました

お手数でした、どうも有難う御座いました m(_"_)m
画像は今日、撮影できたコウライウグイスです(微笑)





 

初めまして  投稿者: puri 投稿日:2016/09/10(Sat) 20:20 No.37

初めましてpuriの部屋と言うサイトをしています
puriです
私には高校生の孫が居まして管理人さんより少し若い位かと思います(笑)
長年パソコンをしていまして下手ですが勉強したいと言う思いはありますがなかなかこの年ですのでのみこみが悪くて?

以前、お友達になりました方が掲示板の作成を教えて下さり
joyfulyy・・掲示版を作成しましたがまた暇に任せて勉強しながら新しいのを作成して見たくてネットで探していましたら
ふと目に留まりましたのでここの掲示板を作らせてもらいました
とても素晴らしく作成が好きなものですのでこの年で試みましたけど難しいです
楽しませてもらいました
本当にありがとうございました

アップして見ましたら2つおかしい所が出てきました
1・写真を貼りましたら画像がそのままの大きさでクリックしても拡大が出来ません
2・投稿した後に、修正しますと今迄普通に書き込み出来て居ましたものが修正部分がタグが出てしまいます
この2つがどうしたも直せません
よろしくご指導ください





Re: 初めまして   michi - 2016/09/12(Mon) 06:22 No.38

joyfulyyには
1.誰でも投稿できる掲示板形式  (このページ)
2.管理人しか投稿できない日記風の形式 (joyfulyy sampleのページ)

お尋ねの件は後者になります。従って管理者用にパスワードを入力して送信すると、このページと同じとなり削除することができます

< 修正をしまして戻りますとタグの書き込みと変わります >
修正した後確認画面が表示されます。OKだったら「リストに戻る」でこの画面になります

こんなご返事でよろしいでしょうか




Re: 初めまして   puri - 2016/09/12(Mon) 11:43 No.39

早速お返事ありがとうございます

>日記風の形式 (joyfulyy sampleのページ)
でよろしいですね?
良く分りませんので、取敢えずjoyfulyy sampleの方に訪問させていただきます
多分慣れないものでご迷惑おかけすると思いますがご親切にありがとうございました

?どこだか?見当たらないのです(涙)
もう少し探します
パスワードが分かりません?




Re: 初めまして   puri - 2016/09/14(Wed) 22:41 No.40

有り難うございます
joyfulyy sample掲示版とても使いやすく便利でとても満足しております
どうにか出来上がり使えるようになりました
心より御礼申し上げます
ネットで探しココを見つけられたことを嬉しく思います
大事に使わせていただきます




Re: 初めまして   michi - 2016/09/16(Fri) 15:59 No.42

良かったですね
joyfulyyはネット上から自由にデザインできるのが大きな特徴です
いろいろ試してみてください




Re: 初めまして   puri - 2016/09/17(Sat) 07:19 No.45

有り難うございました
本当に素晴らしい掲示板で嬉しいです

一つお聞きしたことありますが?
こういう掲示板には入室用のパスワード入れて入るようなのは出来ないものですか?
CGIを使っているのはダメなものでしょうか?

私は作成するのが好きで色々試しながら勉強です(笑)
何も分らずただか着ているのでこんな事はあり得ないのかしらね?
しみませんこんな質問で、お教えください




Re: 初めまして   michi - 2016/09/17(Sat) 09:31 No.46

おはようございます
可能です。項目設定プログラムで下記の部分で ●JOYFULYYを日記帳として使用します。(0=no 1=yes) を 1=yes にします
「私の雑記帳Q・A」は誰でも投稿できるように 0=no にしてあります
自分だけが投稿できるサンプルは「写真・ビデオ日記」http://onohp.com/cgi/joyfulyy_diary/joyfulyy.cgi です
最後の管理者用にパスワードを入力すると、この画面と同じ表示になります


****************** 日記帳モード ***********************

             <参考:日記帳モードではありませんが・・>
              新規投稿は管理人のみ、閲覧者は返信が出来る方法もあります。
              →「■記事・投稿設定」の●【投稿制御】管理人のみが新規投稿をする
              会員のみが投稿出来る会員制にも出来ます。
              →「■迷惑投稿対策」の●管理者偽称チェック or 会員制公開掲示板

●JOYFULYYを日記帳として使用します。(0=no 1=yes)
  掲示板には、入力フォームが表示されなくなり、通常の投稿ができなくなります。
  表示ページ最下部で管理パスワードを入れると、通常の全作業ができます。
    




Re: 初めまして   michi - 2016/09/17(Sat) 09:41 No.47

9月10日付No37の件
--------------------------------
アップして見ましたら2つおかしい所が出てきました
1・写真を貼りましたら画像がそのままの大きさでクリックしても拡大が出来ません

この件は投稿画像のサイズで表示します。従って拡大はしません
クリックすると画像は消えます

2・投稿した後に、修正しますと今迄普通に書き込み出来て居ましたものが修正部分がタグが出てしまいます

この件の不具合は私も承知しています。解決できずにいます
このページはプログラムのソースについてもやり取りしますのでタグはリンクを除いてテキストとして表示するようにしています




Re: 初めまして   puri - 2016/09/17(Sat) 16:51 No.48   HomePage

御丁寧にご指導有り難うございます
此れを書き写して勉強します

私の事申し上げるのが遅くなりましたけどこの年でつたないHPを作成したおります
恥ずかしくてお話しできなかったのです
ハワイが好きで家族全員で回数行くうちに記念に残し思い出をつくべく勉強をネットのお友達に教えて頂き今日まで来ました
この年ですので、もうみなネットを閉じたりしていますので(笑)
教えを乞う方が居なくて、聞いても難しく分からない事と、くどく聞きませんとダメですし本当にみなさんに教えて頂きませんと最後まで出来無いのです
この様に教えて頂きうれしく思います
また多分分からずお聞きしたの思いますのでご指導ください
恥ずかしいですがHPアドレス貼っておきました




Re: 初めまして   puri - 2016/09/17(Sat) 16:55 No.49   HomePage

>9月10日付No37の件

御丁寧に書き込みして頂きありがとうございました
良く見ましたら下の方に画像拡大ありました
またタグの件は書き込みを良く見て納得していました
本当にご丁寧に有り難うございます

これからもお教えいただきたく思います
に見込み悪いので何回もお聞きしますけどよろしく




 

改造について  投稿者: 山本洋子 投稿日:2016/08/06(Sat) 14:18 No.32

JOYFULYY v2.50y24m45 非常によくできていて感心しますが、
拡張子が4文字のファイル xlsx などをアップするように改造したいと思いますが、mime type の追加はどの辺を弄れば良いのでしょうか。
microsoftが4文字にして以来あちこちで苦労しています。
旨く行ったら設置しようと思っています。




Re: 改造について   michi - 2016/08/06(Sat) 15:50 No.33

xlsx 調べてみたらEXCELの拡張子ですね
「管理用」から各種設定で
■アップロードを許可するファイル形式 0:no 1:yes
[ファイル]の中に EXCELファイル(office ワープロ)
がありますので 0→1 に変更してみたらいかがでしょうか




Re: 改造について   山本洋子 - 2016/08/07(Sun) 08:22 No.34

迅速なアドバイスありがとうございます。

j_param.cgi の2340 行目付近に mime type のリストがあります。
ここにある $word $excel などの選択は doc. xls. に対応していると思われます。
実際にローカルの環境下ですがxlsはロードできますがxlsxは不可を確認しています。

このことは全く別のcgiでも経験しています。

多分スクリプトを変更しないとダメだと思います。

研究の余地があると考えています。 




Re: 改造について   山本洋子 - 2016/08/07(Sun) 16:29 No.35

ありがとうございました。mime typeの件です。
mime typeを追加して解決しました。

j_lib_wi.cgi の520行目付近にある
if ($tail =~ /ms-excel/i && $excel) { $tail=".xls"; $flag=1; }
の次に
if ($tail =~ /application\/vnd\.openxmlformats-officedocument\.spreadsheetml\.sheet$/i && $excel) {$tail=".xlsx"; $flag=1;}
を追加
560行目付近に
if ($fname =~ /\.xlsx$/i && $excel) { $tail=".xlsx"; $flag=1; }
と追加してOKとなりました。
docx や pptx も同じことと思います。

お世話になりました。





Re: 改造について   michi - 2016/08/08(Mon) 07:40 No.36

思うように解決できて良かったですね
お役に立てずすみませんでした




 

参考にしました  投稿者: ムー 投稿日:2015/09/04(Fri) 21:24 No.29

数年ぶりにHP作成してまして、スタイルシートみたいな方法を知り感激しました。擬似フレームの手法で1ページにヘッダーとフッターの固定やりたかったのでこのサイトにあったCSSを参考したのですが、ヘッダー固定のCSSファイルにdiv#Footer_area書き、その項目のtopをbottomにかえれば一応できて驚きました(笑)

本当はできたページ全体を中央によせして、左右に少しだけ余白つけたいのですが、そのやり方はスタイルシートにどう書けばいいか検討もつきません(笑)素人にも分かる良いサイトで感謝してます。




Re: 参考にしました   michi - 2015/09/06(Sun) 06:57 No.30

疑似フレームページの手法を活用していただいてありがとうございます
私のページはすべてこの方法で作成しています

ページ全体を・・・は

<DIV align="center">
<TABLE width="90%" cellpadding="0" cellspacing="0">
<TBODY>
<TR align="center">
<TD height="128">私の雑記帳Q・A</TD>
</TR>
</TBODY>
</TABLE>
</DIV>

この中で width="90%" の値を変えてやれば左右の余白を調整できます
試してみたください




Re: 参考にしました   ムー - 2015/09/07(Mon) 18:52 No.31

わざわざご丁寧に返信ありがとうございました。
参考にさせていただきます。
ここはCSSを勉強してみようときっかけになったHPになりました。




 

お聞きしたくて投稿させて頂きま...  投稿者: キング 投稿日:2014/10/15(Wed) 18:32 No.26

joyfulyy 改造で拝見させて頂きましたが昔ですがjoyfulyyを使っていましたがその後に長い間使わなくて削除してしまいました、

こちらのjoyfulyy改造版は前のと同じでしょうか?
ともくんバージョン
掲示板として使いたいのです。




Re: お聞きしたくて投稿させて頂...   michi - 2014/10/15(Wed) 19:04 No.27

改造版は
JOYFULYY v2.50y24m45 :Edit by Yamamoto
です
このバージョンを私なりに改造したものです
記事中の 11.追加(3)  joyfulyyの再配布
からダウンロードしてお使いください
なお改造する場合は事前に「PC上でcgi・phpの実行」をインストールしておくとパソコン上でcgiの動作を確認できるので大変都合良いです






Re: お聞きしたくて投稿させて頂...   キング - 2014/10/15(Wed) 19:12 No.28

お忙しい所連絡頂きましてありがとうございます、

早速ダウンロードさせて頂きます。




 

拝見しています  投稿者: Passion 投稿日:2014/06/25(Wed) 11:49 No.23

michiさん、今日は! 膨大な貴フェブサイト未だ未だ全て拝見できておりません。 私はjoyfulyy画像掲示板(v2.50y24m72)を利用しています。  michiさんが改造された▲▼を利用させて頂きたいと思っております。 親記事の下にレスが12位着くとスクロールが結構大変な場合もあります。 最初から失礼とは存知ますが、▲▼を一番下まで飛ぶのではなく、スレッド(親記事)の下で止めることは可能でしょうか・・

我が家(東京)で今朝咲いているパッシンフルーツの花と6/9に咲いた花が実をつけました。 





Re: 拝見しています   michi - 2014/06/25(Wed) 20:09 No.24

こんばんは
お尋ねの件ですが今まで考えたこともありませんので可能かどうかはわかりません
ただ親記事の最後は次の親記事の2行上になります。従ってContentsで次の親記事を選択すれば良いのではないかと思いますが・・・

珍しい花の写真ありがとうございました。トケイソウに似たような花ですね
では




Re: 拝見しています   Passion - 2014/06/25(Wed) 22:16 No.25

michiさん今晩は! 早速のお答えありがとうございます。頑張って考えてみたいと思います。 花の名前○パッションフルーツで、間違えてすみません。  ご指摘のように別名「果物時計草」と言います。

蝶を拝見しておりますが、ため息がでます。蝶は殆どわかりませんが、昨年、家内と行ったボルネオ島で見たアカエリトリバネアゲハとセミの仲間テングビワハゴロモを貼らせていただきます。  





 

投稿画像枚数変更について  投稿者: nivalis 投稿日:2013/02/19(Tue) 01:20 No.19

おじゃま致します。

日頃joyfulyy画像掲示板(v2.50y24m72)を愛用しています。
Windows7が出回った頃より、IEで投稿画像の枚数を変更できない、修正削除が出来ないなどの指摘を受けましたが、joyfulyyサイトが閉鎖され、どうしたものかとずっと思っておりました。michi様のサイトにたどり着き、その不具合を解消しようとしましたが、ファイルのバージョンが違うためやはり諦めなければならないかな、と思っています。

もし、お知恵をお借りできれば嬉しく思います。





自己レス   nivalis - 2013/02/19(Tue) 01:59 No.20

投稿したあと、投稿した2枚の画像を見比べてみました。
1枚目は、michi様が配布してくださったもので
2枚目は、v2.50y24m72です。

これは、雑記帳に記されていた赤枠の部分だけではなく
「この場を借りて」というところからソックリコピペすれば良いのじゃないかと思い試してみました。
 結果バッチリOKでした。よくよく見て試してから投稿すればよかったのに、申し訳ありませんでした。





Re: 投稿画像枚数変更について   michi - 2013/02/19(Tue) 07:05 No.21

正常に選択できるようになってよかったですね。お疲れ様でした
この部分の修正のきっかけは
1.select部分で選択肢が表示される
2.表示された項目が選択できない。つまりマウスを離すと消えてしまう
3.Onmouseout というタグがどこかにあるはずだ

ということで修正が始まりました
テキスト・エディター(TeraPadを使用)の検索で共通のキーワード「mouse」を検索し、mouseout を探しました
そして試行錯誤の結果 1410行のようになったわけです
私はcgiは判らないのですが、この中にjavascriptの部分があるので何とか修正が出来たという所です

久しぶりにこのページへの投稿がありました
私のページでは「私の雑記帳」の中の記事が閲覧のほとんどを占めていますが、このページへの投稿が少ないのですべて理解されているものと思っていました
従って近々閉鎖しようと思っていました
このまま残しましょう




Re: 投稿画像枚数変更について   nivalis - 2013/02/19(Tue) 18:48 No.22

>正常に選択できるようになってよかったですね。

ありがとうございます。配布資料がなければ出来ませんでした。
感謝です。
Joyfulyy画像掲示板を使っている方は,結構いらっしゃると思いますが
自分で修正できる方は限られているように思います。
きっと私だけでなく、その修正方法を知らないまま使われている方が多いのではないかと思います。
(別な掲示板に乗り替える前に)一人でも多くの方に、ここに朗報があることを知って欲しいと思います。

>このページへの投稿が少ないのですべて理解されているものと思っていました
>従って近々閉鎖しようと思っていました

理解されている・・・ではなく
私を含め、雑記帳を拝見した多くの方々は
質問できるところまで到達できていない・・・が実情ではないかと思います。
いつか困って検索してみてmichi様のサイトにたどり着く方が、きっとこれからもいらっしゃると思います。
その方がメールで質問されるか、掲示板で質問されるか分かりませんが
質問しても良いのだと思えるそんなページがあると助かると思います。

>このまま残しましょう

はい。質問できるレベルに行くことが出来ましたら、また投稿させていただきたいと思います。
よろしくお願いいたします。




 

PDFファイルを新しいウインドウ...  投稿者: michi 投稿日:2011/06/03(Fri) 15:07 No.16

このことについては「joyfulyyの改造」の 10.追加(2)で説明してあります
http://onohp.com/sonota/zatuki/sonota/joyfulyy/index.html

> 残念ながら、cgiの変更にどうしても到達できずにおります。
> 御指摘のcgiをon lineで開くことができませんでした。

当然 cgi は on line 上では実行できません
on line 上で実行するためには
PC上でcgi・phpの実行
http://onohp.com/sonota/zatuki/sonota_memo/cgi_php_set/index.html
で説明しているように自分のPC上で実行できる環境を構築しなければなりません

その他とりあえずの方法としてTeraPad 等のエディターで j_lib_ri.cgi の下記の部分を修正します

 print "<a href=\"$gf_pass\">";
    下記のように書き換える
 print "<a href=\"$gf_pass\" target=\"_blank\">";

これをFFTPでサーバーに転送します
この場合失敗してはいけないので事前に j_lib_ri.cgi のファイル名を _j_lib_ri.cgi に変更しておきます
j_lib_ri.cgi は新しく転送するのでパーミッションを設定します

まずはここまで<adminedit><TABLE width="100%" cellpadding="3" cellspacing="0"><TR><TD align="right"><FONT color="#666666"><small></small></FONT></TD></TR></TABLE></adminedit>




Re: PDFファイルを新しいウイン...   イルカ - 2011/06/03(Fri) 19:36 No.17

なんとなく、うまくいったようです。

j_lib_ri.cgi を置換し、アップしました。

ありがとうございました。




Re: PDFファイルを新しいウイン...   michi - 2011/06/03(Fri) 21:01 No.18

成功ですね
ブラウザで表示させてみると新しいタブで表示されるので当初の目的を達成できたようです
おめでとうございました




 

PDFファイルの閲覧  投稿者: michi 投稿日:2011/06/03(Fri) 14:40 No.15

PDFを開いたとき普通はブラウザ上で閲覧します
これをAdobe Reader で閲覧するためには
1.Adobe Reader をクリック
2.[編集]→[環境設定]で「PDFをブラウザに表示」のチェックを外します
但し事前にファイルの関連づけを .PDF → Adobe Reader に設定しておきます
何かの参考になればと、ここに掲載しておきます






[直接移動] [1] [2]
投稿画像の表示サイズを変更できます
投稿記事のbニ、投稿した時のパスワード(削除キー)を入れると修正・削除ができます
記事の修正では、画像の追加削除も出来ます。お気軽にドーゾ。

処理 記事No 修正キー

- Joyful Note -
- JOYFULYY v2.50y24m45 :Edit by Yamamoto -
< Edit by michi >