人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

XOOPSの質問です。
デザインテーマは、管理画面に入らなくてもリストから一般ユーザーが自由にその場で選べます。

モジュールもあらかじめ、「ビジネス系」「コミュニケーション系」・・・など分けておき、管理画面から表示の管理をしなくても一般ユーザーが選べるようにしたいのですが、方法はありますか?

●質問者: clinejp
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:XOOPS コミュニケーション テーマ デザイン ビジネス
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● keima87
●60ポイント

http://q.hatena.ne.jp/

上はダミーです。

HTMLブロックにJavascriptで記述してみてはいかがでしょうか?

各モジュールのアクセス制限にはなりませんが見た目はそれっぽくなると思います。

以下サンプルで作ってみました

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

</script>

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 8px; top: 89px;">

<p>ビジネス系 <img src="xxx" alt="削除" width="53" height="17" onClick="MM_showHideLayers('Layer1','','hide')"></p>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

</div>

<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 9px; top: 214px;">

<p>コミュニケーション系<img src="xxx" alt="削除" width="53" height="17" onClick="MM_showHideLayers('Layer2','','hide')"></p>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

<p>&nbsp;</p>

</div>

<p>ビジネス系

<img src="xxx" alt="表示" width="53" height="17" onClick="MM_showHideLayers('Layer1','','show')">

<br>

コミュニケーション系<img src="xxx" alt="表示" width="53" height="17" onClick="MM_showHideLayers('Layer2','','show')"></p>

◎質問者からの返答

すごい回答ありがとうございます

恐縮です。

勉強しながら頑張ってみます。

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ