[shinko]

【お使いの Snow Monkey のバージョン】バージョン 17.2.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 17.2.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.1.0
【お使いのブラウザ】chrome

お世話になります。

ブロックエディタのタブを使用して、複数のタブを設定しおります。

トップページのボタンをクリックしたら、他の固定ページにある特定に移動させたいのですが、どのようにすればよろしいでしょうか？

タブが2つあり、ボタンをクリックしたら右のタブが開いた状態にリンクさせたいです。

よろしくお願いします。

♥ 0

いいねをした人: 居ません

[GONSY]

Snow Monkey Blocksの「タブ」設置について

このトピックには5件の返信、2人の参加者があり、最後に九州機電株式会社により8ヶ月、 1週前に更新されました。…

snow-monkey.2inc.org

フォーラム内を検索すると、タブのリンクに関する情報が散見しますが、こちらのトピックが参考になると思います。

♥ 1

いいねをした人:

[shinko]

ありがとうございます。

すみません、わたしの知識不足で分かりませんでした。

 

window.location.searchを使ってとありますが、どこを改変すればいいのでしょうか？

何度もお手数おかけして申し訳ありません。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

location.search の参考ページを張っておきます。

location.search – Web API | MDN

search は Location インターフェイスのプロパティで、クエリー文字列とも呼ばれる検索文字列です。つまり、 '?' の後の URL 引数を含む USVString を指定しま…

developer.mozilla.org

前述のコードを参考にちょっと書いてみました。動作未確認＆ESNext 構文で書いているので正しく動かない可能性があります。参考にして調整してみてください。

window.addEventListener(
	'load', // ページを完全に読み込んだ後に実行
	() => {
		// 対象とするタブブロックを指定
		const tabs = document.querySelector( '[data-tabs-id="0cd7c37d-33db-4b10-b91d-30a091d2f667"]' );

		if ( !! tabs ) {
			// 現在のページのクエリを取得（例： ?tab=hoge）
			const search = window.location.search;

			if ( !! search ) {
				// search からタブの指定を取得
				const searchParams = new URLSearchParams( search );
				const targetTab = searchParams.get( 'tab' );

				// ?tab が「hoge」なら
				if ( 'hoge' === targetTab ) {
					// 対象とするタブを指定
					const tab = tabs.querySelector( '[aria-controls="block-ce097728-902c-47fa-9c7b-d25e712c782f"]' );
					if ( !! tab ) {
						// 対象のタブを強制クリックする
						tab.click();
					}
				}
			}
		}
	},
	true
);

♥ 0

いいねをした人: 居ません

[shinko]

ありがとうございます。

やってみます。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿