Help texbox html golang jquery

ovs444 · March 14, 2021, 1:33am

how Autocomplete textbox with golang, jQuery and MySql Source Code: …

Kristian_Nissen · March 16, 2021, 6:57pm

It is not jQuery but vanilla Javascript made as a web component

kristiannissen/ideal-octo-bassoon/blob/master/static/pwa/js/modules/search.js

/**
 * @file search.js
 */
"use strict";

const template = document.createElement("template");
template.innerHTML = `
    <style>
        :host {
            display: block;
        }
        .typeahead-item {
            padding: 10px 5px;
            border-bottom: 1px solid #d2d6dd;
        }
        .typeahead-item:last-child {
            border-bottom: 0;
        }
    </style>
    <style>

This file has been truncated. show original

PubSub and logic

github.com

kristiannissen/ideal-octo-bassoon/blob/master/static/pwa/js/app.js

/**
 * @file app.js
 */

import Search from "./modules/search.js";
import Card from "./modules/card.js";
import Snackbar from "./modules/snackbar.js";
import Context from "./modules/context.js";

let ctx = new Context();

let dashboard = document.querySelector("#dashboard")
// TODO come up with something better
fetch(`/api/dashboard`)
    .then(resp => resp.json())
    .then(data => {
        let date = new Date(Date.parse(data.FileModTime))
        let table = dashboard.querySelector("#table")
        table.innerHTML = `<h4>Number of Hops ${data.NumberOfHops}</h4>`
    })

This file has been truncated. show original

API http handler

github.com

kristiannissen/ideal-octo-bassoon/blob/master/handlers/handlers.go

package handlers

import (
	"encoding/json"
	"fmt"
	t "github.com/kristiannissen/ideal-octo-bassoon/template"
	"io/ioutil"
	"log"
	"net/http"
	"net/url"
	"os"
	str "strings"
)

type Hop struct {
	Name                 string
	Substitutes          string
	Betaacidcomposition  string
	Purpose              string
	Country              string

This file has been truncated. show original

Sibert · March 16, 2021, 10:32pm

You can use the built in html “datalist” and populate them using MySQL

system · June 14, 2021, 10:40pm

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.