https://htmx.org logo
Powered by
# htmx-general
  • m
    I think adam set it up for me, I don't remember to be honest building a programming language has microwaved my brain.
  • m
    Glad htmx is mostly correct o_0)))
  • g
    🙂
  • g
    uhm... Does the test works locally for you?
  • g
    Ah. they finished.... Thought it was an infinite loop printing "Dummy" at first
  • g
    I hade to add --chrome-flags '[\"--no-sandbox\"]' to make mocha-chrome start for me... But that is perhaps because I'm running in docker. Without that it wouldn't even start
  • g
    Ah. The github action has never worked...
  • m
    Some hyperscript on the new doc-search widget on https://htmx.org/:
    Copy code
    html
<input _="on keyup[key is 'Escape'] or click elsewhere 
               call me.blur() then set my.value to ''" 
  placeholder="🔍 Docs Search"  ... >
  • m
    if someone hits the escape button or clicks away, blur the input and clear it. Pretty clean!
  • m
    There's a search! 🙂 How about using hyperscript to automatically focus on the search input when pressing the forward slash key?
  • m
    i gotchu fam
  • m
    Copy code
    html
<body hx-ext="class-tools, preload" _="on keyup[key is '/'] call #search.focus()" >
  • m
    eventually to be rewritten as
    Copy code
    html
<body hx-ext="class-tools, preload" _="on keyup[key is '/'] focus() the #search" >
  • m
    should be deployed in a minute or so
  • m
    NOW HOW MUCH WOULD YOU PAY
  • m
    of course, that's kind crappy on my part, I'm not following the principle of Locality of Behavior! (https://htmx.org/essays/locality-of-behaviour/) let's fix that and put the key handler on the search box itself:
    Copy code
    html
<input _="on keyup[key is 'Escape'] or click elsewhere 
            call me.blur() then set my.value to ''
          on keyup[key is '/'] from <body/> call me.focus()"
  placeholder="🔍 / to Search Docs" ...  
  type="text" 
  id="search"/>
  • m
    in htmx 0.0.6:
  • m
    Copy code
    html
<input _="on keyup[key is 'Escape'] or click elsewhere 
            blur() then set my.value to ''
          on keyup[key is '/'] from <body/> 
            focus()"
  placeholder="🔍 / to Search Docs" 
  ...  
  type="text" 
  id="search"/>
  • m
    That's great! Thanks for the search and the shortcut
  • m
  • a
  • a
    htmx + hyperscript: The World’s First Natural Language & Meme Driven Web Development Solution
  • m
  • m
    this code is live on https://htmx.org and it sparks joy
  • g
    i love how seemingly easy it is to augment hyperscript with new functionalities lol. you just keep merging every feature request like its nothin'.
  • g
    Got my starter kit in place.
  • s
    htmx means: Create HTML on the server. This means: How to create HTML in our preferred programming language? I use Django and used format_html() and sometimes django templates. I did used both ways, but was not really happy with it. Now I found a cool way to mix html into Python: https://github.com/twidi/mixt I know this is off-topic, but maybe here is someone with a rebel-mindset who likes it 🙂
  • g
    thanks, i hate it
  • g
    😛
  • g
    what made you not like django templates
1...180181182...1146Latest