Toggle menu
876
3.8K
30.2K
279.1K
Catglobe Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Hover on question text: Difference between revisions

From Catglobe Wiki
Hovietluu (talk | contribs)
No edit summary
Hovietluu (talk | contribs)
No edit summary
Line 27: Line 27:


The end of documentation.
The end of documentation.
[[Category:Questionnaire]]

Revision as of 13:56, 21 June 2017

If you want to show a hiding text of a question text's part with mouseover like below:

It is easy with following solution.

1. Create your hiding text and put it on html element with an id

please remember that you must have an id.

see below shotscreen:

2. Copy following code and paste it into javascript tab on your question with changing the id on it

function injectStyles(rule) {
    var div = $("<div />", {
        html: '&shy;<style>' + rule + '</style>'
    }).appendTo("body");
}

injectStyles('.cg-ui-text #myid { display: none; } .cg-ui-text:hover #myid,.cg-ui-text:focus #myid { display: block; }');

please see shotscreen to get more:

3. Save, test and get a nice result.

The end of documentation.