pkg

package
v0.3.0 Latest Latest
Warning

This package is not in the latest version of its module.

Go to latest
Published: Feb 15, 2024 License: MIT Imports: 4 Imported by: 0

Documentation

Index

Constants

View Source
const (
	DOCTYPE    = "!DOCTYPE"
	HTML       = "HTML"
	HEAD       = "HEAD"
	META       = "META"
	TITLE      = "TITLE"
	LINK       = "LINK"
	STYLE      = "STYLE"
	BODY       = "BODY"
	H1         = "H1"
	H2         = "H2"
	H3         = "H3"
	H4         = "H4"
	H5         = "H5"
	H6         = "H6"
	P          = "P"
	BR         = "BR"
	HR         = "HR"
	A          = "A"
	EM         = "EM"
	STRONG     = "STRONG"
	SPAN       = "SPAN"
	DIV        = "DIV"
	IMG        = "IMG"
	UL         = "UL"
	OL         = "OL"
	LI         = "LI"
	TABLE      = "TABLE"
	TR         = "TR"
	TH         = "TH"
	TD         = "TD"
	CAPTION    = "CAPTION"
	THEAD      = "THEAD"
	TBODY      = "TBODY"
	TFOOT      = "TFOOT"
	FORM       = "FORM"
	INPUT      = "INPUT"
	BUTTON     = "BUTTON"
	SELECT     = "SELECT"
	OPTION     = "OPTION"
	TEXTAREA   = "TEXTAREA"
	LABEL      = "LABEL"
	FIELDSET   = "FIELDSET"
	LEGEND     = "LEGEND"
	SCRIPT     = "SCRIPT"
	NOSCRIPT   = "NOSCRIPT"
	AUDIO      = "AUDIO"
	VIDEO      = "VIDEO"
	SOURCE     = "SOURCE"
	CANVAS     = "CANVAS"
	EMBED      = "EMBED"
	IFRAME     = "IFRAME"
	OBJECT     = "OBJECT"
	PARAM      = "PARAM"
	SVG        = "SVG"
	MATH       = "MATH"
	DEL        = "DEL"
	INS        = "INS"
	CODE       = "CODE"
	KBD        = "KBD"
	SAMP       = "SAMP"
	VAR        = "VAR"
	SUB        = "SUB"
	SUP        = "SUP"
	Q          = "Q"
	BLOCKQUOTE = "BLOCKQUOTE"
	MARK       = "MARK"
	TIME       = "TIME"
	PROGRESS   = "PROGRESS"
	METER      = "METER"
	I          = "I"
	B          = "B"
	U          = "U"
	S          = "S"
	SMALL      = "SMALL"
	STRIKE     = "STRIKE"
	BIG        = "BIG"
	FONT       = "FONT"
	CENTER     = "CENTER"
	PRE        = "PRE"
	ARTICLE    = "ARTICLE"
	ASIDE      = "ASIDE"
	DETAILS    = "DETAILS"
	FIGURE     = "FIGURE"
	FIGCAPTION = "FIGCAPTION"
	FOOTER     = "FOOTER"
	HEADER     = "HEADER"
	MAIN       = "MAIN"
	MENU       = "MENU"
	NAV        = "NAV"
	SECTION    = "SECTION"
	SUMMARY    = "SUMMARY"
)

HTML ELEMENT

Variables

View Source
var Document = NewDocumentDOM()

A *DocumentDOM

View Source
var Window = NewWindowDOM()

A *WindowDOM

Functions

func CSSColor

func CSSColor(r, g, b int8) string

Create a rgb color (GENERATE A COLOR)

//Example:
myColor := CSSColor(255,0,0) // rgb(255,0,0)

func CSSColorWithAlpha

func CSSColorWithAlpha(r, g, b int8, a float32) string

Create a rgba color (GENERATE A COLOR)

//Example:
myColor := CSSColorWithAlpha(255,0,0,0.5) // rgba(255,0,0,0.5)

func ConvertSheetToSlice

func ConvertSheetToSlice(sheet CSStylesheet) map[string]string

Convert the sheet to map ignoring a .None and ""

func ExportFunction

func ExportFunction(funcName string, function func(f []any) any)

Export a function to javascipt. You can call it by name and pass parameters and return them

//Example:
ExportFunction("saludamePapi", func(f []any) any {
	Window.Alert(fmt.Sprintf("hola como estas: %s", f[0]))
	return fmt.Sprintf("hola como estas: %s", f[0])
})

To call in javascript

	const go = new Go();

        WebAssembly.instantiateStreaming(fetch("lib.wasm"), go.importObject).then((result) => {
            go.run(result.instance);
            let h = saludamePapi("juan")
            console.table({ saludo: h })
        });

Types

type CSStyle

type CSStyle struct {
	// contains filtered or unexported fields
}

Represents a Style. Represents a struct that can change the style of an element with various things

func NewStyle

func NewStyle(ele ObjectDOM) *CSStyle

Create a new *CSStyle

func (*CSStyle) FromStylesSheet

func (style *CSStyle) FromStylesSheet(sheet CSStylesheet)

Injects CSS but with a structure. It can be useful for injecting various styles and for code autocompletion.

//Example:
style1 := myObjectDOM.NewStyle()
style1.FromStylesSheet(CSStylesheet{
	Color:           "red",
	BackgroundColor: "blue",
	TextAlign:       "center",
})

func (*CSStyle) Inject

func (style *CSStyle) Inject(key, value string)

Inject css a DOM element

//Example:
myObjectDOM.NewStyle().Inject("color","blue")

type CSStylesheet

type CSStylesheet struct {
	AlignContent             string `default:".None"` // CSS
	AlignItems               string `default:".None"` // CSS
	AlignSelf                string `default:".None"` // CSS
	All                      string `default:".None"` // CSS
	Animation                string `default:".None"` // CSS
	AnimationDelay           string `default:".None"` // CSS
	AnimationDirection       string `default:".None"` // CSS
	AnimationDuration        string `default:".None"` // CSS
	AnimationFillMode        string `default:".None"` // CSS
	AnimationIteration       string `default:".None"` // CSS
	AnimationName            string `default:".None"` // CSS
	AnimationPlayState       string `default:".None"` // CSS
	AnimationTiming          string `default:".None"` // CSS
	BackdropFilter           string `default:".None"` // CSS
	BackfaceVisibility       string `default:".None"` // CSS
	Background               string `default:".None"` // CSS
	BackgroundAttachment     string `default:".None"` // CSS
	BackgroundBlendMode      string `default:".None"` // CSS
	BackgroundClip           string `default:".None"` // CSS
	BackgroundColor          string `default:".None"` // CSS
	BackgroundImage          string `default:".None"` // CSS
	BackgroundOrigin         string `default:".None"` // CSS
	BackgroundPosition       string `default:".None"` // CSS
	BackgroundRepeat         string `default:".None"` // CSS
	BackgroundSize           string `default:".None"` // CSS
	BlockSize                string `default:".None"` // CSS
	Border                   string `default:".None"` // CSS
	BorderBlock              string `default:".None"` // CSS
	BorderBlockColor         string `default:".None"` // CSS
	BorderBlockEnd           string `default:".None"` // CSS
	BorderBlockEndColor      string `default:".None"` // CSS
	BorderBlockEndStyle      string `default:".None"` // CSS
	BorderBlockEndWidth      string `default:".None"` // CSS
	BorderBlockStart         string `default:".None"` // CSS
	BorderBlockStartColor    string `default:".None"` // CSS
	BorderBlockStartStyle    string `default:".None"` // CSS
	BorderBlockStartWidth    string `default:".None"` // CSS
	BorderBlockStyle         string `default:".None"` // CSS
	BorderBlockWidth         string `default:".None"` // CSS
	BorderBottom             string `default:".None"` // CSS
	BorderBottomColor        string `default:".None"` // CSS
	BorderBottomLeftRadius   string `default:".None"` // CSS
	BorderBottomRightRadius  string `default:".None"` // CSS
	BorderBottomStyle        string `default:".None"` // CSS
	BorderBottomWidth        string `default:".None"` // CSS
	BorderCollapse           string `default:".None"` // CSS
	BorderColor              string `default:".None"` // CSS
	BorderImage              string `default:".None"` // CSS
	BorderImageOutset        string `default:".None"` // CSS
	BorderImageRepeat        string `default:".None"` // CSS
	BorderImageSlice         string `default:".None"` // CSS
	BorderImageSource        string `default:".None"` // CSS
	BorderImageWidth         string `default:".None"` // CSS
	BorderInline             string `default:".None"` // CSS
	BorderInlineColor        string `default:".None"` // CSS
	BorderInlineEnd          string `default:".None"` // CSS
	BorderInlineEndColor     string `default:".None"` // CSS
	BorderInlineEndStyle     string `default:".None"` // CSS
	BorderInlineEndWidth     string `default:".None"` // CSS
	BorderInlineStart        string `default:".None"` // CSS
	BorderInlineStartColor   string `default:".None"` // CSS
	BorderInlineStartStyle   string `default:".None"` // CSS
	BorderInlineStartWidth   string `default:".None"` // CSS
	BorderInlineStyle        string `default:".None"` // CSS
	BorderInlineWidth        string `default:".None"` // CSS
	BorderLeft               string `default:".None"` // CSS
	BorderLeftColor          string `default:".None"` // CSS
	BorderLeftStyle          string `default:".None"` // CSS
	BorderLeftWidth          string `default:".None"` // CSS
	BorderRadius             string `default:".None"` // CSS
	BorderRight              string `default:".None"` // CSS
	BorderRightColor         string `default:".None"` // CSS
	BorderRightStyle         string `default:".None"` // CSS
	BorderRightWidth         string `default:".None"` // CSS
	BorderSpacing            string `default:".None"` // CSS
	BorderStyle              string `default:".None"` // CSS
	BorderTop                string `default:".None"` // CSS
	BorderTopColor           string `default:".None"` // CSS
	BorderTopLeftRadius      string `default:".None"` // CSS
	BorderTopRightRadius     string `default:".None"` // CSS
	BorderTopStyle           string `default:".None"` // CSS
	BorderTopWidth           string `default:".None"` // CSS
	BorderWidth              string `default:".None"` // CSS
	Bottom                   string `default:".None"` // CSS
	BoxDecorationBreak       string `default:".None"` // CSS
	BoxShadow                string `default:".None"` // CSS
	BoxSizing                string `default:".None"` // CSS
	BreakAfter               string `default:".None"` // CSS
	BreakBefore              string `default:".None"` // CSS
	BreakInside              string `default:".None"` // CSS
	CaptionSide              string `default:".None"` // CSS
	CaretColor               string `default:".None"` // CSS
	Clear                    string `default:".None"` // CSS
	Clip                     string `default:".None"` // CSS
	ClipPath                 string `default:".None"` // CSS
	Color                    string `default:".None"` // CSS
	ColumnCount              string `default:".None"` // CSS
	ColumnFill               string `default:".None"` // CSS
	ColumnGap                string `default:".None"` // CSS
	ColumnRule               string `default:".None"` // CSS
	ColumnRuleColor          string `default:".None"` // CSS
	ColumnRuleStyle          string `default:".None"` // CSS
	ColumnRuleWidth          string `default:".None"` // CSS
	ColumnSpan               string `default:".None"` // CSS
	ColumnWidth              string `default:".None"` // CSS
	Columns                  string `default:".None"` // CSS
	Contain                  string `default:".None"` // CSS
	Content                  string `default:".None"` // CSS
	CounterIncrement         string `default:".None"` // CSS
	CounterReset             string `default:".None"` // CSS
	Cursor                   string `default:".None"` // CSS
	Direction                string `default:".None"` // CSS
	Display                  string `default:".None"` // CSS
	EmptyCells               string `default:".None"` // CSS
	Filter                   string `default:".None"` // CSS
	Flex                     string `default:".None"` // CSS
	FlexBasis                string `default:".None"` // CSS
	FlexDirection            string `default:".None"` // CSS
	FlexFlow                 string `default:".None"` // CSS
	FlexGrow                 string `default:".None"` // CSS
	FlexShrink               string `default:".None"` // CSS
	FlexWrap                 string `default:".None"` // CSS
	Float                    string `default:".None"` // CSS
	Font                     string `default:".None"` // CSS
	FontFamily               string `default:".None"` // CSS
	FontFeatureSettings      string `default:".None"` // CSS
	FontKerning              string `default:".None"` // CSS
	FontLanguageOverride     string `default:".None"` // CSS
	FontSize                 string `default:".None"` // CSS
	FontSizeAdjust           string `default:".None"` // CSS
	FontStretch              string `default:".None"` // CSS
	FontStyle                string `default:".None"` // CSS
	FontSynthesis            string `default:".None"` // CSS
	FontVariant              string `default:".None"` // CSS
	FontVariantCaps          string `default:".None"` // CSS
	FontVariantEastAsian     string `default:".None"` // CSS
	FontVariantLigatures     string `default:".None"` // CSS
	FontVariantNumeric       string `default:".None"` // CSS
	FontVariantPosition      string `default:".None"` // CSS
	FontWeight               string `default:".None"` // CSS
	Gap                      string `default:".None"` // CSS
	Grid                     string `default:".None"` // CSS
	GridArea                 string `default:".None"` // CSS
	GridAutoColumns          string `default:".None"` // CSS
	GridAutoFlow             string `default:".None"` // CSS
	GridAutoRows             string `default:".None"` // CSS
	GridColumn               string `default:".None"` // CSS
	GridColumnEnd            string `default:".None"` // CSS
	GridColumnGap            string `default:".None"` // CSS
	GridColumnStart          string `default:".None"` // CSS
	GridGap                  string `default:".None"` // CSS
	GridRow                  string `default:".None"` // CSS
	GridRowEnd               string `default:".None"` // CSS
	GridRowGap               string `default:".None"` // CSS
	GridRowStart             string `default:".None"` // CSS
	GridTemplate             string `default:".None"` // CSS
	GridTemplateAreas        string `default:".None"` // CSS
	GridTemplateColumns      string `default:".None"` // CSS
	GridTemplateRows         string `default:".None"` // CSS
	HangingPunctuation       string `default:".None"` // CSS
	Height                   string `default:".None"` // CSS
	Hyphens                  string `default:".None"` // CSS
	ImageOrientation         string `default:".None"` // CSS
	ImageRendering           string `default:".None"` // CSS
	InlineSize               string `default:".None"` // CSS
	Inset                    string `default:".None"` // CSS
	InsetBlock               string `default:".None"` // CSS
	InsetBlockEnd            string `default:".None"` // CSS
	InsetBlockStart          string `default:".None"` // CSS
	InsetInline              string `default:".None"` // CSS
	InsetInlineEnd           string `default:".None"` // CSS
	InsetInlineStart         string `default:".None"` // CSS
	Isolation                string `default:".None"` // CSS
	JustifyContent           string `default:".None"` // CSS
	Left                     string `default:".None"` // CSS
	LetterSpacing            string `default:".None"` // CSS
	LineBreak                string `default:".None"` // CSS
	LineHeight               string `default:".None"` // CSS
	ListStyle                string `default:".None"` // CSS
	ListStyleImage           string `default:".None"` // CSS
	ListStylePosition        string `default:".None"` // CSS
	ListStyleType            string `default:".None"` // CSS
	Margin                   string `default:".None"` // CSS
	MarginBlock              string `default:".None"` // CSS
	MarginBlockEnd           string `default:".None"` // CSS
	MarginBlockStart         string `default:".None"` // CSS
	MarginBottom             string `default:".None"` // CSS
	MarginInline             string `default:".None"` // CSS
	MarginInlineEnd          string `default:".None"` // CSS
	MarginInlineStart        string `default:".None"` // CSS
	MarginLeft               string `default:".None"` // CSS
	MarginRight              string `default:".None"` // CSS
	MarginTop                string `default:".None"` // CSS
	Mask                     string `default:".None"` // CSS
	MaskBorder               string `default:".None"` // CSS
	MaskBorderMode           string `default:".None"` // CSS
	MaskBorderOutset         string `default:".None"` // CSS
	MaskBorderRepeat         string `default:".None"` // CSS
	MaskBorderSlice          string `default:".None"` // CSS
	MaskBorderSource         string `default:".None"` // CSS
	MaskBorderWidth          string `default:".None"` // CSS
	MaskClip                 string `default:".None"` // CSS
	MaskComposite            string `default:".None"` // CSS
	MaskImage                string `default:".None"` // CSS
	MaskMode                 string `default:".None"` // CSS
	MaskOrigin               string `default:".None"` // CSS
	MaskPosition             string `default:".None"` // CSS
	MaskRepeat               string `default:".None"` // CSS
	MaskSize                 string `default:".None"` // CSS
	MaskType                 string `default:".None"` // CSS
	MaxBlockSize             string `default:".None"` // CSS
	MaxHeight                string `default:".None"` // CSS
	MaxInlineSize            string `default:".None"` // CSS
	MaxWidth                 string `default:".None"` // CSS
	MinBlockSize             string `default:".None"` // CSS
	MinHeight                string `default:".None"` // CSS
	MinInlineSize            string `default:".None"` // CSS
	MinWidth                 string `default:".None"` // CSS
	MixBlendMode             string `default:".None"` // CSS
	ObjectFit                string `default:".None"` // CSS
	ObjectPosition           string `default:".None"` // CSS
	Offset                   string `default:".None"` // CSS
	OffsetAnchor             string `default:".None"` // CSS
	OffsetBlock              string `default:".None"` // CSS
	OffsetBlockEnd           string `default:".None"` // CSS
	OffsetBlockStart         string `default:".None"` // CSS
	OffsetInline             string `default:".None"` // CSS
	OffsetInlineEnd          string `default:".None"` // CSS
	OffsetInlineStart        string `default:".None"` // CSS
	OffsetDistance           string `default:".None"` // CSS
	OffsetPath               string `default:".None"` // CSS
	OffsetRotate             string `default:".None"` // CSS
	Opacity                  string `default:".None"` // CSS
	Order                    string `default:".None"` // CSS
	Orphans                  string `default:".None"` // CSS
	Outline                  string `default:".None"` // CSS
	OutlineColor             string `default:".None"` // CSS
	OutlineOffset            string `default:".None"` // CSS
	OutlineStyle             string `default:".None"` // CSS
	OutlineWidth             string `default:".None"` // CSS
	Overflow                 string `default:".None"` // CSS
	OverflowAnchor           string `default:".None"` // CSS
	OverflowBlock            string `default:".None"` // CSS
	OverflowInline           string `default:".None"` // CSS
	OverflowWrap             string `default:".None"` // CSS
	OverflowX                string `default:".None"` // CSS
	OverflowY                string `default:".None"` // CSS
	OverscrollBehavior       string `default:".None"` // CSS
	OverscrollBehaviorBlock  string `default:".None"` // CSS
	OverscrollBehaviorInline string `default:".None"` // CSS
	OverscrollBehaviorX      string `default:".None"` // CSS
	OverscrollBehaviorY      string `default:".None"` // CSS
	Padding                  string `default:".None"` // CSS
	PaddingBlock             string `default:".None"` // CSS
	PaddingBlockEnd          string `default:".None"` // CSS
	PaddingBlockStart        string `default:".None"` // CSS
	PaddingBottom            string `default:".None"` // CSS
	PaddingInline            string `default:".None"` // CSS
	PaddingInlineEnd         string `default:".None"` // CSS
	PaddingInlineStart       string `default:".None"` // CSS
	PaddingLeft              string `default:".None"` // CSS
	PaddingRight             string `default:".None"` // CSS
	PaddingTop               string `default:".None"` // CSS
	PageBreakAfter           string `default:".None"` // CSS
	PageBreakBefore          string `default:".None"` // CSS
	PageBreakInside          string `default:".None"` // CSS
	PaintOrder               string `default:".None"` // CSS
	Perspective              string `default:".None"` // CSS
	PerspectiveOrigin        string `default:".None"` // CSS
	PlaceContent             string `default:".None"` // CSS
	PlaceItems               string `default:".None"` // CSS
	PlaceSelf                string `default:".None"` // CSS
	PointerEvents            string `default:".None"` // CSS
	Position                 string `default:".None"` // CSS
	Quotes                   string `default:".None"` // CSS
	Resize                   string `default:".None"` // CSS
	Right                    string `default:".None"` // CSS
	Rotate                   string `default:".None"` // CSS
	RowGap                   string `default:".None"` // CSS
	RubyAlign                string `default:".None"` // CSS
	RubyMerge                string `default:".None"` // CSS
	RubyPosition             string `default:".None"` // CSS
	Scale                    string `default:".None"` // CSS
	ScrollBehavior           string `default:".None"` // CSS
	ScrollMargin             string `default:".None"` // CSS
	ScrollMarginBlock        string `default:".None"` // CSS
	ScrollMarginBlockEnd     string `default:".None"` // CSS
	ScrollMarginBlockStart   string `default:".None"` // CSS
	ScrollMarginBottom       string `default:".None"` // CSS
	ScrollMarginInline       string `default:".None"` // CSS
	ScrollMarginInlineEnd    string `default:".None"` // CSS
	ScrollMarginInlineStart  string `default:".None"` // CSS
	ScrollMarginLeft         string `default:".None"` // CSS
	ScrollMarginRight        string `default:".None"` // CSS
	ScrollMarginTop          string `default:".None"` // CSS
	ScrollPadding            string `default:".None"` // CSS
	ScrollPaddingBlock       string `default:".None"` // CSS
	ScrollPaddingBlockEnd    string `default:".None"` // CSS
	ScrollPaddingBlockStart  string `default:".None"` // CSS
	ScrollPaddingBottom      string `default:".None"` // CSS
	ScrollPaddingInline      string `default:".None"` // CSS
	ScrollPaddingInlineEnd   string `default:".None"` // CSS
	ScrollPaddingInlineStart string `default:".None"` // CSS
	ScrollPaddingLeft        string `default:".None"` // CSS
	ScrollPaddingRight       string `default:".None"` // CSS
	ScrollPaddingTop         string `default:".None"` // CSS
	ScrollSnapAlign          string `default:".None"` // CSS
	ScrollSnapStop           string `default:".None"` // CSS
	ScrollSnapType           string `default:".None"` // CSS
	ShapeImageThreshold      string `default:".None"` // CSS
	ShapeMargin              string `default:".None"` // CSS
	ShapeOutside             string `default:".None"` // CSS
	TabSize                  string `default:".None"` // CSS
	TableLayout              string `default:".None"` // CSS
	TextAlign                string `default:".None"` // CSS
	TextAlignLast            string `default:".None"` // CSS
	TextCombineUpright       string `default:".None"` // CSS
	TextDecoration           string `default:".None"` // CSS
	TextDecorationColor      string `default:".None"` // CSS
	TextDecorationLine       string `default:".None"` // CSS
	TextDecorationSkip       string `default:".None"` // CSS
	TextDecorationSkipInk    string `default:".None"` // CSS
	TextDecorationStyle      string `default:".None"` // CSS
	TextDecorationThickness  string `default:".None"` // CSS
	TextEmphasis             string `default:".None"` // CSS
	TextEmphasisColor        string `default:".None"` // CSS
	TextEmphasisPosition     string `default:".None"` // CSS
	TextEmphasisStyle        string `default:".None"` // CSS
	TextIndent               string `default:".None"` // CSS
	TextJustify              string `default:".None"` // CSS
	TextOrientation          string `default:".None"` // CSS
	TextOverflow             string `default:".None"` // CSS
	TextRendering            string `default:".None"` // CSS
	TextShadow               string `default:".None"` // CSS
	TextSizeAdjust           string `default:".None"` // CSS
	TextTransform            string `default:".None"` // CSS
	TextUnderlinePosition    string `default:".None"` // CSS
	Top                      string `default:".None"` // CSS
	TouchAction              string `default:".None"` // CSS
	Transform                string `default:".None"` // CSS
	TransformBox             string `default:".None"` // CSS
	TransformOrigin          string `default:".None"` // CSS
	TransformStyle           string `default:".None"` // CSS
	Transition               string `default:".None"` // CSS
	TransitionDelay          string `default:".None"` // CSS
	TransitionDuration       string `default:".None"` // CSS
	TransitionProperty       string `default:".None"` // CSS
	TransitionTiming         string `default:".None"` // CSS
	Translate                string `default:".None"` // CSS
	UnicodeBidi              string `default:".None"` // CSS
	UserSelect               string `default:".None"` // CSS
	VerticalAlign            string `default:".None"` // CSS
	Visibility               string `default:".None"` // CSS
	WhiteSpace               string `default:".None"` // CSS
	Width                    string `default:".None"` // CSS
	WillChange               string `default:".None"` // CSS
	WordBreak                string `default:".None"` // CSS
	WordSpacing              string `default:".None"` // CSS
	WordWrap                 string `default:".None"` // CSS
	WritingMode              string `default:".None"` // CSS
	ZIndex                   string `default:".None"` // CSS
}

type DocumentDOM

type DocumentDOM struct {
	// contains filtered or unexported fields
}

Represents a Document of Javascript

func NewDocumentDOM

func NewDocumentDOM() *DocumentDOM

Create a new DocumentDOM

//Example:
myDocument := NewDocumentDOM()

func (*DocumentDOM) AppendChild

func (d *DocumentDOM) AppendChild(ele *ObjectDOM)

Wrapper of document.appendChild()

//Example:
Document.AppendChild(myObjectDOM)

func (*DocumentDOM) Create

func (d *DocumentDOM) Create(typeOfElement string) *ObjectDOM

Wrapper of document.createElement()

//Example:
myInfo := Document.Create(H1)

func (*DocumentDOM) GetById

func (d *DocumentDOM) GetById(id string) *ObjectDOM

Wrapper of document.getElementById() with alias

//Example:
myInfo := Document.GetByID("myInfo")

type EventListener

type EventListener struct {
	// contains filtered or unexported fields
}

Wrapper of addEventListener and more

//Example:
myListener := NewEventListener(myOjectDOM)
myListener.AddClick("configure click",func(event MouseEvent){
	//...
})

Or

myObjectDOM.Listener.AddClick("configure click",func(event MouseEvent){
	//...
})

func NewEventListener

func NewEventListener(object *ObjectDOM) *EventListener

Create a *EventListener

//Example:
lis := NewEventListener(myObjectDOM)
// ...

func (*EventListener) AddClick

func (listener *EventListener) AddClick(name string, function func(MouseEvent))

Add click function with name

//Example:
myObjectDOM.Listener.AddClick("add functions of app",func(event MouseEvent){
// you code
})

func (*EventListener) GetClicks

func (o *EventListener) GetClicks() map[string]func(MouseEvent)

Get all click function with names

func (*EventListener) RemoveClick

func (listener *EventListener) RemoveClick(name string)

Remove a listener

type IObjectDOM

type IObjectDOM interface {
	Value() string
	SetValue(string) string

	InnerHTML() string
	SetInnerHTML(string)

	GetHTMLType() string

	InnerText() string
	SetInnerText(string)

	AddClass(string)
	Class() []string

	SetID(string)
	ID() string

	RemoveClass(string)

	ClearClass()
	ClearID()

	CallFunction(string, ...interface{})
	GetProperty(string) js.Value
	GetPropertyAsString(string)
	SetProperty(string, ...interface{})
}

type MouseEvent

type MouseEvent struct {
	X              int        // X
	Y              int        // Y
	ClientX        int        // ClientX
	ClientY        int        // ClientY
	PreventDefault func()     // PreventDefault()
	Object         *ObjectDOM // Object
}

Represents a MouseEvent object in Typescript and JS (It is very incomplete)

type ObjectDOM

type ObjectDOM struct {
	Listener *EventListener
	// contains filtered or unexported fields
}

Represents a DOM. object

//Example:
oj := Document.GetByID("you id")
oj.SetValue("hello developer :)")

func (*ObjectDOM) AddClass

func (oj *ObjectDOM) AddClass(class string)

Add a class to ObjectDOM

//Example:
oj := Document.Create(H4)
oj.AddClass("isGood")
fmt.Println(oj.Class()) // ["isGood"]

func (*ObjectDOM) CallFunction

func (o *ObjectDOM) CallFunction(function string, params ...interface{})

Call ObjectDOM a function of Javascript

//Example:
oj.CallFunction("Remove",nil)

func (*ObjectDOM) Class

func (oj *ObjectDOM) Class() []string

Get a all Class as slice of strings

//Example:
oj := Document.Create(H4)
oj.AddClass("isGood")
fmt.Println(oj.Class()) // ["isGood"]

func (*ObjectDOM) ClearClass

func (oj *ObjectDOM) ClearClass()

Remove a all class of ObjectDOM

//Example:
oj := Document.Create(H4)
oj.AddClass("info")
oj.AddClass("error")
fmt.Println(oj.Class()) // ["info","error"]
oj.ClearClass()
fmt.Println(oj.Class()) // []

func (*ObjectDOM) ClearID

func (ob *ObjectDOM) ClearID()

Alias of SetID("")

func (*ObjectDOM) GetAsStringProperty

func (o *ObjectDOM) GetAsStringProperty(property string) string

Getter a property as string

func (*ObjectDOM) GetHTMLType

func (object *ObjectDOM) GetHTMLType() string

Get the type of the HTML object

//Example
jk := Document.Create(H1)
fmt.Println(jk.GetHTMLType()) // h1

func (*ObjectDOM) GetProperty

func (o *ObjectDOM) GetProperty(property string) js.Value

Getter a property as js.Value

func (*ObjectDOM) ID

func (oj *ObjectDOM) ID() string

Getter of id

//Example:
information := Document.Create(P)
information.SetID("info")
fmt.Println(information.ID()) // info

func (*ObjectDOM) InnerHTML

func (object *ObjectDOM) InnerHTML() string

Getter of innertText (VALID HTML)

// Example
fmt.Println(oj.InnertHTML())

func (*ObjectDOM) InnerText

func (object *ObjectDOM) InnerText() string

Getter of innertText (ONLY TEXT)

// Example
fmt.Println(oj.InnertText())

func (*ObjectDOM) NewStyle

func (p *ObjectDOM) NewStyle() CSStyle

Create a style bound to the object

//Example:
ob.NewStyle().Inject("color","blue")

func (*ObjectDOM) RemoveClass

func (oj *ObjectDOM) RemoveClass(class string)

Remove a class

//Example:
oj := Document.Create(H4)
oj.AddClass("info")
oj.AddClass("error")
fmt.Println(oj.Class()) // ["info","error"]
oj.RemoveClass("error")
fmt.Println(oj.Class()) // ["info"]

func (*ObjectDOM) SetID

func (oj *ObjectDOM) SetID(id string)

Setter of id

//Example:
information := Document.Create(P)
information.SetID("info")

func (*ObjectDOM) SetInnerHTML

func (object *ObjectDOM) SetInnerHTML(value string)

Setter of innertHTML (VALID HTML)

// Example
oj.SetInnerHTML("hello dev")

func (*ObjectDOM) SetInnerText

func (object *ObjectDOM) SetInnerText(value string)

Setter of innertText (ONLY TEXT)

// Example
oj.SetInnerText("hello dev")

func (*ObjectDOM) SetProperty

func (o *ObjectDOM) SetProperty(property string, params ...interface{})

Set a property ObjectDOM property of Javascript

//Example:
oj.SetProperty("innerText","hello dev")

func (*ObjectDOM) SetValue

func (object *ObjectDOM) SetValue(value string)

Alias of SetInnerText

func (*ObjectDOM) Value

func (object *ObjectDOM) Value() string

Alias of InnerText

type WindowDOM

type WindowDOM struct {
	// contains filtered or unexported fields
}

Represents a Global object in Javascript

func NewWindowDOM

func NewWindowDOM() *WindowDOM

Create a new *WindowDOM

func (*WindowDOM) Alert

func (win *WindowDOM) Alert(message string)

Show Alert

func (*WindowDOM) CallFunction

func (win *WindowDOM) CallFunction(function string, params ...interface{})

Call global function

Jump to

Keyboard shortcuts

? : This menu
/ : Search site
f or F : Jump to
y or Y : Canonical URL