需要有关 phpBB 中 onclick BBCode Spoiler-Tag 的建议
Need advice for onclick BBCode Spoiler-Tag in phpBB
我几乎在 overall_header.html 的底部实现了这个 javascript:
<script lang="javascript" type="text/javascript">
window.onload = function() {
var IMG = document.getElementsByTagName('img');
for (var i=0;i<IMG.length;i++) {
IMG[i].addEventListener('click',fullImage,false);
}
var SPOILER = document.getElementsByClassName('spoiler');
for (var i=0;i<SPOILER.length;i++) {
SPOILER[i].addEventListener('click',showSpoiler,false);
}
};
function fullImage() {
if (this.className == '') {
this.className = 'full-image';
} else {
this.className = '';
}
}
function showSpoiler() {
if (this.className == 'spoiler') {
this.className = 'spoiler show';
} else {
this.className = 'spoiler';
}
}
</script>
然后我在 ACP 中创建了一个自定义 BBCode 标签:
[spoiler]{TEXT}[/spoiler]
<span class="spoiler" onclick="function('showSpoiler');>{TEXT}</span>
还有我的stylesheet.css
中对应的CSS类
.spoiler { color: #000000; background: #000000; cursor: help; }
.spoiler img { visibility: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.spoiler.show { text-decoration: none; background: transparent; }
.spoiler.show img { visibility: visible; display: inline-block; -webkit-user-select: all; -moz-user-select: all; user-select: all; pointer-events: all; }
现在发生的事情是标有 BBcode 剧透标签的文本将被涂黑,当我将鼠标悬停在它上面时,光标将变为帮助光标图标,但没有任何反应 "onclick"。请你告诉我如何才能让这些东西最终发挥作用?
你能帮帮我吗?
非常感谢!
我几乎在 overall_header.html 的底部实现了这个 javascript:
<script lang="javascript" type="text/javascript">
window.onload = function() {
var IMG = document.getElementsByTagName('img');
for (var i=0;i<IMG.length;i++) {
IMG[i].addEventListener('click',fullImage,false);
}
var SPOILER = document.getElementsByClassName('spoiler');
for (var i=0;i<SPOILER.length;i++) {
SPOILER[i].addEventListener('click',showSpoiler,false);
}
};
function fullImage() {
if (this.className == '') {
this.className = 'full-image';
} else {
this.className = '';
}
}
function showSpoiler() {
if (this.className == 'spoiler') {
this.className = 'spoiler show';
} else {
this.className = 'spoiler';
}
}
</script>
然后我在 ACP 中创建了一个自定义 BBCode 标签:
[spoiler]{TEXT}[/spoiler]
<span class="spoiler" onclick="function('showSpoiler');>{TEXT}</span>
还有我的stylesheet.css
中对应的CSS类.spoiler { color: #000000; background: #000000; cursor: help; }
.spoiler img { visibility: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.spoiler.show { text-decoration: none; background: transparent; }
.spoiler.show img { visibility: visible; display: inline-block; -webkit-user-select: all; -moz-user-select: all; user-select: all; pointer-events: all; }
现在发生的事情是标有 BBcode 剧透标签的文本将被涂黑,当我将鼠标悬停在它上面时,光标将变为帮助光标图标,但没有任何反应 "onclick"。请你告诉我如何才能让这些东西最终发挥作用?
你能帮帮我吗? 非常感谢!