Skip to content

Commit

Permalink
モバイル判定の768px以下をスマホ判定768px未満に変更。(CheerpJ3.1で768pxのiPadからの投稿が可能になるため。
Browse files Browse the repository at this point in the history
  • Loading branch information
@satopian
satopian committed Dec 28, 2024
1 parent 49b67c4 commit 40f95b8
Show file tree
Hide file tree
Showing 2 changed files with 237 additions and 244 deletions.
220 changes: 108 additions & 112 deletions potiboard5/templates/basic/js/basic_common.js
View file
Original file line number Diff line number Diff line change
@@ -1,130 +1,126 @@
jQuery(function () {
//URLクエリからresidを取得して指定idへページ内を移動
const urlParams = new URLSearchParams(window.location.search);
const resid = urlParams.get("resid");
const document_resid = document.getElementById(resid);
if (document_resid) {
document_resid.scrollIntoView();
}
//URLクエリからresidを取得して指定idへページ内を移動
const urlParams = new URLSearchParams(window.location.search);
const resid = urlParams.get("resid");
const document_resid = document.getElementById(resid);
if (document_resid) {
document_resid.scrollIntoView();
}

window.onpageshow = function () {
$('[type="submit"]').each(function () {
const $btn = $(this);
const $form = $btn.closest("form");
const isTargetBlank = $form.prop("target") === "_blank";
window.onpageshow = function () {
$('[type="submit"]').each(function () {
const $btn = $(this);
const $form = $btn.closest("form");
const isTargetBlank = $form.prop("target") === "_blank";

$btn.prop("disabled", false);
// ボタンが target="_blank" の場合は無効化しない
if (!isTargetBlank) {
$btn.on("click", function () {
//ボタンをクリックすると
$btn.prop("disabled", true); //ボタンを無効化して
$form.trigger("submit"); //送信する
$btn.prop("disabled", false);
// ボタンが target="_blank" の場合は無効化しない
if (!isTargetBlank) {
$btn.on("click", function () {
//ボタンをクリックすると
$btn.prop("disabled", true); //ボタンを無効化して
$form.trigger("submit"); //送信する
});
}
});
}
};
// https://cotodama.co/pagetop/
var pagetop = $("#page_top");
pagetop.hide();
$(window).on("scroll", function () {
if ($(this).scrollTop() > 100) {
//100pxスクロールしたら表示
pagetop.fadeIn();
} else {
pagetop.fadeOut();
}
});
};
// https://cotodama.co/pagetop/
var pagetop = $("#page_top");
pagetop.hide();
$(window).on("scroll", function () {
if ($(this).scrollTop() > 100) {
//100pxスクロールしたら表示
pagetop.fadeIn();
} else {
pagetop.fadeOut();
}
});
pagetop.on("click", function () {
$("body,html").animate(
{
scrollTop: 0,
},
500
); //0.5秒かけてトップへ移動
return false;
});
//Lightbox
if (typeof lightbox !== "undefined") {
lightbox.option({
alwaysShowNavOnTouchDevices: true,
disableScrolling: true,
fadeDuration: 0,
resizeDuration: 500,
imageFadeDuration: 500,
wrapAround: true,
pagetop.on("click", function () {
$("body,html").animate(
{
scrollTop: 0,
},
500
); //0.5秒かけてトップへ移動
return false;
});
}
//JavaScriptによるCookie発行
const paintform = document.getElementById("paint_form");
if (paintform) {
paintform.onsubmit = function () {
if (paintform.picw) {
SetCookie("picwc", paintform.picw.value);
}
if (paintform.pich) {
SetCookie("pichc", paintform.pich.value);
}
if (paintform.shi) {
SetCookie("appletc", paintform.shi.value);
}
};
}
const commentform = document.getElementById("comment_form");
if (commentform) {
commentform.onsubmit = function () {
if (commentform.name) {
SetCookie("namec", commentform.name.value);
}
if (commentform.url) {
SetCookie("urlc", commentform.url.value);
}
if (commentform.pwd) {
SetCookie("pwdc", commentform.pwd.value);
}
};
}
function SetCookie(key, val) {
document.cookie =
key + "=" + encodeURIComponent(val) + ";max-age=31536000;";
}
//Lightbox
if (typeof lightbox !== "undefined") {
lightbox.option({
alwaysShowNavOnTouchDevices: true,
disableScrolling: true,
fadeDuration: 0,
resizeDuration: 500,
imageFadeDuration: 500,
wrapAround: true,
});
}
//JavaScriptによるCookie発行
const paintform = document.getElementById("paint_form");
if (paintform) {
paintform.onsubmit = function () {
if (paintform.picw) {
SetCookie("picwc", paintform.picw.value);
}
if (paintform.pich) {
SetCookie("pichc", paintform.pich.value);
}
if (paintform.shi) {
SetCookie("appletc", paintform.shi.value);
}
};
}
const commentform = document.getElementById("comment_form");
if (commentform) {
commentform.onsubmit = function () {
if (commentform.name) {
SetCookie("namec", commentform.name.value);
}
if (commentform.url) {
SetCookie("urlc", commentform.url.value);
}
if (commentform.pwd) {
SetCookie("pwdc", commentform.pwd.value);
}
};
}
function SetCookie(key, val) {
document.cookie =
key + "=" + encodeURIComponent(val) + ";max-age=31536000;";
}
});

//shareするSNSのserver一覧を開く
var snsWindow = null; // グローバル変数としてウィンドウオブジェクトを保存する

function open_sns_server_window(event, width = 350, height = 490) {
event.preventDefault(); // デフォルトのリンクの挙動を中断
event.preventDefault(); // デフォルトのリンクの挙動を中断

// 幅と高さが数値であることを確認
// 幅と高さが正の値であることを確認
if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
width = 350; //デフォルト値
height = 490; //デフォルト値
}
var url = event.currentTarget.href;
var windowFeatures = "width=" + width + ",height=" + height; // ウィンドウのサイズを指定
// 幅と高さが数値であることを確認
// 幅と高さが正の値であることを確認
if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
width = 350; //デフォルト値
height = 490; //デフォルト値
}
var url = event.currentTarget.href;
var windowFeatures = "width=" + width + ",height=" + height; // ウィンドウのサイズを指定

if (snsWindow && !snsWindow.closed) {
snsWindow.focus(); // 既に開かれているウィンドウがあればフォーカスする
} else {
snsWindow = window.open(url, "_blank", windowFeatures); // 新しいウィンドウを開く
}
// ウィンドウがフォーカスを失った時の処理
snsWindow.addEventListener("blur", function () {
if (snsWindow.location.href === url) {
snsWindow.close(); // URLが変更されていない場合はウィンドウを閉じる
if (snsWindow && !snsWindow.closed) {
snsWindow.focus(); // 既に開かれているウィンドウがあればフォーカスする
} else {
snsWindow = window.open(url, "_blank", windowFeatures); // 新しいウィンドウを開く
}
});
// ウィンドウがフォーカスを失った時の処理
snsWindow.addEventListener("blur", function () {
if (snsWindow.location.href === url) {
snsWindow.close(); // URLが変更されていない場合はウィンドウを閉じる
}
});
}
//モバイルの時はPC用のメニューを非表示
//スマホの時はPC用のメニューを非表示
document.addEventListener("DOMContentLoaded", function () {
if (
navigator.maxTouchPoints &&
window.matchMedia &&
window.matchMedia("(max-width: 768px)").matches
) {
document.getElementById("for_mobile").textContent =
".for_pc{display: none;}";
}
if (navigator.maxTouchPoints && screen.width < 768) {
document.getElementById("for_mobile").textContent =
".for_pc{display: none;}";
}
});
Loading

0 comments on commit 40f95b8

Please sign in to comment.