Необычный способ улучшения ПФ

Сoпрoвoждeниe сaйтa и eгo прoдвижeниe – этo oтвeтствeннoe дeлo, к кoтoрoму нужнo пoдгoтaвливaться. Слeдoвaтeльнo, нужнo придумывaть, кaк зaxвaтывaть внимaниe посетителей и заставлять их проводить много времени на страницах. Для этого уже придумано много оригинальных действий, в том числе и размещение оригинального контента. Кроссворды на страницах сайта
Необычный способ улучшения ПФ, который подходит для каждой площадки. Всецело на всех ресурсах можно добавить небольшие, интерактивные кроссворды, с 5-6 заданиями. Ваши посетители будут с энтузиазмом отвечать на вопросы, а поведенческие факторы улучшатся, за счет их задержки на странице. Но чтобы добавить удобный кроссворд на своем сайте, потребуется потрудиться. К сожалению, идеальных программ и онлайн сервисов для этого не предусмотрено, поэтому придется пользоваться альтернативными способами. Как установить кроссворд на сайт? Для начала вам потребуется скачать простую программу EclipseCrossword. Программа достаточно популярна, но не имеет русскоязычной локализации, поэтому вам пригодится наглядная инструкция по использованию:

После запуска программы, выбираем пункт для создания нового кроссворда:

На первом шаге создания кроссворда, необходимо выбрать пункт добавления нового списка слов:

Затем, вам потребуется указать слова и загадки к ним, используя специальную форму:

На следующем шаге необходимо указать свое имя и название кроссворда:

Заключительный этап – это выбор количества клеток (например, 15×15). Программа представит вам варианты создания кроссворда, а вы сможете выбрать наилучший вариант. После этого, вам необходимо перейти на вкладку сохранения веб страницы и выбрать первый пункт:

Скачиваете его на свой компьютер и открываете любым редактором, например, блокнотом. Это необходимо для внесения правок в коде, которые помогут русифицировать ваш кроссворд. Найдите в коде строчку Copyright 2000—2007 Green Eclipse и после неё вставьте код. // EclipseCrossword © Copyright 2000—2007 Green Eclipse. // www.eclipsecrossword.com
var BadChars = «`~!@^*() _={[}]\|:;\»’,<.>/?»;
var TableAcrossWord, TableDownWord;
var CurrentWord, PrevWordHorizontal, x, y, i, j;
var CrosswordFinished, Initialized;
// Check the user’s browser and then initialize the puzzle. if (document.getElementById («waitmessage») != null)
{
document.getElementById («waitmessage»).innerHTML = «Please wait while the crossword is loaded…»;
// Current game variables
CurrentWord = -1;
PrevWordHorizontal = false;
// Create the cell-to-word arrays. for (var i = 0; i <= LastHorizontalWord; i++)
{
x = WordX[i];
y = WordY[i];
for (var j = 0; j < WordLength[i]; j++)
{
TableAcrossWord[x + j][y] = i;
}
}
// Second, add the vertical words to the puzzle. for (var i = LastHorizontalWord + 1; i < Words; i++)
{
x = WordX[i];
y = WordY[i];
for (var j = 0; j < WordLength[i]; j++)
{
TableDownWord[x][y + j] = i;
}
}
// Now, insert the row HTML into the table. for (var y = 0; y < CrosswordHeight; y++)
{
document.writeln («<tr>»);
for (var x = 0; x < CrosswordWidth; x++)
{
if (TableAcrossWord[x][y] >= || TableDownWord[x][y] >= 0)
document.write («<td id=\»c» + PadNumber (x) + PadNumber (y) + «\» class=\»ecw-box ecw-boxnormal_unsel\» onclick=\»SelectThisWord (event);\»>&nbsp;</td>»);
else
document.write («<td></td>»);
}
document.writeln («</tr>»);
}
// Finally, show the crossword and hide the wait message. Initialized = true;
document.getElementById («waitmessage»).style.display = «none»;
document.getElementById («crossword»).style.display = «block»;
}
// ———-
// Event handlers
// Raised when a key is pressed in the word entry box. if (CurrentWord >= && event.keyCode == 13) OKClick ();
}
// ———-
// Helper functions
// Called when we’re ready to start the crossword. function BeginCrossword ()
{
if (Initialized)
{
document.getElementById («welcomemessage»).style.display = «»;
document.getElementById («checkbutton»).style.display = «»;
}
}
// Returns true if the string passed in contains any characters prone to evil. function ContainsBadChars (theirWord)
{
for (var i = 0; i < theirWord.length; i++)
if (BadChars.indexOf (theirWord.charAt (i)) >= 0) return true;
return false;
}
// Pads a number out to three characters. function PadNumber (number)
{
if (number < 10)
return «00» + number;
else if (number < 100)
return «0» + number;
else
return «» + number;
}
// Returns the table cell at a particular pair of coordinates. function CellAt (x, y)
{
return document.getElementById («c» + PadNumber (x) + PadNumber (y));
}
// Deselects the current word, if there’s a word selected. DOES not change the value of CurrentWord. function DeselectCurrentWord ()
{
if (CurrentWord < 0) return;
var x, y, i;
document.getElementById («answerbox»).style.display = «none»;
ChangeCurrentWordSelectedStyle (false);
CurrentWord = -1;
}
// Changes the style of the cells in the current word. function ChangeWordStyle (WordNumber, NewStyle)
{
if (WordNumber< 0) return;
var x = WordX[WordNumber];
var y = WordY[WordNumber];
if (WordNumber<= LastHorizontalWord)
for (i = 0; i < WordLength[WordNumber]; i++)
CellAt (x + i, y).className = NewStyle;
else
for (i = 0; i < WordLength[WordNumber]; i++)
CellAt (x, y + i).className = NewStyle;
}
// Changes the style of the cells in the current word between the selected/unselected form. function ChangeCurrentWordSelectedStyle (IsSelected)
{
if (CurrentWord < 0) return;
var x = WordX[CurrentWord];
var y = WordY[CurrentWord];
if (CurrentWord <= LastHorizontalWord)
for (i = 0; i < WordLength[CurrentWord]; i++)
CellAt (x + i, y).className = CellAt (x + i, y).className.replace (IsSelected? «_unsel» : «_sel», IsSelected? «_sel» : «_unsel»);
else
for (i = 0; i < WordLength[CurrentWord]; i++)
CellAt (x, y + i).className = CellAt (x, y + i).className.replace (IsSelected? «_unsel» : «_sel», IsSelected? document.getElementById («welcomemessage»).style.display = «none»;
if (CurrentWord >= 0) OKClick ();
DeselectCurrentWord ();
// Determine the coordinates of the cell they clicked, and then the word that
// they clicked. var target = (event.srcElement? if (TableAcrossWord[x][y] >= && TableDownWord[x][y] >= 0)
CurrentWord = PrevWordHorizontal? TableDownWord[x][y] : TableAcrossWord[x][y];
else if (TableAcrossWord[x][y] >= 0)
CurrentWord = TableAcrossWord[x][y];
else if (TableDownWord[x][y] >= 0)
CurrentWord = TableDownWord[x][y];
PrevWordHorizontal = (CurrentWord <= LastHorizontalWord);
// Now, change the style of the cells in this word. if (TableCell.innerHTML != null && TableCell.innerHTML.length > && TableCell.innerHTML != » » && TableCell.innerHTML.toLowerCase () != «&nbsp;»)
{
TheirWord += TableCell.innerHTML.toUpperCase ();
TheirWordLength++;
}
else
{
TheirWord += «&bull;»;
}
}
document.getElementById («wordlabel»).innerHTML = TheirWord;
document.getElementById («wordinfo»).innerHTML = ((CurrentWord <= LastHorizontalWord)? «По горизонтали, » : «По вертикали, «) + WordLength[CurrentWord] + « букв(-ы).»;
document.getElementById («wordclue»).innerHTML = Clue[CurrentWord];
document.getElementById («worderror»).style.display = «none»;
if (TheirWordLength == WordLength[CurrentWord])
document.getElementById («wordentry»).value = TheirWord;
else
document.getElementById («wordentry»).value = «»;
// Finally, show the answer box. document.getElementById («answerbox»).style.display = «block»;
try
{
document.getElementById («wordentry»).focus ();
document.getElementById («wordentry»).select ();
}
catch (e)
{
}
}
// Called when the user clicks the OK link. function OKClick ()
{
var TheirWord, x, y, i, TableCell;
if (CrosswordFinished) return;
if (document.getElementById («okbutton»).disabled) return;
// First, validate the entry. TheirWord = document.getElementById («wordentry»).value.toUpperCase ();
if (TheirWord.length == 0)
{
DeselectCurrentWord ();
return;
}
if (ContainsBadChars (TheirWord))
{
document.getElementById («worderror»).innerHTML = «Только буквы!.»;
document.getElementById («worderror»).style.display = «block»;
return;
}
if (TheirWord.length < WordLength[CurrentWord])
{
document.getElementById («worderror»).innerHTML = «Мало букв. Слово состоит из » + WordLength[CurrentWord] + « букв(-ы).»;
document.getElementById («worderror»).style.display = «block»;
return;
}
if (TheirWord.length > WordLength[CurrentWord])
{
document.getElementById («worderror»).innerHTML = «Много букв. Слово состоит из » + WordLength[CurrentWord] + « букв(-ы).»;
document.getElementById («worderror»).style.display = «block»;
return;
}
// If we made it this far, they typed an acceptable word, so add these letters to the puzzle and hide the entry box. i : 0), y + (CurrentWord > LastHorizontalWord? i : 0));
TableCell.innerHTML = TheirWord.substring (i, i + 1);
}
DeselectCurrentWord ();
}
// Called when the «check puzzle» link is clicked. function CheckClick ()
{
var i, j, x, y, UserEntry, ErrorsFound = 0, EmptyFound = 0, TableCell;
if (CrosswordFinished) return;
DeselectCurrentWord ();
for (y = 0; y < CrosswordHeight; y++)
for (x = 0; x < CrosswordWidth; x++)
if (TableAcrossWord[x][y] >= || TableDownWord[x][y] >= 0)
{
TableCell = CellAt (x, y);
if (TableCell.className == «ecw-box ecw-boxerror_unsel») TableCell.className = «ecw-box ecw-boxnormal_unsel»;
}
for (i = 0; i < Words; i++)
{
// Get the user’s entry for this word. UserEntry = «»;
for (j = 0; j < WordLength[i]; j++)
{
if (i <= LastHorizontalWord)
TableCell = CellAt (WordX[i] + j, WordY[i]);
else
TableCell = CellAt (WordX[i], WordY[i] + j);
if (TableCell.innerHTML.length > && TableCell.innerHTML.toLowerCase () != «&nbsp;»)
{
UserEntry += TableCell.innerHTML.toUpperCase ();
}
else
{
UserEntry = «»;
EmptyFound++;
break;
}
}
// If this word doesn’t match, it’s an error. if ( OnlyCheckOnce )
{
CrosswordFinished = true;
document.getElementById («checkbutton»).style.display = «none»;
}
// If errors were found, just exit now. if (ErrorsFound > && EmptyFound > 0)
document.getElementById («welcomemessage»).innerHTML = ErrorsFound + (ErrorsFound > 1? « слов осталось разгадать» : « incomplete word was») + «.»;
else if (ErrorsFound > 0)
document.getElementById («welcomemessage»).innerHTML = ErrorsFound + (ErrorsFound > 1? « errors were» : « error was») + « found.»;
else if (EmptyFound > 0)
document.getElementById («welcomemessage»).innerHTML = «Нет ошибок, но » + EmptyFound + (EmptyFound > 1? « слов осталось разгадать» : « слово осталось разгадать») + » . «;
if (ErrorsFound + EmptyFound > 0)
{
document.getElementById («welcomemessage»).style.display = ««;
return;
}
// They finished the puzzle! CrosswordFinished = true;
document.getElementById („checkbutton“).style.display = „none“;
document.getElementById („congratulations“).style.display = „block“;
document.getElementById („welcomemessage“).style.display = „none“;
}
// Called when the „cheat“ link is clicked. function CheatClick ()
{
if (CrosswordFinished) return;
var OldWord = CurrentWord;
document.getElementById („wordentry“).value = Word[CurrentWord];
OKClick ();
ChangeWordStyle (OldWord, „ecw-box ecw-boxcheated_unsel“);
}
// Returns a one-way hash for a word. function HashWord (Word)
{
var x = (Word.charCodeAt (0) * 719) % 1138;
var Hash = 837;
var i;
for (i = 1; i <= Word.length; i++)
Hash = (Hash * i + 5 + (Word.charCodeAt (i — 1) — 64) * x) % 98503;
return Hash;
}
//—>
</script>
</table></td>
<td valign=»top» style=»padding-left: 1em;»>
<div class=»ecw-copyright»>
<a href=»http://www.eclipsecrossword.com/» target=»_blank» style=»font-weight: bold;»>EclipseCrossword</a> &copy; 2000—2010
</div>
<div id=»welcomemessage» class=»ecw-answerbox» style=»display:none;»>
<h3>Добро пожаловать</h3>
<p>Кликните на кроссворд для старта.</p>
</div>
<div id=»answerbox» class=»ecw-answerbox» style=»display:none;»>
<h3 id=»wordlabel» class=»ecw-wordlabel»> &nbsp;</h3>
<div id=»wordinfo» class=»ecw-wordinfo»> </div>
<div id=»wordclue» class=»ecw-cluebox»> </div>
<div style=»margin-top: 1em;»>
<input class=»ecw-input» id=»wordentry» type=»text» size=»24″ style=»font-weight: bold; text-transform:uppercase;» onkeypress=»WordEntryKeyPress (event)» onchange=»WordEntryKeyPress (event)» autocomplete=»off» />
</div>
<div id=»worderror» class=»ecw-worderror»></div>
<table border=»0″ cellspacing=»0″ cellpadding=»0″ width=»100%» style=»margin-top:1em;»><tbody><tr><td>
</td><td align=»right»>
<button id=»okbutton» type=»button» class=»ecw-input ecw-button» onclick=»OKClick ();» style=»font-weight: bold;»>
OK</button> &nbsp;
<button id=»cancelbutton» type=»button» class=»ecw-input ecw-button» onclick=»DeselectCurrentWord ();»>
Закончить</button>
</td></tr></tbody></table>
</div>
<div id=»congratulations» class=»ecw-answerbox» style=»display:none;»>
<h3>Поздравляю!</h3>
<p>Вы полностью разгадали кроссворд.</p>
</div>
</td></tr></table>
<div style=»margin-top: 1em;»>
<button id=»checkbutton» type=»button» onclick=»CheckClick ();» style=»display: none;»>
Проверить ошибки</button>
</div>
<script language=»JavaScript» type=»text/javascript»><!—
BeginCrossword ();
//—>
</script>
</body></html>

Не забудьте сохранить эти изменения и после этого можете добавлять скрипт в любую часть своего ресурса. Да, чтобы добавить кроссворд на свой сайт, придется выполнить много действий, но оно того стоит. Например, отправляя незначительные суммы денег на телефон.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *