Beefy Boxes and Bandwidth Generously Provided by pair Networks
Problems? Is your data what you think it is?
 
PerlMonks  

Lightweight interface to cast votes?

by LanX (Bishop)
on Nov 04, 2017 at 14:18 UTC ( #1202747=monkdiscuss: print w/replies, xml ) Need Help??

Hi

I wanted to address the problem that we need to scroll down in order to click the vote button, which is annoying when reading longer sub-threads.

(At least when using a mobile I can't just hit return to submit)

I can think of a nodelet hack injecting buttons which does am AJAX request and updates the result.

Problem is that this would cause unnecessary overhead because the whole page is returned.

I was browsing thru our XML generators but couldn't find any mention of a light weight interface.

Am I missing something?

Cheers Rolf
(addicted to the Perl Programming Language and ☆☆☆☆ :)
Je suis Charlie!

updated

improved wording, added emphasize

Replies are listed 'Best First'.
Re: Lightweight interface to cast votes?
by roboticus (Chancellor) on Nov 04, 2017 at 14:29 UTC

    LanX:

    For years, I've been using the suggestion in Re: The big Vote button to put a little CSS in the display settings to put the vote button in my UL corner. Since it's already built into perlmonks.org, it won't increase the traffic. You can also use an external CSS style sheet with this method.

    I use the first clause below (I'm leaving the rest here in case I bungle my settings in the future and need to find it again):

    input[name="sexisgreat"] { position: fixed; top: 0px; left: 0px; z-index:1; padding: 5px; border: 4px solid red; } pre.code tt.codetext { counter-reset: codeLines; } pre.code i::before { counter-increment: codeLines; content: counter(codeLines,decimal-leading-zero) ": "; } span.line-breaker { content: '' } div.readmore { background-color: inherit; padding-left: 4px; border-left-width: 5px; border-left-color: #00ff00; border-left-style: solid; margin-left: -9px; } input[name="viewedNewNodes"] { position: fixed; top: 0px; left: 0px; z-index:1; padding: 5px; border: 4px solid green; }

    Just drop it in the "On Site CSS Markup" section of the "Style Sheet Settings" are in the Display Settings page. Alternatively, put it on your hard drive and link it as an external style sheet in the "Link to External CSS Stylesheet" box (I use C:/Work/DATA/PM.css).

    Edit: tweaked last paragraph.

    Edit: The last section puts the "Check for newer nodes" / "I've checked all these" button on the Newest Nodes page up in the UL corner as well. I put an ugly big border on them so I can find them quickly with my old tired myopic eyes... ;^)

    ...roboticus

    When your only tool is a hammer, all problems look like your thumb.

      Roboticus

      Thanks, nice! :)

      But without having tested, I'm wondering how this solves the overhead problem which could be solved by a lightweight interface?

      Like extra ...

      • ... traffic size
      • ... delay
      • ... server load
      • ... need to rebuild the whole page
      ?

      Cheers Rolf
      (addicted to the Perl Programming Language and ☆☆☆☆ :)
      Je suis Charlie!

        LanX

        I might've misunderstood what you were asking in regards to the overhead. The only problem it solves that I'm aware of is keeping the button on the screen for easy access. When you mentioned the AJAX and such, I thought that your JSON nodelet hack was going to do extra work to incur the overhead that you were talking about.

        ...roboticus

        When your only tool is a hammer, all problems look like your thumb.

Re: Lightweight interface to cast votes? (votebot)
by LanX (Bishop) on Nov 05, 2017 at 12:44 UTC
    I looked into the "vote/voteit" code and realized the deeper problem is the desire to block "votebots" manipulating the reputation of nodes.

    So realizing an xml interface would contradict this to a certain extend , but ironically the workarounds I described show how limited the security measures are at the moment* ...

    Cheers Rolf
    (addicted to the Perl Programming Language and ☆☆☆☆ :)
    Je suis Charlie!

    *) @Pm Devs see details in pmdev to-do wiki

Re: Lightweight interface to cast votes?
by LanX (Bishop) on Nov 04, 2017 at 23:16 UTC
    FWIW, here a found a partial solution ...

    Adding a parameter displaytype with the value xml to the vote request/form will result in returning an xml instead of HTML.

    For instance

    <node id="1202729" title="regex replace a string" created="2017-11-03 +19:37:29" updated="2017-11-03 19:37:29"> <type id="115">perlquestion</type> <author id="1139608">OldChamp</author> <data> <field name="doctext"> <p> In a text file there are constant string1, for example Event "?" f +ollowed by some text and then a string2, which is spacebspace- or spa +cewspace-.</p> <p> I want to replace string1 with Event "Black to move" or Event "Whi +te to move" dependant on srting2.</p> </field> <field name="reputation">-2</field> </data> </node>

    Load wise it's still not optimal, because the raw content of the root post is still returned in field doctext but it's OK for an XML-HTTP-request.

    One can also vote on posts of the subtree, but the resulting reputation is not included, and needs to be gathered separately.

    Cheers Rolf
    (addicted to the Perl Programming Language and ☆☆☆☆ :)
    Je suis Charlie!

Re: Lightweight interface to cast votes? (Free Nodelet Hack)
by LanX (Bishop) on Nov 04, 2017 at 15:59 UTC
    For a start:

    Here a simplistic Free Nodelet hack which duplicates the vote-button next to all vote-radios.

    Ugly but effective.

    NB: This is still not solving the problem of unnecessary overhead by

    • traffic,
    • load-time
    • need to rebuild the page

    Add the following to your Free Nodelet Settings

    <script> //<!-- ( function (){ var button = document.getElementsByClassName('voteit')[0].firstChi +ld.firstChild; var votes = document.getElementsByClassName('reputation'); for ( i in votes ) { el= votes[i]; if ( el.id == "" ) { el.firstChild.appendChild( button.cloneNode() ) } } })() // --> </script>

    Cheers Rolf
    (addicted to the Perl Programming Language and ☆☆☆☆ :)
    Je suis Charlie!

      I think i posed a low overhead url
Re: Lightweight interface to cast votes?
by Discipulus (Monsignor) on Nov 11, 2017 at 19:09 UTC
    hello LanX

    just casually found this post with jquery and CSS vote caustomization. Might be of inerest.

    L*

    There are no rules, there are no thumbs..
    Reinvent the wheel, then learn The Wheel; may be one day you reinvent one of THE WHEELS.
      Thank you. I agree that CSS is the best approach if you just want to "move" the button. ( see also this reply)

      But my goal is to have an AJAX solution, which avoids reloading the whole page.

      Reloading includes

      • seconds of delay
      • losing the scroll / position.
      Please compare how it is solved at sites like stack overflow.

      I already suggested a fix to allow this and am waiting for reaction.

      Unfortunately the number of gods being around at the moment is very limited.

      UPDATE

      see also Let's Make PerlMonks Great Again!

      Cheers Rolf
      (addicted to the Perl Programming Language and ☆☆☆☆ :)
      Je suis Charlie!

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: monkdiscuss [id://1202747]
Front-paged by Athanasius
help
Chatterbox?
and all is quiet...

How do I use this? | Other CB clients
Other Users?
Others examining the Monastery: (7)
As of 2018-06-18 11:44 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?
    Should cpanminus be part of the standard Perl release?



    Results (109 votes). Check out past polls.

    Notices?