DokuWiki

It's better when it's simple

User Tools

Site Tools


tips:double-click-to-edit

This is an old revision of the document!


Double Click to Open a Section Edit (improved)

The javascript snippet below adds the ability to double-click a section of an article to go straight to the edit mode for that section.

It is easy to add it. Just create a script.js file under your templates directory (for eg lib/tpl/default/script.js) and append the following code snippet to it:

jQuery(document).ready(function(){
 
    $dokuWiki = jQuery('.dokuwiki');
 
    /**
     * If one or more edit section buttons exist?
     * This makes sure this feature is enabled only on the edit page and for users with page edit rights.
     */
    if (jQuery('.editbutton_section', $dokuWiki).length > 0) {
 
        // register double click event for all headings and section divs
        jQuery('[class^="sectionedit"], div[class^="level"]', $dokuWiki).dblclick(function(){
            // find the closest edit button form to the element double clicked (downwards) and submit the form
            jQuery(this).nextAll('.editbutton_section:eq(0)').children('form:eq(0)').submit();
        })
    }
 
});

Remember to purge the javascript cache by calling

http://example.com/lib/exe/js.php?purge=true

and clean up your browser's cache as well.

Tested on Release 2012-01-25b “Angua”

The functionality of the code has been commented inline. Submit any improvements and fixes you may have.

For queries, contact the author on http://twitter.com/dayson

tips/double-click-to-edit.1346016286.txt.gz · Last modified: 2012-08-26 23:24 by 1.186.187.111

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki