T137 given tip is shown when condition is met

This commit is contained in:
2021-02-11 10:20:44 +01:00
parent 73031acee9
commit 78d35c5f74
3 changed files with 20 additions and 4 deletions

View File

@@ -51,4 +51,21 @@ function showHeaders(){
$('#headersTab').off('click');
}
$('#messageLink').mouseover(function(){$('#messageLinkTip').css('display', 'block')});
$('#messageLink').mouseleave(function(){$('#messageLinkTip').css('display', 'none')});
$('#httpStatus').mouseover(function(){$('#httpStatusTip').css('display', 'block')});
$('#httpStatus').mouseleave(function(){$('#httpStatusTip').css('display', 'none')});
$('#typeSelector').mouseover(function(){$('#typeSelectorTip').css('display', 'block')});
$('#typeSelector').mouseleave(function(){$('#typeSelectorTip').css('display', 'none')});
$('#bodyEditor').mouseover(function(){$('#bodyEditorTip').css('display', 'block')});
$('#bodyEditor').mouseleave(function(){$('#bodyEditorTip').css('display', 'none')});
$('#headersTab').mouseover(function(){$('#headersTabTip').css('display', 'block')});
$('#headersTab').mouseleave(function(){$('#headersTabTip').css('display', 'none')});
$('#historyTab').mouseover(function(){$('#historyTabTip').css('display', 'block')});
$('#historyTab').mouseleave(function(){$('#historyTabTip').css('display', 'none')});
$('#headerKeyInput').mouseover(function(){$('#newHeaderTip').css('display', 'block')});
$('#headerKeyInput').mouseleave(function(){$('#newHeaderTip').css('display', 'none')});
$('#headerValueInput').mouseover(function(){$('#newHeaderTip').css('display', 'block')});
$('#headerValueInput').mouseleave(function(){$('#newHeaderTip').css('display', 'none')});

View File

@@ -96,10 +96,10 @@
<div id="bodyEditorTip" class="collapsible" style="display: none;">
<p>Text placed in this field will be displayed as response body</p>
</div>
<div id="headersTip" class="collapsible" style="display: none;">
<div id="headersTabTip" class="collapsible" style="display: none;">
<p>Set headers for your messages.</p>
</div>
<div id="historyTip" class="collapsible" style="display: none;">
<div id="historyTabTip" class="collapsible" style="display: none;">
<p>Check history of this message</p>
</div>
<div id="newHeaderTip" class="collapsible" style="display: none;">