プルダウンメニューでリンクを作成したい
→
1.[ページ編集]画面で、プルダウン(オプション)メニューを挿入する箇所をクリックします。
2.次に、画面右端にある「パレット」の中から[素材]タブをクリックします。<図1>
3.[素材]タブが開いたら、上部にある[スクリプト]をクリックします。
4.すると、下部に様々な[スクリプト]が表示されるので、その中から[m_selectbox.js]を選択して[挿入]ボタンをクリックします。
5.[ページ編集]画面上には、黄色い{S}のマークのみ表示されますが、[プレビュー]画面で確認するとプルダウン(オプション)メニューが確認できます。
6.このままでは、リンク先がjustsystemsになっているのでリンク先の変更を行います。
7.ページ編集画面にある黄色い{S}のマークを右クリックし、表示された画面から属性の変更を選択します。
<script type=”text/javascript” language=”JavaScript”>
<!–
function jumpURL(target){
if(target != “”){
location.href = target
}
}
document.write(‘<FORM>’)
document.write(‘<SELECT NAME=”select” onChange=”jumpURL(this.options[this.selectedIndex].value)”>’)
document.write(‘<OPTION VALUE=””>セレクトボックス’);
document.write(‘<OPTION VALUE=”http://www.justsystems.com/jp/”>リンク1’);
document.write(‘<OPTION VALUE=”http://www.justsystems.com/jp//”>リンク2’);
document.write(‘<OPTION VALUE=”http://www.justsystems.com/jp/”>リンク3’);
document.write(‘</SELECT></FORM>’)
//–>
</script>
※htmlソースで貼り付ければSPでもwordpress表示可能