- ID de l'analyse :
- 51004d67-bc8a-4bce-ba51-a3bc2df223c0Terminée
- URL soumise :
- https://www.dmpsy.club/LusherTest.php
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 32 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
dsc | object |
k | number |
pair1 | string |
formula1 | string |
Stream | function |
Messages de journal de console : 22 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
log | javascript |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content=""психодиагностика, тестирование, опросники, консультации,экспериментальная психология">
<meta name="description" content="Психодиагностический портал. Новости, методики, тесты, опросники, консультации.">
<link href="favicon.ico" rel="icon" type="image/x-icon">
<title>Психодиагностика</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--<link rel="stylesheet" type="text/css" href="css/styleRpu1.css" /> -->
<link rel="stylesheet" type="text/css" href="css/styleBadminton.css">
<style>
body {
margin: 0%; /* Убираем отступы */
/* background: #fd0; Цвет фона */
padding: 20px; /* Поля вокруг текста */
}
.parent {
margin: 20%; /* Отступы вокруг элемента */
background: #fd0; /* Цвет фона */
padding: 10px; /* Поля вокруг текста */
}
.child {
border: 3px solid #666; /* Параметры рамки */
padding: 10px; /* Поля вокруг текста */
margin: 10px; /* Отступы вокруг */
}
</style>
</head>
<body>
<h1>Психодиагностический портал</h1>
<ul id="nav">
<li><a href="index.php">Главная</a></li>
<li><a href="services.php">Услуги</a></li>
<li><a href="gb.php">Гостевая книга</a></li>
<li><a href="contacts.php">Контакты</a></li>
<li><a href="about.php">О нас</a></li>
<li><a href="index_ENG.php">English</a></li>
<li><a href="index_CN.php">中文</a></li>
</ul>
<!-- <menu type="toolbar">
<li>
<menu label="Файл">
<button type="button">Новый...</button>
<button type="button">Открыть...</button>
<button type="button">Сохранить</button>
</menu>
</li>
<li>
<menu label="Правка">
<button type="button">Копировать</button>
<button type="button">Вырезать</button>
<button type="button">Вставить</button>
</menu>
</li>
</menu> -->
<style>
/* h1,h2 { ===*/
/*===color: red; ===*/
/*===font-family: "Times New Roman", Georgia, Serif; ===*/
/*===line-height: 1.3em;
/*===}===*/
.description{
width:60%;
margin:10px; /*== 31%; ==*/
background: #fafafa;
border: 2px solid silver;
border-radius: 10px;
padding: 1.2% 2%;
color: #474747;
font-size: 1.1em;
text-align:justify;
}
table, td,th{
border: 2px solid silver;
/*=== background: #fafafa; ===*/
}
.onimg { cursor: pointer; }
.lusher img {
border: 1px solid #f6f6f6;
border-radius: 15px;
}
.lusher img:hover {
border: 1px solid #2885be;
border-radius: 10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="./js/lusher.js"></script>
<!--<header id="header" style="width:100%">
<p>This is a header</p>
</header> -->
<h2>Тест Люшера</h2>
<br><br>
<input type="button" id="ShowDescription" name="ShowDescription" value="Описание теста" onclick="return $('#test_description').show();">
<div id="test_description" class="description" style="display:none">
<br><br>
<h3> Описание </h3>
<p>
Цветовая диагностика Люшера позволяет измерить психофизиологическое состояние человека, его стрессоустойчивость, активность и коммуникативные способности.
Тест Люшера выявляет причины психологического стресса, который может привести к появлению физиологических симптомов. Профессор Люшер обнаружил, что восприятие цвета
объективно и универсально для всех, но индивидуальные предпочтения в выборе цветов субъективны. Это отличие позволяет измерять актуальные субъективные состояния при
помощи тестовых цветов.
</p>
<p>
Цветовой тест Люшера (ЦТЛ) прост, но чрезвычайно информативен. ЦТЛ диагностирует не свойства личности, а ее состояния: опыты показывают, что через 1-2 месяца люди
раскладывают ЦТЛ совершенно иначе.
</p>
<p>
В настоящее время существует два варианта теста Люшера: краткий и полный. При применении краткого варианта используется набор (таблица) из восьми цветов:
</p><ul>
<li> серого (0); </li>
<li> темно-синего (1); </li>
<li> сине-зеленого(2); </li>
<li> красно-желтого (3); </li>
<li> желтого (4); </li>
<li> фиолетового (5); </li>
<li> коричневого (6); </li>
<li> черного (7). </li>
</ul>
<p></p>
<p>
Полный вариант ЦТЛ («Клинический цветовой тест») состоит из следующих семи цветовых таблиц:
</p><ol>
<li> серого цвета;</li>
<li> восьми цветов (краткого теста);</li>
<li> четырех основных цветов;</li>
<li> синего цвета;</li>
<li> зеленого цвета;</li>
<li> красного цвета;</li>
<li> желтого цвета.</li>
</ol>
<p></p>
<p>
Процедура тестирования состоит в упорядочивании цветов испытуемым по убыванию их субъективной приятности.
Инструкция предусматривает просьбу отвлечься от ассоциаций, связанных с модой, традициями, общепринятыми вкусами и постараться выбирать цвета,
только исходя из своего личного отношения.
</p>
<p>
Результаты цветовой диагностики дают ценную психотерапевтическую информацию, поскольку выбор цвета основан на бессознательных процессах,
он указывает на то, каков человек на самом деле, а не на то, каким он себя представляет или каким бы он хотел быть, как это часто случается при использовании опросных методов.
Тест Люшера позволяет провести быстрый и глубокий анализ личности на основе информации, полученной при простом ранжировании цветов.
</p>
<input type="button" id="HideDescription" name="HideDescription" value="Скрыть описание" onclick="return $('#test_description').hide();">
</div>
<br><br>
<input type="button" id="ShowInstruction" name="ShowInstruction" value="Инструкция" onclick="return $('#instruction').show();">
<div id="instruction" class="description" style="display:none">
<br><br>
<h3> Инструкция </h3>
<p>
Выберите карточку наиболее Вам приятного цвета, при этом не связывая цвет карточки с цветом Вашей одежды, машины и т.п. Как только выбранная Вами карточка исчезнет, повторите свои действия до тех пор, пока не переберете все карточки.
</p>
<input type="button" id="HideInstruction" name="HideInstruction" value="Скрыть инструкцию" onclick="return $('#instruction').hide();">
</div>
<br><br>
<form id="QuestForm" align="left" method="POST">
<center>
<div class="onimg">
<label id="label1"><span class="masha_index masha_index3" rel="3"></span></label>
<label id="label2" style="display:none"><span class="masha_index masha_index4" rel="4"></span>Еще раз внимательно рассмотрите все восемь цветов и выберите цвет, который нравится Вам больше всего. Не пытайтесь вспомнить или повторить тот порядок, в котором вы выбирали цвета в первый раз. Просто выбирайте цвета, как будто видите их впервые...</label>
<table cellpadding="5" id="colors" class="lusher">
<tbody><tr><td>
<img id="img0" src="./images/lush0.jpg" onclick="Col0(this.form); Stream(this.form); return false">
<img id="img1" src="./images/lush1.jpg" onclick="Col1(this.form); Stream(this.form); return false">
<img id="img2" src="./images/lush2.jpg" onclick="Col2(this.form); Stream(this.form); return false">
<img id="img3" src="./images/lush3.jpg" onclick="Col3(this.form); Stream(this.form); return false">
</td></tr>
<tr><td>
<img id="img4" src="./images/lush4.jpg" onclick="Col4(this.form); Stream(this.form); return false">
<img id="img5" src="./images/lush5.jpg" onclick="Col5(this.form); Stream(this.form); return false">
<img id="img6" src="./images/lush6.jpg" onclick="Col6(this.form); Stream(this.form); return false">
<img id="img7" src="./images/lush7.jpg" onclick="Col7(this.form); Stream(this.form); return false">
</td></tr>
</tbody></table>
<table cellpadding="5" id="secondcolors" style="display:none" class="lusher">
<tbody><tr><td>
<img id="img77" src="./images/lush7.jpg" onclick="Col7(this.form); Stream(this.form); return false">
<img id="img66" src="./images/lush6.jpg" onclick="Col6(this.form); Stream(this.form); return false">
<img id="img55" src="./images/lush5.jpg" onclick="Col5(this.form); Stream(this.form); return false">
<img id="img44" src="./images/lush4.jpg" onclick="Col4(this.form); Stream(this.form); return false">
</td></tr>
<tr><td>
<img id="img33" src="./images/lush3.jpg" onclick="Col3(this.form); Stream(this.form); return false">
<img id="img22" src="./images/lush2.jpg" onclick="Col2(this.form); Stream(this.form); return false">
<img id="img11" src="./images/lush1.jpg" onclick="Col1(this.form); Stream(this.form); return false">
<img id="img00" src="./images/lush0.jpg" onclick="Col0(this.form); Stream(this.form); return false">
</td></tr>
</tbody></table>
</div>
</center>
<div id="second" style="display:none;">
<center>
<h3 class="description">Вам необходимо сделать две выборки: отдохните одну-две минуты и продолжите тестирование...</h3>
<br><br>
<input type="button" class="btntest" value="Продолжить тестирование" onclick="Stream(this.form)">
</center>
</div>
<hr>
<br>
<b>Пожалуйста, укажите:</b>
<br>
<br>
<table>
<tbody><tr>
<th style="border: 1px solid silver;">Пол
</th><th style="border: 1px solid silver;">Возраст
</th><th style="border: 1px solid silver;">Образование
</th></tr>
<tr>
<td>
<input type="radio" name="gender" value="M" checked="">Мужской <br>
<input type="radio" name="gender" value="F">Женский <br>
<input type="radio" name="gender" value="O">Другой
</td>
<td>
<input type="number" name="age" value="30" min="5" max="100">
</td>
<td>
<select id="educ" name="education">
<option value="Elementary">Начальное</option>
<option value="Secondary">Среднее</option>
<option value="Higher" selected="">Высшее</option>
<option value="Degree">Уч.степень</option>
</select>
</td>
</tr>
</tbody></table>
<hr>
<br>
<br>
<br>
<input type="button" id="Calculate" name="Calculate" value="Рассчитать результаты" style="display:none" onclick="showFinal(); return calculate_results()">
</form>
<div id="ResultBlock" style="display:none">
<h2>Результаты тестирования</h2>
<br>
<table>
<tbody><tr>
<th>Пол
</th><th>Возраст
</th><th>Образование
</th></tr>
<tr>
<td id="gender"></td>
<td id="age"></td>
<td id="education"></td>
</tr>
</tbody></table>
<div id="resulttext">
<hr>
<h3>Первая выборка:</h3>
<p id="formula1" class="description"></p>
<p id="result" class="description"></p>
<h3>Вторая выборка:</h3>
<p id="formula2" class="description"></p>
<p id="result2" class="description"></p>
</div>
<div id="order">
<hr>
<input type="submit" name="send" value="Заказать подробное описание" onclick="return make_order()">
<h3>на Ваш E-mail:</h3><input type="text" id="email" value="Email"><br><br>
<hr>
<br><br>
<p>
<span id="information" class="description" style="display:none; color: green; font-size: 1.5em"></span>
</p>
<br><br>
<hr>
</div>
<span id="formula" style="display:none"></span>
<a class="print-doc" href="javascript:(print());"> <img src="images/print.png" alt="Распечатать"></a>
<p>Уникальных посетителей: 269<br>Просмотров: 1329</p>
<!--<footer id="footer" style="width:100%">
<p>This is a footer<p>
</footer> -->
<script type="text/javascript">
function funcBefore(){
$("#information").text("Ожидание данных...");
}
function funcSuccess(data) {
//if(data == "Fail")
// alert("Имя занято");
//else
$("#information").html(data);
}
function funcSuccess2(data){
$("#information").html("Заказ принят, Ваш адрес:" + data);
$('#information').show(); //Show it
}
function make_order(){
var Email = $('#email').val();
var Gender = $('input[name="gender"]:radio:checked').val();
var Age = $('input[name="age"]').val();
var Education = $('#educ').val();
$.ajax({ //Post to backend.php
url: "inc/backend.php",
type: "POST",
data: ({test: "Order",
ticket: "L8",
email: Email,
gender: Gender,
age: Age,
education: Education}),
dataType:"html",
beforeSend: funcBefore, // Perform funcBefore until the answer received -->
success: funcSuccess2 //Perform funcSuccess when the answer (data) received from content.php -->
});
}
function calculate_results(){
var Gender = $('input[name="gender"]:radio:checked').val();
var Age = $('input[name="age"]').val();
var Education = $('#educ').val();
$('#gender').html(Gender);
$('#age').html(Age);
$('#education').html($('#educ option:selected').text());
var Formula = $('#formula').html();
$('#QuestForm').hide(); //Hide questions
$('#ResultBlock').show(); //Show results
$.ajax({ //Post to backend.php
url: "inc/backend.php",
type: "POST",
data: ({test: "Lusher",
gender: Gender,
age: Age,
education: Education,
formula: Formula}),
dataType:"html",
beforeSend: funcBefore, // Perform funcBefore until the answer received -->
success: funcSuccess //Perform funcSuccess when the answer (data) received from content.php -->
});
}
</script>
</div></body></html>